true, 'logo' => null, 'logo_url_home' => true, '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 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( $this, 'create_admin_page' ) ); } /** * Register a setting and its sanitization callback. * * @since 1.6.0 */ public function register_settings() { register_setting( 'wpex_custom_login', 'login_page_design', array( $this, 'sanitize' ) ); } /** * Sanitization callback * * @since 1.6.0 */ public 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 function create_admin_page() { ?>

options(); ?>

	>


	>

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 function output_css() { // Get options $options = $this->options(); // Do nothing if disabled if ( empty( $options['enabled'] ) ) { return; } // Sanitize data $logo = wpex_get_image_url( $this->parseOption( 'logo' ) ); $logo_height = $this->parseOption( 'logo_height', '84px' ); $logo_height = intval( $logo_height ) . 'px'; $background_img = wpex_get_image_url( $this->parseOption( 'background_img' ) ); $background_style = $this->parseOption( 'background_style' ); $background_color = $this->parseOption( 'background_color' ); $form_background_color = $this->parseOption( 'form_background_color' ); $form_background_opacity = $this->parseOption( 'form_background_opacity' ); $form_text_color = $this->parseOption( 'form_text_color' ); $form_top = $this->parseOption( 'form_top', '150px' ); $form_input_bg = $this->parseOption( 'form_input_bg' ); $form_input_color = $this->parseOption( 'form_input_color' ); $form_border_radius = $this->parseOption( 'form_border_radius' ); $form_button_bg = $this->parseOption( 'form_button_bg' ); $form_button_bg_hover = $this->parseOption( 'form_button_bg_hover' ); $form_button_color = $this->parseOption( 'form_button_color' ); // Output Styles $output = ''; // Logo if ( $logo ) { $output .='body.login div#login h1 a {'; $output .='background: url("' . esc_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(' . esc_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(' . esc_url( $background_img ) . ') repeat; }'; } elseif ( 'fixed' == $background_style ) { $output .= 'body.login { background: url(' . esc_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 = $this->hex2rgba( $form_background_color, $form_background_opacity ); $output .='.login form { background: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 0 20px; border: 0; outline: 0 } #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 */ public function parseOption( $option_id, $default = '' ) { $options = $this->options(); return ! empty( $options[$option_id] ) ? $options[$option_id] : $default; } /** * Custom login page logo URL * * @since 1.6.0 */ public function login_headerurl( $url ) { $options = $this->options(); if ( ! empty( $options['logo_url'] ) ) { $url = esc_url( $options['logo_url'] ); } elseif( ! empty( $options['logo_url_home'] ) ) { $url = esc_url( home_url( '/' ) ); } return $url; } /** * Custom login page logo URL title attribute * * @since 4.9 */ public function login_headertext( $title ) { $options = $this->options(); $title = isset( $options['logo_url_title'] ) ? $options['logo_url_title'] : $title; return esc_attr( $title ); } } new WPEX_Custom_Login();