true, 'logo' => null, 'logo_url' => null, 'logo_url_title' => null, 'logo_height' => null, 'background_color' => null, 'background_img' => null, 'background_style' => null, 'form_background_color' => null, 'form_background_opacity' => null, 'form_text_color' => null, 'form_top' => null, 'form_border_radius' => null, ) ); } /** * Add sub menu page * * @since 1.6.0 */ public static function add_admin_menu() { add_submenu_page( WPEX_THEME_PANEL_SLUG, esc_html__( 'Custom Login', 'total' ), esc_html__( 'Custom Login', 'total' ), 'administrator', WPEX_THEME_PANEL_SLUG .'-admin-login', array( 'WPEX_Custom_Login', 'create_admin_page' ) ); } /** * Register a setting and its sanitization callback. * * @since 1.6.0 */ public static function register_settings() { register_setting( 'wpex_custom_login', 'login_page_design', array( 'WPEX_Custom_Login', 'sanitize' ) ); } /** * Sanitization callback * * @since 1.6.0 */ public static function sanitize( $options ) { // If we have options lets save them in the theme_mods if ( $options ) { // Loop through options to prevent empty vars from saving foreach ( $options as $key => $val ) { if ( empty( $val ) ) { unset( $options[$key] ); } if ( 'background_img' == $key && empty( $val ) ) { unset( $options['background_style'] ); } if ( 'logo' == $key && empty( $val ) ) { unset( $options['logo_height'] ); } } // Save theme_mod set_theme_mod( 'login_page_design', $options ); } // Clear options $options = ''; // Return nothing since we are storing in theme_mods not options table return; } /** * Settings page output * * @since 1.6.0 */ public static function create_admin_page() { ?>

	>

1 ) $opacity = 1.0; $output = 'rgba('.implode( ",", $rgb ).','.$opacity.')'; } else { $output = 'rgb('.implode( ",", $rgb ).')'; } //Return rgb(a) color string return $output; } /** * Outputs the CSS for the custom login page * * @since 1.6.0 */ public static function output_css() { // Get options $options = self::get_mods(); // Do nothing if disabled if ( empty( $options['enabled'] ) ) { return; } // Sanitize data $logo = self::parseOption( 'logo' ); $logo_height = self::parseOption( 'logo_height', '84px' ); $logo_height = intval( $logo_height ) .'px'; $background_img = self::parseOption( 'background_img' ); $background_style = self::parseOption( 'background_style' ); $background_color = self::parseOption( 'background_color' ); $form_background_color = self::parseOption( 'form_background_color' ); $form_background_opacity = self::parseOption( 'form_background_opacity' ); $form_text_color = self::parseOption( 'form_text_color' ); $form_top = self::parseOption( 'form_top', '150px' ); $form_input_bg = self::parseOption( 'form_input_bg' ); $form_input_color = self::parseOption( 'form_input_color' ); $form_border_radius = self::parseOption( 'form_border_radius' ); $form_button_bg = self::parseOption( 'form_button_bg' ); $form_button_bg_hover = self::parseOption( 'form_button_bg_hover' ); $form_button_color = self::parseOption( 'form_button_color' ); // Convert image ID's to urls if ( is_numeric( $logo ) ) { $logo = wp_get_attachment_image_src( $logo, 'full' ); $logo = $logo[0]; } if ( is_numeric( $background_img ) ) { $background_img = wp_get_attachment_image_src( $background_img, 'full' ); $background_img = $background_img[0]; } // Output Styles $output = ''; // Logo if ( $logo ) { $output .='body.login div#login h1 a {'; $output .='background: url("'. $logo .'") center center no-repeat;'; $output .='height: '. intval( $logo_height ) .'px;'; $output .='width: 100%;'; $output .='display: block;'; $output .='margin: 0 auto 30px;'; $output .='}'; } // Background image if ( $background_img ) { if ( 'stretched' == $background_style ) { $output .= 'body.login { background: url('. $background_img .') no-repeat center center fixed; -webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover; }'; } elseif ( 'repeat' == $background_style ) { $output .= 'body.login { background: url('. $background_img .') repeat; }'; } elseif ( 'fixed' == $background_style ) { $output .= 'body.login { background: url('. $background_img .') center top fixed no-repeat; }'; } } // Background color if ( $background_color ) { $output .='body.login { background-color: '. $background_color .'; }'; } // Form top if ( $form_top ) { $output .= 'body.login div#login { padding-top: 0; position: relative; top:'. wpex_sanitize_data( $form_top, 'px_pct' ) .'; }'; } // Form Background Color if ( $form_background_color ) { $form_bg_color_rgba = self::hex2rgba( $form_background_color, $form_background_opacity ); $output .='.login form { background: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 0 20px; } #backtoblog { display: none; } .login #nav { text-align: center; }'; $output .='body.login div#login { background: '. $form_background_color .'; background: '. $form_bg_color_rgba .';height:auto;left:50%;margin: 0 0 0 -200px;padding:40px;position:absolute;width:320px; max-width:90%; border-radius: 5px; }'; } else { $output .= 'body.login div#login { opacity:'. $form_background_opacity .'; }'; } // Form top if ( $form_border_radius ) { if ( $form_background_color ) { $output .= 'body.login div#login { border-radius:'. intval( $form_border_radius ) .'px; }'; } else { $output .= 'body.login div#login #loginform { border-radius:'. intval( $form_border_radius ) .'px; }'; } } // Form input if ( $form_input_bg ) { $output .='body.login div#login input.input { background: '. $form_input_bg .'; border: 0; box-shadow: none; }'; } if ( $form_input_color ) { $output .='body.login form .input { color: '. $form_input_color .'; }'; } // Text Color if ( $form_text_color ) { $output .='.login label, .login #nav a, .login #backtoblog a, .login #nav { color: '. $form_text_color .'; }'; } // Button background if ( $form_button_bg ) { $output .='body.login div#login .button { background: '. $form_button_bg .'; border:0; outline: 0; }'; } // Button background if ( $form_button_color ) { $output .='body.login div#login .button { color: '. $form_button_color .'; }'; } // Button background Hover if ( $form_button_bg_hover ) { $output .='body.login div#login .button:hover { background: '. $form_button_bg_hover .'; border:0; outline: 0; }'; } // Remove box-shadow if ( $form_button_bg || $form_button_bg_hover ) { $output .= 'body.login div#login .button{ box-shadow: none !important; }'; } // Remove text-shadow if ( $form_button_color || $form_button_bg ) { $output .= 'body.login div#login .button{ text-shadow:none; }'; } // Echo output if ( $output ) { echo ''; } } /** * Parses data * * @since 1.6.0 */ private static function parseOption( $option_id, $default = '' ) { $options = self::get_mods(); return ! empty( $options[$option_id] ) ? $options[$option_id] : $default; } /** * Custom login page logo URL * * @since 1.6.0 */ public static function login_headerurl( $url ) { $options = self::get_mods(); $url = isset( $options['logo_url'] ) ? esc_url( $options['logo_url'] ) : $url; return $url; } /** * Custom login page logo URL title attribute * * @since 4.5.4.2 */ public static function login_headertitle( $title ) { $options = self::get_mods(); $title = isset( $options['logo_url_title'] ) ? esc_attr( $options['logo_url_title'] ) : $title; return $title; } } new WPEX_Custom_Login(); }