文件操作 - custom-login.php

文件: /storage/v12552/jimbrandstatter/public_html/wp-content/themes/Total/inc/custom-login.php

编辑文件内容

<?php

namespace TotalTheme;

\defined( 'ABSPATH' ) || exit;

/**
 * Custom Login Page Design.
 */
class Custom_Login {

/**
	 * Static-only class.
	 */
	private function __construct() {}

/**
	 * Init.
	 */
	public static function init() {
		if ( \wpex_is_request( 'admin' ) ) {
			self::admin_actions();
		}

if ( \wpex_is_request( 'frontend' ) ) {
			self::frontend_actions();
		}
	}

/**
	 * Admin hooks.
	 */
	public static function admin_actions() {
		\add_action( 'admin_menu', [ self::class, 'add_submenu_page' ] );
		\add_action( 'admin_init', [ self::class, 'register_settings' ] );
	}

/**
	 * Frontend hooks.
	 */
	public static function frontend_actions() {
		\add_action( 'login_head', [ self::class, 'output_css' ] );
		\add_action( 'login_headerurl', [ self::class, 'filter_login_headerurl' ] );
		\add_filter( 'login_headertext',[ self::class, 'filter_login_headertext' ] );
	}

/**
	 * Add sub menu page.
	 */
	public static function add_submenu_page() {
		\add_submenu_page(
			\WPEX_THEME_PANEL_SLUG,
			\esc_html__( 'Custom Login', 'total' ),
			\esc_html__( 'Custom Login', 'total' ),
			'edit_theme_options',
			\WPEX_THEME_PANEL_SLUG . '-admin-login',
			[ self::class, 'render_admin_page' ]
		);
	}

/**
	 * Register a setting and its sanitization callback.
	 */
	public static function register_settings() {
		\register_setting(
			'wpex_custom_login',
			'login_page_design',
			[
				'sanitize_callback' => [ self::class, 'save_options' ],
				'default' => null,
			]
		);
	}

/**
	 * Save options.
	 */
	public static function save_options( $options ) {
		if ( ! is_array( $options )
			|| ! wp_verify_nonce( $_POST['totaltheme-custom-login-admin-nonce'] ?? '', 'totaltheme-custom-login-admin' )
			|| ! \current_user_can( 'edit_theme_options' )
		) {
			return;
		}

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'] );
			}
		}

// Sanitize settings before saving.
		$options = array_map( 'sanitize_text_field', $options );

\set_theme_mod( 'login_page_design', $options );
	}

/**
	 * Settings page output.
	 */
	public static function render_admin_page() {
		if ( ! \current_user_can( 'edit_theme_options' ) ) {
			return;
		}

\wp_enqueue_media();

\wp_enqueue_style( 'wp-color-picker' );
		\wp_enqueue_script( 'wp-color-picker' );

\wp_enqueue_style( 'totaltheme-admin-pages' );
		\wp_enqueue_script( 'totaltheme-admin-pages' );

<?php $theme_mod = self::get_options_list(); ?>

<?php \settings_fields( 'wpex_custom_login' ); ?>

<tr valign="top" class="wpex-tab-content wpex-background">
						<th scope="row"><label for="wpex_login_page_design[background_color]"><?php \esc_html_e( 'Background Color', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['background_color'] ?? ''; ?>
							<input id="wpex_login_page_design[background_color]" type="text" name="login_page_design[background_color]" value="<?php echo \esc_attr( $option ); ?>" class="wpex-color-field">
						</td>
					</tr>

<tr valign="top" class="wpex-tab-content wpex-background">
						<th scope="row"><label for="wpex_login_page_design[background_style]"><?php \esc_html_e( 'Background Image Style', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['background_style'] ?? ''; ?>
							<select id="wpex_login_page_design[background_style]" name="login_page_design[background_style]">
								<?php
								$bg_styles = [
									'stretched' => \esc_html__( 'Cover', 'total' ),
									'repeat' => \esc_html__( 'Repeat', 'total' ),
									'fixed' => \esc_html__( 'Center Fixed', 'total' ),
								];
								foreach ( $bg_styles as $key => $val ) { ?>
									<option value="<?php echo \esc_attr( $key ); ?>" <?php \selected( $option, $key, true ); ?>>
										<?php echo \strip_tags( $val ); ?>
									</option>
								<?php } ?>
							</select>
						</td>
					</tr>

<tr valign="top" class="wpex-tab-content wpex-form">
						<th scope="row"><label for="wpex_login_page_design[form_background_color]"><?php \esc_html_e( 'Form Background Color', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['form_background_color'] ?? ''; ?>
							<input id="wpex_login_page_design[form_background_color]" type="text" name="login_page_design[form_background_color]" value="<?php echo \esc_attr( $option ); ?>" class="wpex-color-field">
						</td>
					</tr>

<tr valign="top" class="wpex-tab-content wpex-form">
						<th scope="row"><label for="wpex_login_page_design[form_text_color]"><?php \esc_html_e( 'Form Text Color', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['form_text_color'] ?? ''; ?>
							<input id="wpex_login_page_design[form_text_color]" type="text" name="login_page_design[form_text_color]" value="<?php echo \esc_attr( $option ); ?>" class="wpex-color-field">
						</td>
					</tr>

<tr valign="top" class="wpex-tab-content wpex-form">
						<th scope="row"><label for="wpex_login_page_design[form_input_bg]"><?php \esc_html_e( 'Form Input Background', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['form_input_bg'] ?? ''; ?>
							<input id="wpex_login_page_design[form_input_bg]" type="text" name="login_page_design[form_input_bg]" value="<?php echo \esc_attr( $option ); ?>" class="wpex-color-field">
						</td>
					</tr>

<tr valign="top" class="wpex-tab-content wpex-form">
						<th scope="row"><label for="wpex_login_page_design[form_input_color]"><?php \esc_html_e( 'Form Input Color', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['form_input_color'] ?? ''; ?>
							<input id="wpex_login_page_design[form_input_color]" type="text" name="login_page_design[form_input_color]" value="<?php echo \esc_attr( $option ); ?>" class="wpex-color-field">
						</td>
					</tr>

<tr valign="top" class="wpex-tab-content wpex-button">
						<th scope="row"><label for="wpex_login_page_design[form_button_bg]"><?php \esc_html_e( 'Form Button Background', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['form_button_bg'] ?? ''; ?>
							<input id="wpex_login_page_design[form_button_bg]" type="text" name="login_page_design[form_button_bg]" value="<?php echo \esc_attr( $option ); ?>" class="wpex-color-field">
						</td>
					</tr>

<tr valign="top" class="wpex-tab-content wpex-button">
						<th scope="row"><label for="wpex_login_page_design[form_button_color]"><?php \esc_html_e( 'Form Button Color', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['form_button_color'] ?? ''; ?>
							<input id="wpex_login_page_design[form_button_color]" type="text" name="login_page_design[form_button_color]" value="<?php echo \esc_attr( $option ); ?>" class="wpex-color-field">
						</td>
					</tr>

<tr valign="top" class="wpex-tab-content wpex-button">
						<th scope="row"><label for="wpex_login_page_design[form_button_bg_hover]"><?php \esc_html_e( 'Form Button Background: Hover', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['form_button_bg_hover'] ?? ''; ?>
							<input id="wpex_login_page_design[form_button_bg_hover]" type="text" name="login_page_design[form_button_bg_hover]" value="<?php echo \esc_attr( $option ); ?>" class="wpex-color-field">
						</td>
					</tr>

<tr valign="top" class="wpex-tab-content wpex-bottom-links">
						<th scope="row"><label for="wpex_login_page_design[bottom_links_color]"><?php \esc_html_e( 'Bottom Links Color', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['bottom_links_color'] ?? ''; ?>
							<input id="wpex_login_page_design[bottom_links_color]" type="text" name="login_page_design[bottom_links_color]" value="<?php echo \esc_attr( $option ); ?>" class="wpex-color-field">
						</td>
					</tr>

<tr valign="top" class="wpex-tab-content wpex-bottom-links">
						<th scope="row"><label for="wpex_login_page_design[bottom_links_hover_color]"><?php \esc_html_e( 'Bottom Links Hover Color', 'total' ); ?></label></th>
						<td>
							<?php $option = $theme_mod['bottom_links_hover_color'] ?? ''; ?>
							<input id="wpex_login_page_design[bottom_links_hover_color]" type="text" name="login_page_design[bottom_links_hover_color]" value="<?php echo \esc_attr( $option ); ?>" class="wpex-color-field">
						</td>
					</tr>

</table>

<?php \wp_nonce_field( 'totaltheme-custom-login-admin', 'totaltheme-custom-login-admin-nonce' ); ?>

<?php \submit_button(); ?>

</form>

</div>

<?php }

/**
	 * Outputs the CSS for the custom login page.
	 */
	public static function output_css() {
		$options = self::get_options_list();

// Do nothing if disabled.
		if ( empty( $options['enabled'] ) ) {
			return;
		}

// Set options.
		$center                    = (bool) self::get_option( 'center' );
		$width                     = self::get_option( 'width' );
		$logo                      = wpex_get_image_url( self::get_option( 'logo' ) );
		$logo_height               = self::get_option( 'logo_height', '84px' );
		$logo_height               = \intval( $logo_height ) . 'px';
		$background_img            = wpex_get_image_url( self::get_option( 'background_img' ) );
		$background_style          = self::get_option( 'background_style' );
		$background_color          = self::get_option( 'background_color' );
		$form_styles_inner_check   = (bool) self::get_option( 'form_styles_inner_check' );
		$form_background_color     = self::get_option( 'form_background_color' );
		$form_background_opacity   = self::get_option( 'form_background_opacity' );
		$form_text_color           = self::get_option( 'form_text_color' );
		$form_top                  = self::get_option( 'form_top', '150px' );
		$form_input_bg             = self::get_option( 'form_input_bg' );
		$form_input_color          = self::get_option( 'form_input_color' );
		$form_border_radius        = self::get_option( 'form_border_radius' );
		$form_border               = self::get_option( 'form_border' );
		$form_box_shadow           = self::get_option( 'form_box_shadow' );
		$form_button_bg            = self::get_option( 'form_button_bg' );
		$form_button_bg_hover      = self::get_option( 'form_button_bg_hover' );
		$form_button_color         = self::get_option( 'form_button_color' );
		$bottom_links_color        = self::get_option( 'bottom_links_color' );
		$bottom_links_hover_color  = self::get_option( 'bottom_links_hover_color' );

// Output Styles.
		$output = '';

// Add some default padding.
			$output .= 'body.login {;padding:2vmax;}';

// Center.
			if ( $center ) {
				$output .= 'body.login {display:flex;flex-direction:column;align-items:center;}';
					$output .= 'body.login #login{margin:0;padding:0;}';
				$output .= '@media screen and (min-width:768px){';
					$output .= 'body.login{justify-content:center;}';
				$output .= '}';
			}

// Width.
			if ( $width ) {
				$output .='body.login #login{width:auto;max-width: '. \absint( $width ) . 'px;}';
			}

// 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; 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: '. \esc_attr( $background_color ) . '; }';
			}

// Form top.
			$form_top = \wpex_sanitize_data( $form_top, 'px_pct' );
			if ( $form_top && ! $center ) {
				if ( ! $form_background_color || $form_styles_inner_check ) {
					$output .= 'body.login div#login { padding-top:' . \esc_attr( $form_top ) . '; }';
				} else {
					$output .= 'body.login div#login { padding-top:0; position: relative; top: ' . \esc_attr( $form_top ) . '; }';
				}
			}

// Form Background Color.
			if ( $form_background_color ) {

if ( $form_background_opacity ) {
					$form_background_color = self::hex2rgba( $form_background_color, $form_background_opacity );
				}

if ( $form_styles_inner_check ) {
					$output .='body.login #loginform { background-color: '. \esc_attr( $form_background_color ) . '; }';
				} else {
					$output .='body.login #loginform { background: none; box-shadow: none; padding: 0 0 20px; border: 0; outline: 0 } #backtoblog { text-align: center; } .login #nav { text-align: center; }';
					$output .='body.login div#login { background: ' . \esc_attr( $form_background_color ) . ';height:auto;border-radius: 5px; box-sizing: border-box; padding:40px; width: auto; margin: 20px; }';
					if ( ! $center ) {
						if ( $form_top ) {
							$output .= 'body.login div#login{position: absolute; left: 50%; transform: translateX(-50%);}';
						} else {
							$output .= 'body.login div#login{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}';
						}
					}
					if ( ! $width ) {
						$output .= 'body.login div#login{max-width:400px;}';
					}
				}

} elseif ( $form_background_opacity ) {
				$output .= 'body.login #loginform { background-color:' . \esc_attr( self::hex2rgba( '#fff', $form_background_opacity ) ) . '; }';
			}

// Form box shadow.
			if ( $form_box_shadow ) {
				if ( ! $form_background_color || $form_styles_inner_check ) {
					$output .= 'body.login #loginform { box-shadow:' . \esc_attr( $form_box_shadow ) . '; }';
				} else {
					$output .= 'body.login div#login { box-shadow:' . \esc_attr( $form_box_shadow ) . '; }';
				}
			}

// Form border.
			if ( $form_border ) {
				if ( ! $form_background_color || $form_styles_inner_check ) {
					$output .= 'body.login #loginform { border:' . \esc_attr( $form_border ) . '; }';
				} else {
					$output .= 'body.login div#login { border:' . \esc_attr( $form_border ) . '; }';
				}
			}

// Form border radius.
			if ( $form_border_radius ) {
				if ( ! $form_background_color || $form_styles_inner_check ) {
					$output .= 'body.login #loginform { border-radius:'. \intval( $form_border_radius ) .'px; }';
				} else {
					$output .= 'body.login div#login { border-radius:' . \intval( $form_border_radius ) . 'px; }';
				}
			}

// Form input.
			if ( $form_input_bg ) {
				$output .='body.login div#login input.input { background:' . \esc_attr( $form_input_bg ) . '; border: 0; box-shadow: none; }';
			}
			if ( $form_input_color ) {
				$output .='body.login form .input { color:' . \esc_attr( $form_input_color ) . '; }';
			}

// Text Color.
			if ( $form_text_color ) {
				$output .='.login label, .login #nav a, .login #backtoblog a, .login #nav { color:' . \esc_attr( $form_text_color ) .'; }';
			}

// Button background.
			if ( $form_button_bg ) {
				$output .='body.login div#login .button:not(.wp-hide-pw) { background:' . \esc_attr( $form_button_bg ) . '; border:0; outline: 0; }';
			}

// Button background.
			if ( $form_button_color ) {
				$output .='body.login div#login .button:not(.wp-hide-pw) { color:' . \esc_attr( $form_button_color ) . '; }';
			}

// Button background Hover.
			if ( $form_button_bg_hover ) {
				$output .='body.login div#login .button:not(.wp-hide-pw):hover { background:' . \esc_attr( $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:not(.wp-hide-pw) { box-shadow: none !important; }';
			}

// Remove text-shadow.
			if ( $form_button_color || $form_button_bg ) {
				$output .= 'body.login div#login .button:not(.wp-hide-pw) { text-shadow:none; }';
			}

// Bottom Links.
			if ( $bottom_links_color ) {
				$output .='body.login #nav a, body.login #nav a:hover, body.login #backtoblog a, body.login #backtoblog a:hover, body.login .privacy-policy-page-link a { color:' . \esc_attr( $bottom_links_color ) . '; }';
			}

if ( $bottom_links_hover_color ) {
				$output .='body.login #nav a:hover, body.login #backtoblog a:hover, body.login .privacy-policy-page-link a:hover { color:' . \esc_attr( $bottom_links_hover_color ) . '; }';
			}

if ( $output ) {
			echo '<style>' . \wp_strip_all_tags( $output ) . '</style>';
		}
	}

/**
	 * Custom login page logo URL.
	 */
	public static function filter_login_headerurl( $url ) {
		$options = self::get_options_list();
		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.
	 */
	public static function filter_login_headertext( $title ) {
		$options = self::get_options_list();
		$title = $options['logo_url_title'] ?? $title;
		return \esc_attr( $title );
	}

/**
	 * Returns custom login page settings.
	 */
	protected static function get_options_list(): array {
		$defaults = [
			'enabled'                 => true,
			'center'                  => null,
			'width'                   => null,
			'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,
			'form_border'             => null,
			'form_box_shadow'         => null,
		];

$list = \get_theme_mod( 'login_page_design') ?: $defaults;

return (array) $list;
	}

/**
	 * RGBA to HEX conversions.
	 */
	protected static function hex2rgba( $color, $opacity = false ) {
		$default = 'rgb(0,0,0)';

//Return default if no color provided
		if( empty( $color ) ) {
			return $default;
		}

// Sanitize $color if "#" is provided
		if ( $color[0] == '#' ) {
			$color = \substr( $color, 1 );
		}

// Check if color has 6 or 3 characters and get values
		if ( \strlen( $color ) == 6) {
			$hex = [ $color[0] . $color[1], $color[2] . $color[3], $color[4] . $color[5] ];
		} elseif ( \strlen( $color ) == 3 ) {
			$hex = [ $color[0] . $color[0], $color[1] . $color[1], $color[2] . $color[2] ];
		} else {
			return $default;
		}

// Convert hexadec to rgb
		$rgb = \array_map( 'hexdec', $hex );

//Check if opacity is set(rgba or rgb)
		if ( $opacity ) {
			if ( \abs( $opacity ) > 1 )
				$opacity = 1.0;
			$output = 'rgba(' . \implode( ",", $rgb ) . ',' . $opacity . ')';
		} else {
			$output = 'rgb(' . \implode( ",", $rgb ) . ')';
		}

return $output;
	}

/**
	 * Get option value.
	 */
	protected static function get_option( $option_id, $default = '' ) {
		$options = self::get_options_list();
		return ! empty( $options[ $option_id ] ) ? $options[ $option_id ] : $default;
	}

}

文件操作 - custom-login.php

文件: /storage/v12552/jimbrandstatter/public_html/wp-content/themes/Total/inc/custom-login.php

编辑文件内容

修改文件时间

删除文件