mirror of
https://github.com/WenPai-org/wpavatar.git
synced 2025-08-07 10:08:28 +08:00
825 lines
52 KiB
PHP
825 lines
52 KiB
PHP
<?php
|
||
namespace WPAvatar;
|
||
|
||
class Settings {
|
||
public static function init() {
|
||
add_action('admin_menu', [__CLASS__, 'add_admin_menu']);
|
||
add_action('admin_init', [__CLASS__, 'register_settings']);
|
||
add_action('admin_enqueue_scripts', [__CLASS__, 'enqueue_assets']);
|
||
add_action('admin_notices', [__CLASS__, 'display_notices']);
|
||
}
|
||
|
||
public static function add_admin_menu() {
|
||
add_options_page(
|
||
__('文派头像设置', 'wpavatar'),
|
||
__('头像', 'wpavatar'),
|
||
'manage_options',
|
||
'wpavatar-settings',
|
||
[__CLASS__, 'render_settings_page']
|
||
);
|
||
}
|
||
|
||
public static function register_settings() {
|
||
// 注册设置组和设置字段
|
||
register_setting('wpavatar_basic', 'wpavatar_enable_cravatar', ['type' => 'boolean']);
|
||
register_setting('wpavatar_basic', 'wpavatar_cdn_type', ['type' => 'string']);
|
||
register_setting('wpavatar_basic', 'wpavatar_cravatar_route', ['type' => 'string']);
|
||
register_setting('wpavatar_basic', 'wpavatar_third_party_mirror', ['type' => 'string']);
|
||
register_setting('wpavatar_basic', 'wpavatar_custom_cdn', ['type' => 'string']);
|
||
register_setting('wpavatar_basic', 'wpavatar_hash_method', ['type' => 'string']);
|
||
register_setting('wpavatar_basic', 'wpavatar_timeout', ['type' => 'integer']);
|
||
|
||
register_setting('wpavatar_cache', 'wpavatar_enable_cache', ['type' => 'boolean']);
|
||
register_setting('wpavatar_cache', 'wpavatar_cache_path', [
|
||
'type' => 'string',
|
||
'sanitize_callback' => [__CLASS__, 'sanitize_cache_path']
|
||
]);
|
||
register_setting('wpavatar_cache', 'wpavatar_cache_expire', ['type' => 'integer']);
|
||
|
||
register_setting('wpavatar_advanced', 'wpavatar_seo_alt', ['type' => 'string']);
|
||
register_setting('wpavatar_advanced', 'wpavatar_fallback_mode', ['type' => 'boolean']);
|
||
register_setting('wpavatar_advanced', 'wpavatar_fallback_avatar', ['type' => 'string']);
|
||
|
||
register_setting('wpavatar_shortcodes', 'wpavatar_shortcode_size', ['type' => 'integer']);
|
||
register_setting('wpavatar_shortcodes', 'wpavatar_shortcode_class', ['type' => 'string']);
|
||
register_setting('wpavatar_shortcodes', 'wpavatar_shortcode_shape', ['type' => 'string']);
|
||
|
||
// 注册营销组件设置
|
||
register_setting('wpavatar_marketing', 'wpavatar_commenters_count', ['type' => 'integer']);
|
||
register_setting('wpavatar_marketing', 'wpavatar_commenters_size', ['type' => 'integer']);
|
||
register_setting('wpavatar_marketing', 'wpavatar_users_count', ['type' => 'integer']);
|
||
register_setting('wpavatar_marketing', 'wpavatar_users_size', ['type' => 'integer']);
|
||
}
|
||
|
||
public static function sanitize_cache_path($value) {
|
||
$value = sanitize_text_field($value);
|
||
$value = rtrim($value, '/\\') . '/';
|
||
|
||
if (!preg_match('~^(?:/|\\\\|[a-zA-Z]:)~', $value)) {
|
||
$value = WP_CONTENT_DIR . '/' . ltrim($value, '/\\');
|
||
}
|
||
|
||
if (!file_exists($value)) {
|
||
if (!wp_mkdir_p($value)) {
|
||
add_settings_error(
|
||
'wpavatar_cache',
|
||
'cache_path_invalid',
|
||
__('无法创建缓存目录，请检查权限', 'wpavatar'),
|
||
'error'
|
||
);
|
||
return get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR);
|
||
}
|
||
} elseif (!is_dir($value)) {
|
||
add_settings_error(
|
||
'wpavatar_cache',
|
||
'cache_path_invalid',
|
||
__('指定的路径不是有效目录', 'wpavatar'),
|
||
'error'
|
||
);
|
||
return get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR);
|
||
} elseif (!is_writable($value)) {
|
||
add_settings_error(
|
||
'wpavatar_cache',
|
||
'cache_path_invalid',
|
||
__('缓存目录不可写，请检查权限', 'wpavatar'),
|
||
'error'
|
||
);
|
||
return get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR);
|
||
}
|
||
|
||
// If multisite, ensure the site-specific cache directory exists
|
||
if (is_multisite()) {
|
||
$blog_id = get_current_blog_id();
|
||
$site_cache_dir = trailingslashit($value) . 'site-' . $blog_id;
|
||
|
||
if (!file_exists($site_cache_dir)) {
|
||
if (!wp_mkdir_p($site_cache_dir)) {
|
||
add_settings_error(
|
||
'wpavatar_cache',
|
||
'cache_path_invalid',
|
||
__('无法创建站点缓存目录，请检查权限', 'wpavatar'),
|
||
'error'
|
||
);
|
||
return get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR);
|
||
}
|
||
}
|
||
|
||
$index_file = $site_cache_dir . '/index.php';
|
||
if (!file_exists($index_file)) {
|
||
@file_put_contents($index_file, '<?php // Silence is golden.');
|
||
}
|
||
} else {
|
||
$index_file = $value . 'index.php';
|
||
if (!file_exists($index_file)) {
|
||
@file_put_contents($index_file, '<?php // Silence is golden.');
|
||
}
|
||
}
|
||
|
||
return $value;
|
||
}
|
||
|
||
public static function enqueue_assets($hook) {
|
||
if ($hook !== 'settings_page_wpavatar-settings') {
|
||
return;
|
||
}
|
||
|
||
wp_enqueue_style(
|
||
'wpavatar-admin',
|
||
WPAVATAR_PLUGIN_URL . 'assets/css/admin.css',
|
||
[],
|
||
WPAVATAR_VERSION
|
||
);
|
||
|
||
wp_enqueue_script(
|
||
'wpavatar-admin',
|
||
WPAVATAR_PLUGIN_URL . 'assets/js/admin.js',
|
||
['jquery'],
|
||
WPAVATAR_VERSION,
|
||
true
|
||
);
|
||
|
||
wp_localize_script('wpavatar-admin', 'wpavatar', [
|
||
'nonce' => wp_create_nonce('wpavatar_admin_nonce'),
|
||
'ajaxurl' => admin_url('admin-ajax.php'),
|
||
'cache_path' => wpavatar_get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR),
|
||
'plugin_url' => WPAVATAR_PLUGIN_URL,
|
||
'assets_url' => WPAVATAR_PLUGIN_URL . 'assets/',
|
||
'is_network_admin' => '0',
|
||
'is_multisite' => is_multisite() ? '1' : '0',
|
||
]);
|
||
|
||
wp_localize_script('wpavatar-admin', 'wpavatar_l10n', [
|
||
'checking' => __('检查中...', 'wpavatar'),
|
||
'checking_status' => __('正在检查缓存状态...', 'wpavatar'),
|
||
'check_failed' => __('检查失败，请重试', 'wpavatar'),
|
||
'request_failed' => __('请求失败，请检查网络连接', 'wpavatar'),
|
||
'check_cache' => __('检查缓存状态', 'wpavatar'),
|
||
'confirm_purge' => __('确定要清空所有缓存头像吗？此操作无法撤销。', 'wpavatar'),
|
||
'purging' => __('清空中...', 'wpavatar'),
|
||
'purging_cache' => __('正在清空缓存...', 'wpavatar'),
|
||
'purge_failed' => __('清空失败，请重试', 'wpavatar'),
|
||
'purge_cache' => __('清空缓存', 'wpavatar'),
|
||
'enter_custom_cdn' => __('请输入自定义CDN域名', 'wpavatar'),
|
||
'enter_cache_path' => __('请输入缓存目录路径', 'wpavatar'),
|
||
'settings_saved' => __('设置已成功保存。', 'wpavatar')
|
||
]);
|
||
}
|
||
|
||
public static function display_notices() {
|
||
settings_errors('wpavatar_basic');
|
||
settings_errors('wpavatar_cache');
|
||
settings_errors('wpavatar_advanced');
|
||
settings_errors('wpavatar_shortcodes');
|
||
settings_errors('wpavatar_marketing');
|
||
}
|
||
|
||
public static function render_settings_page() {
|
||
// 检查多站点网络控制
|
||
if (is_multisite()) {
|
||
$network_enabled = get_site_option('wpavatar_network_enabled', 1);
|
||
$network_enforce = get_site_option('wpavatar_network_enforce', 0);
|
||
$network_controlled_options = get_site_option('wpavatar_network_controlled_options', array());
|
||
|
||
if (!is_array($network_controlled_options)) {
|
||
$network_controlled_options = explode(',', $network_controlled_options);
|
||
}
|
||
}
|
||
|
||
$active_tab = isset($_GET['tab']) ? sanitize_text_field($_GET['tab']) : 'basic';
|
||
?>
|
||
<div class="wrap wpavatar-settings">
|
||
<h1><?php esc_html_e('文派头像设置', 'wpavatar'); ?>
|
||
<span style="font-size: 13px; padding-left: 10px;"><?php printf(esc_html__('版本: %s', 'wpavatar'), esc_html(WPAVATAR_VERSION)); ?></span>
|
||
<a href="https://wpavatar.com/document/" target="_blank" class="button button-secondary" style="margin-left: 10px;"><?php esc_html_e('文档', 'wpavatar'); ?></a>
|
||
<a href="https://cravatar.com/forums/" target="_blank" class="button button-secondary"><?php esc_html_e('支持', 'wpavatar'); ?></a>
|
||
</h1>
|
||
|
||
<div id="wpavatar-status" class="notice" style="display:none; margin-top: 10px;"></div>
|
||
<div class="wpavatar-card">
|
||
<div class="wpavatar-tabs-wrapper">
|
||
<div class="wpavatar-sync-tabs">
|
||
<button type="button" class="wpavatar-tab <?php echo $active_tab === 'basic' ? 'active' : ''; ?>" data-tab="basic">
|
||
<?php _e('基础设置', 'wpavatar'); ?>
|
||
</button>
|
||
<button type="button" class="wpavatar-tab <?php echo $active_tab === 'cache' ? 'active' : ''; ?>" data-tab="cache">
|
||
<?php _e('缓存控制', 'wpavatar'); ?>
|
||
</button>
|
||
<button type="button" class="wpavatar-tab <?php echo $active_tab === 'advanced' ? 'active' : ''; ?>" data-tab="advanced">
|
||
<?php _e('高级设置', 'wpavatar'); ?>
|
||
</button>
|
||
<button type="button" class="wpavatar-tab <?php echo $active_tab === 'shortcodes' ? 'active' : ''; ?>" data-tab="shortcodes">
|
||
<?php _e('头像简码', 'wpavatar'); ?>
|
||
</button>
|
||
<button type="button" class="wpavatar-tab <?php echo $active_tab === 'marketing' ? 'active' : ''; ?>" data-tab="marketing">
|
||
<?php _e('营销组件', 'wpavatar'); ?>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="wpavatar-section" id="wpavatar-section-basic" style="<?php echo $active_tab !== 'basic' ? 'display: none;' : ''; ?>">
|
||
<h2><?php _e('基础设置', 'wpavatar'); ?></h2>
|
||
<p class="wpavatar-section-desc"><?php _e('配置头像服务和CDN设置。', 'wpavatar'); ?></p>
|
||
|
||
<?php if (is_multisite() && $network_enabled): ?>
|
||
<div class="wpavatar-network-notice">
|
||
<p>
|
||
<?php if (in_array('wpavatar_enable_cravatar', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('启用初认头像', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_cdn_type', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('线路选择', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_cravatar_route', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('Cravatar官方源', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_third_party_mirror', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('第三方镜像', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_custom_cdn', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('自定义CDN', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_hash_method', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('头像哈希方法', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_timeout', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('超时设置', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
|
||
<?php if (array_intersect(['wpavatar_enable_cravatar', 'wpavatar_cdn_type', 'wpavatar_cravatar_route', 'wpavatar_third_party_mirror', 'wpavatar_custom_cdn', 'wpavatar_hash_method', 'wpavatar_timeout'], $network_controlled_options)): ?>
|
||
<em><?php _e('以上选项由网络管理员控制，您的更改将不会生效。', 'wpavatar'); ?></em>
|
||
<?php endif; ?>
|
||
</p>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<form method="post" action="options.php" id="wpavatar-basic-form">
|
||
<?php
|
||
settings_fields('wpavatar_basic');
|
||
|
||
// Get option values using wpavatar_get_option instead of get_option
|
||
$enable_cravatar = wpavatar_get_option('wpavatar_enable_cravatar', 1);
|
||
$cdn_type = wpavatar_get_option('wpavatar_cdn_type', 'cravatar_route');
|
||
$cravatar_route = wpavatar_get_option('wpavatar_cravatar_route', 'cravatar.com');
|
||
$third_party_mirror = wpavatar_get_option('wpavatar_third_party_mirror', 'weavatar.com');
|
||
$custom_cdn = wpavatar_get_option('wpavatar_custom_cdn', '');
|
||
$hash_method = wpavatar_get_option('wpavatar_hash_method', 'md5');
|
||
$timeout = wpavatar_get_option('wpavatar_timeout', 5);
|
||
|
||
// Determine if fields should be disabled in multisite
|
||
$disabled_enable_cravatar = (is_multisite() && $network_enabled && in_array('wpavatar_enable_cravatar', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_cdn_type = (is_multisite() && $network_enabled && in_array('wpavatar_cdn_type', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_cravatar_route = (is_multisite() && $network_enabled && in_array('wpavatar_cravatar_route', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_third_party_mirror = (is_multisite() && $network_enabled && in_array('wpavatar_third_party_mirror', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_custom_cdn = (is_multisite() && $network_enabled && in_array('wpavatar_custom_cdn', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_hash_method = (is_multisite() && $network_enabled && in_array('wpavatar_hash_method', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_timeout = (is_multisite() && $network_enabled && in_array('wpavatar_timeout', $network_controlled_options)) ? 'disabled' : '';
|
||
?>
|
||
<table class="form-table">
|
||
<tr>
|
||
<th><?php _e('启用初认头像', 'wpavatar'); ?></th>
|
||
<td>
|
||
<label class="wpavatar-switch">
|
||
<input type="checkbox" name="wpavatar_enable_cravatar" value="1" <?php checked($enable_cravatar); ?> <?php echo $disabled_enable_cravatar; ?>>
|
||
<span class="wpavatar-slider"></span>
|
||
<span class="wpavatar-switch-label"><?php _e('替换WordPress默认头像为Cravatar', 'wpavatar'); ?></span>
|
||
</label>
|
||
<p class="description"><?php _e('启用后将WordPress默认的Gravatar头像替换为Cravatar，提高国内访问速度', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th><?php _e('线路选择', 'wpavatar'); ?></th>
|
||
<td>
|
||
<label class="wpavatar-radio">
|
||
<input type="radio" name="wpavatar_cdn_type" value="cravatar_route" <?php checked($cdn_type, 'cravatar_route'); ?> <?php echo $disabled_cdn_type; ?>>
|
||
<span class="wpavatar-radio-label"><?php _e('Cravatar自选线路', 'wpavatar'); ?></span>
|
||
</label><br>
|
||
<label class="wpavatar-radio">
|
||
<input type="radio" name="wpavatar_cdn_type" value="third_party" <?php checked($cdn_type, 'third_party'); ?> <?php echo $disabled_cdn_type; ?>>
|
||
<span class="wpavatar-radio-label"><?php _e('第三方镜像', 'wpavatar'); ?></span>
|
||
</label><br>
|
||
<label class="wpavatar-radio">
|
||
<input type="radio" name="wpavatar_cdn_type" value="custom" <?php checked($cdn_type, 'custom'); ?> <?php echo $disabled_cdn_type; ?>>
|
||
<span class="wpavatar-radio-label"><?php _e('自定义CDN', 'wpavatar'); ?></span>
|
||
</label>
|
||
</td>
|
||
</tr>
|
||
<tr class="cdn-option cravatar-route-option" <?php echo $cdn_type !== 'cravatar_route' ? 'style="display:none;"' : ''; ?>>
|
||
<th><?php _e('Cravatar官方源', 'wpavatar'); ?></th>
|
||
<td>
|
||
<select name="wpavatar_cravatar_route" class="wpavatar-select" <?php echo $disabled_cravatar_route; ?>>
|
||
<option value="cravatar.cn" <?php selected($cravatar_route, 'cravatar.cn'); ?>><?php _e('默认线路 (cravatar.com)', 'wpavatar'); ?></option>
|
||
<option value="cn.cravatar.com" <?php selected($cravatar_route, 'cn.cravatar.com'); ?>><?php _e('中国 (cn.cravatar.com)', 'wpavatar'); ?></option>
|
||
<option value="hk.cravatar.com" <?php selected($cravatar_route, 'hk.cravatar.com'); ?>><?php _e('香港 (hk.cravatar.com)', 'wpavatar'); ?></option>
|
||
<option value="en.cravatar.com" <?php selected($cravatar_route, 'en.cravatar.com'); ?>><?php _e('国际 (en.cravatar.com)', 'wpavatar'); ?></option>
|
||
</select>
|
||
<p class="description"><?php _e('选择适合您网站访客的Cravatar线路', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
<tr class="cdn-option third-party-option" <?php echo $cdn_type !== 'third_party' ? 'style="display:none;"' : ''; ?>>
|
||
<th><?php _e('第三方镜像', 'wpavatar'); ?></th>
|
||
<td>
|
||
<select name="wpavatar_third_party_mirror" class="wpavatar-select" <?php echo $disabled_third_party_mirror; ?>>
|
||
<option value="weavatar.com" <?php selected($third_party_mirror, 'weavatar.com'); ?>><?php _e('WeAvatar (weavatar.com)', 'wpavatar'); ?></option>
|
||
<option value="libravatar.org" <?php selected($third_party_mirror, 'libravatar.org'); ?>><?php _e('Libravatar (libravatar.org)', 'wpavatar'); ?></option>
|
||
<option value="gravatar.loli.net" <?php selected($third_party_mirror, 'gravatar.loli.net'); ?>><?php _e('Loli镜像 (gravatar.loli.net)', 'wpavatar'); ?></option>
|
||
<option value="gravatar.webp.se/avatar" <?php selected($third_party_mirror, 'gravatar.webp.se/avatar'); ?>><?php _e('Webp源 (gravatar.webp.se)', 'wpavatar'); ?></option>
|
||
<option value="dn-qiniu-avatar.qbox.me/avatar" <?php selected($third_party_mirror, 'dn-qiniu-avatar.qbox.me/avatar'); ?>><?php _e('七牛镜像 (dn-qiniu-avatar)', 'wpavatar'); ?></option>
|
||
<option value="gravatar.w3tt.com/avatar" <?php selected($third_party_mirror, 'gravatar.w3tt.com/avatar'); ?>><?php _e('万维网测试小组 (W3TT) ', 'wpavatar'); ?></option>
|
||
</select>
|
||
<p class="description"><?php _e('选择第三方头像镜像站', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
<tr class="cdn-option custom-cdn-option" <?php echo $cdn_type !== 'custom' ? 'style="display:none;"' : ''; ?>>
|
||
<th><?php _e('自定义CDN', 'wpavatar'); ?></th>
|
||
<td>
|
||
<input type="text" name="wpavatar_custom_cdn" value="<?php echo esc_attr($custom_cdn); ?>" class="regular-text wpavatar-input" <?php echo $disabled_custom_cdn; ?>>
|
||
<p class="description"><?php _e('输入自定义CDN域名，例如：cdn.example.com', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th><?php _e('头像哈希方法', 'wpavatar'); ?></th>
|
||
<td>
|
||
<label class="wpavatar-radio">
|
||
<input type="radio" name="wpavatar_hash_method" value="md5" <?php checked($hash_method, 'md5'); ?> <?php echo $disabled_hash_method; ?>>
|
||
<span class="wpavatar-radio-label"><?php _e('MD5 (Cravatar默认)', 'wpavatar'); ?></span>
|
||
</label><br>
|
||
<label class="wpavatar-radio">
|
||
<input type="radio" name="wpavatar_hash_method" value="sha256" <?php checked($hash_method, 'sha256'); ?> <?php echo $disabled_hash_method; ?>>
|
||
<span class="wpavatar-radio-label"><?php _e('SHA256 (Gravatar默认)', 'wpavatar'); ?></span>
|
||
</label>
|
||
<p class="description"><?php _e('选择头像邮箱的哈希方法，Cravatar目前使用MD5，一般Gravatar镜像均为SHA256', 'wpavatar'); ?></p>
|
||
<p class="description hash-method-notice" style="color: #d63638; <?php echo $cdn_type !== 'cravatar_route' ? 'display:none;' : ''; ?>"><?php _e('注意：使用Cravatar服务时，哈希方法将仅使用MD5。', 'wpavatar'); ?> <a href="https://cravatar.com/document/?p=46" target="_blank" rel="noopener noreferrer"><?php _e('进一步了解↗', 'wpavatar'); ?></a></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th><?php _e('超时设置', 'wpavatar'); ?></th>
|
||
<td>
|
||
<input type="number" name="wpavatar_timeout" value="<?php echo esc_attr($timeout); ?>" min="1" max="30" class="small-text wpavatar-input" <?php echo $disabled_timeout; ?>>
|
||
<?php _e('秒', 'wpavatar'); ?>
|
||
<p class="description"><?php _e('头像请求的最大等待时间，超过后将使用备用头像', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<div class="wpavatar-submit-wrapper">
|
||
<?php wp_nonce_field('wpavatar_basic_nonce', 'wpavatar_basic_nonce'); ?>
|
||
<button type="submit" class="button button-primary"><?php _e('保存设置', 'wpavatar'); ?></button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="wpavatar-section" id="wpavatar-section-cache" style="<?php echo $active_tab !== 'cache' ? 'display: none;' : ''; ?>">
|
||
<h2><?php _e('缓存控制', 'wpavatar'); ?></h2>
|
||
<p class="wpavatar-section-desc"><?php _e('管理头像缓存设置和操作。', 'wpavatar'); ?></p>
|
||
|
||
<?php if (is_multisite() && $network_enabled): ?>
|
||
<div class="wpavatar-network-notice">
|
||
<p>
|
||
<?php if (in_array('wpavatar_enable_cache', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('启用本地缓存', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_cache_path', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('缓存目录', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_cache_expire', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('缓存过期时间', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
|
||
<?php if (array_intersect(['wpavatar_enable_cache', 'wpavatar_cache_path', 'wpavatar_cache_expire'], $network_controlled_options)): ?>
|
||
<em><?php _e('以上选项由网络管理员控制，您的更改将不会生效。', 'wpavatar'); ?></em>
|
||
<?php endif; ?>
|
||
</p>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<div class="wpavatar-stats-card">
|
||
<h3><?php _e('缓存统计', 'wpavatar'); ?></h3>
|
||
<div id="cache-stats" class="cache-stats-wrapper"></div>
|
||
<div class="wpavatar-action-buttons">
|
||
<button type="button" id="check-cache" class="button button-secondary"><?php _e('检查缓存状态', 'wpavatar'); ?></button>
|
||
<button type="button" id="purge-cache" class="button button-secondary"><?php _e('清空缓存', 'wpavatar'); ?></button>
|
||
</div>
|
||
</div>
|
||
|
||
<form method="post" action="options.php" id="wpavatar-cache-form">
|
||
<?php
|
||
settings_fields('wpavatar_cache');
|
||
|
||
// Get option values using wpavatar_get_option instead of get_option
|
||
$enable_cache = wpavatar_get_option('wpavatar_enable_cache', 1);
|
||
$cache_path = wpavatar_get_option('wpavatar_cache_path', WPAVATAR_CACHE_DIR);
|
||
$cache_expire = wpavatar_get_option('wpavatar_cache_expire', 7);
|
||
|
||
// Determine if fields should be disabled in multisite
|
||
$disabled_enable_cache = (is_multisite() && $network_enabled && in_array('wpavatar_enable_cache', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_cache_path = (is_multisite() && $network_enabled && in_array('wpavatar_cache_path', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_cache_expire = (is_multisite() && $network_enabled && in_array('wpavatar_cache_expire', $network_controlled_options)) ? 'disabled' : '';
|
||
?>
|
||
<table class="form-table">
|
||
<tr>
|
||
<th><?php _e('启用本地缓存', 'wpavatar'); ?></th>
|
||
<td>
|
||
<label class="wpavatar-switch">
|
||
<input type="checkbox" name="wpavatar_enable_cache" value="1" <?php checked($enable_cache); ?> <?php echo $disabled_enable_cache; ?>>
|
||
<span class="wpavatar-slider"></span>
|
||
<span class="wpavatar-switch-label"><?php _e('缓存头像到本地服务器', 'wpavatar'); ?></span>
|
||
</label>
|
||
<p class="description"><?php _e('将头像缓存到本地可以减少外部请求，提高网站加载速度', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th><?php _e('缓存目录', 'wpavatar'); ?></th>
|
||
<td>
|
||
<input type="text" name="wpavatar_cache_path" value="<?php echo esc_attr($cache_path); ?>" class="regular-text wpavatar-input" <?php echo $disabled_cache_path; ?>>
|
||
<?php if (is_multisite()): ?>
|
||
<p class="description"><?php printf(__('确保目录可写，当前站点将创建子目录：%s', 'wpavatar'), trailingslashit($cache_path) . 'site-' . get_current_blog_id()); ?></p>
|
||
<?php else: ?>
|
||
<p class="description"><?php _e('确保目录可写，建议路径：/wp-content/uploads/cravatar', 'wpavatar'); ?></p>
|
||
<?php endif; ?>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th><?php _e('缓存过期时间', 'wpavatar'); ?></th>
|
||
<td>
|
||
<input type="number" name="wpavatar_cache_expire" value="<?php echo esc_attr($cache_expire); ?>" min="1" max="30" class="small-text wpavatar-input" <?php echo $disabled_cache_expire; ?>>
|
||
<?php _e('天', 'wpavatar'); ?>
|
||
<p class="description"><?php _e('头像缓存的有效期，过期后将重新获取', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<div class="wpavatar-submit-wrapper">
|
||
<?php wp_nonce_field('wpavatar_cache_nonce', 'wpavatar_cache_nonce'); ?>
|
||
<button type="submit" class="button button-primary"><?php _e('保存设置', 'wpavatar'); ?></button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="wpavatar-section" id="wpavatar-section-advanced" style="<?php echo $active_tab !== 'advanced' ? 'display: none;' : ''; ?>">
|
||
<h2><?php _e('高级设置', 'wpavatar'); ?></h2>
|
||
<p class="wpavatar-section-desc"><?php _e('配置头像的SEO和备用方案。', 'wpavatar'); ?></p>
|
||
|
||
<?php if (is_multisite() && $network_enabled): ?>
|
||
<div class="wpavatar-network-notice">
|
||
<p>
|
||
<?php if (in_array('wpavatar_seo_alt', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('SEO替代文本', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_fallback_mode', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('头像加载失败处理', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_fallback_avatar', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('备用头像选择', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
|
||
<?php if (array_intersect(['wpavatar_seo_alt', 'wpavatar_fallback_mode', 'wpavatar_fallback_avatar'], $network_controlled_options)): ?>
|
||
<em><?php _e('以上选项由网络管理员控制，您的更改将不会生效。', 'wpavatar'); ?></em>
|
||
<?php endif; ?>
|
||
</p>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<form method="post" action="options.php" id="wpavatar-advanced-form">
|
||
<?php
|
||
settings_fields('wpavatar_advanced');
|
||
|
||
// Get option values using wpavatar_get_option instead of get_option
|
||
$seo_alt = wpavatar_get_option('wpavatar_seo_alt', '%s的头像');
|
||
$fallback_mode = wpavatar_get_option('wpavatar_fallback_mode', 1);
|
||
$fallback_avatar = wpavatar_get_option('wpavatar_fallback_avatar', 'default');
|
||
|
||
$local_avatars = \WPAvatar\Cravatar::get_local_avatars();
|
||
|
||
// Determine if fields should be disabled in multisite
|
||
$disabled_seo_alt = (is_multisite() && $network_enabled && in_array('wpavatar_seo_alt', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_fallback_mode = (is_multisite() && $network_enabled && in_array('wpavatar_fallback_mode', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_fallback_avatar = (is_multisite() && $network_enabled && in_array('wpavatar_fallback_avatar', $network_controlled_options)) ? 'disabled' : '';
|
||
?>
|
||
<table class="form-table">
|
||
<tr>
|
||
<th><?php _e('SEO替代文本', 'wpavatar'); ?></th>
|
||
<td>
|
||
<input type="text" name="wpavatar_seo_alt" value="<?php echo esc_attr($seo_alt); ?>" class="regular-text wpavatar-input" <?php echo $disabled_seo_alt; ?>>
|
||
<p class="description"><?php _e('头像的ALT文本，%s将被替换为用户名', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th><?php _e('头像加载失败处理', 'wpavatar'); ?></th>
|
||
<td>
|
||
<label class="wpavatar-switch">
|
||
<input type="checkbox" name="wpavatar_fallback_mode" value="1" <?php checked($fallback_mode); ?> <?php echo $disabled_fallback_mode; ?>>
|
||
<span class="wpavatar-slider"></span>
|
||
<span class="wpavatar-switch-label"><?php _e('启用备用头像', 'wpavatar'); ?></span>
|
||
</label>
|
||
<p class="description"><?php _e('当头像服务器无法访问或加载超时时，自动使用本地备用头像，避免拖慢网站加载速度', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th><?php _e('备用头像选择', 'wpavatar'); ?></th>
|
||
<td>
|
||
<div class="default-avatar-options">
|
||
<?php foreach ($local_avatars as $key => $avatar) : ?>
|
||
<label>
|
||
<input type="radio" name="wpavatar_fallback_avatar" value="<?php echo esc_attr($key); ?>" <?php checked($fallback_avatar, $key); ?> <?php echo $disabled_fallback_avatar; ?>>
|
||
<img src="<?php echo esc_url($avatar['url']); ?>" alt="<?php echo esc_attr($avatar['name']); ?>" width="48" height="48">
|
||
<span class="avatar-option-name"><?php echo esc_html($avatar['name']); ?></span>
|
||
</label>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
<p class="description">
|
||
<?php
|
||
$wpcy_installed = class_exists('WP_China_Yes'); // 检查是否安装了文派叶子插件
|
||
$wpcy_link = $wpcy_installed
|
||
? admin_url('admin.php?page=wp-china-yes')
|
||
: 'https://wpcy.com';
|
||
|
||
printf(
|
||
__('选择您的故障备用头像，如需智能线路切换，请使用%s。', 'wpavatar'),
|
||
sprintf(
|
||
'<a href="%s" target="_blank" rel="noopener noreferrer">%s</a>',
|
||
esc_url($wpcy_link),
|
||
__('文派叶子 🍃（WPCY.COM）', 'wpavatar')
|
||
)
|
||
);
|
||
?>
|
||
</p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
<div class="wpavatar-submit-wrapper">
|
||
<?php wp_nonce_field('wpavatar_advanced_nonce', 'wpavatar_advanced_nonce'); ?>
|
||
<button type="submit" class="button button-primary"><?php _e('保存设置', 'wpavatar'); ?></button>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<div class="wpavatar-section" id="wpavatar-section-shortcodes" style="<?php echo $active_tab !== 'shortcodes' ? 'display: none;' : ''; ?>">
|
||
<h2><?php _e('简码设置', 'wpavatar'); ?></h2>
|
||
<p class="wpavatar-section-desc"><?php _e('配置头像简码的默认参数和预览效果。', 'wpavatar'); ?></p>
|
||
|
||
<?php if (is_multisite() && $network_enabled): ?>
|
||
<div class="wpavatar-network-notice">
|
||
<p>
|
||
<?php if (in_array('wpavatar_shortcode_size', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('默认头像大小', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_shortcode_class', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('默认CSS类名', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_shortcode_shape', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('默认头像形状', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
|
||
<?php if (array_intersect(['wpavatar_shortcode_size', 'wpavatar_shortcode_class', 'wpavatar_shortcode_shape'], $network_controlled_options)): ?>
|
||
<em><?php _e('以上选项由网络管理员控制，您的更改将不会生效。', 'wpavatar'); ?></em>
|
||
<?php endif; ?>
|
||
</p>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<div class="wpavatar-preview-container">
|
||
<h3><?php _e('头像预览', 'wpavatar'); ?></h3>
|
||
<div class="wpavatar-preview-wrapper">
|
||
<div class="wpavatar-preview-item">
|
||
<h4><?php _e('方形', 'wpavatar'); ?></h4>
|
||
<?php echo \WPAvatar\Shortcode::generate_preview(get_current_user_id(), 'square', 80); ?>
|
||
</div>
|
||
<div class="wpavatar-preview-item">
|
||
<h4><?php _e('圆角', 'wpavatar'); ?></h4>
|
||
<?php echo \WPAvatar\Shortcode::generate_preview(get_current_user_id(), 'rounded', 80); ?>
|
||
</div>
|
||
<div class="wpavatar-preview-item">
|
||
<h4><?php _e('圆形', 'wpavatar'); ?></h4>
|
||
<?php echo \WPAvatar\Shortcode::generate_preview(get_current_user_id(), 'circle', 80); ?>
|
||
</div>
|
||
<div class="wpavatar-preview-item">
|
||
<h4><?php _e('方形', 'wpavatar'); ?></h4>
|
||
<img src="<?= WPAVATAR_PLUGIN_URL ?>assets/images/wapuu-china.png" width="80" height="80" class="avatar-square">
|
||
</div>
|
||
<div class="wpavatar-preview-item">
|
||
<h4><?php _e('圆角', 'wpavatar'); ?></h4>
|
||
<img src="<?= WPAVATAR_PLUGIN_URL ?>assets/images/wapuu-china.png" width="80" height="80" class="avatar-rounded" style="border-radius:8px">
|
||
</div>
|
||
<div class="wpavatar-preview-item">
|
||
<h4><?php _e('圆形', 'wpavatar'); ?></h4>
|
||
<img src="<?= WPAVATAR_PLUGIN_URL ?>assets/images/wapuu-china.png" width="80" height="80" class="avatar-circle" style="border-radius:50%">
|
||
</div>
|
||
</div>
|
||
<p class="description"><?php _e('预览使用当前登录账户的头像和示例图片', 'wpavatar'); ?></p>
|
||
</div>
|
||
|
||
<form method="post" action="options.php" id="wpavatar-shortcodes-form">
|
||
<?php
|
||
settings_fields('wpavatar_shortcodes');
|
||
|
||
// Get option values using wpavatar_get_option instead of get_option
|
||
$shortcode_size = wpavatar_get_option('wpavatar_shortcode_size', 96);
|
||
$shortcode_class = wpavatar_get_option('wpavatar_shortcode_class', 'wpavatar');
|
||
$shortcode_shape = wpavatar_get_option('wpavatar_shortcode_shape', 'square');
|
||
|
||
// Determine if fields should be disabled in multisite
|
||
$disabled_shortcode_size = (is_multisite() && $network_enabled && in_array('wpavatar_shortcode_size', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_shortcode_class = (is_multisite() && $network_enabled && in_array('wpavatar_shortcode_class', $network_controlled_options)) ? 'disabled' : '';
|
||
$disabled_shortcode_shape = (is_multisite() && $network_enabled && in_array('wpavatar_shortcode_shape', $network_controlled_options)) ? 'disabled' : '';
|
||
?>
|
||
<table class="form-table">
|
||
<tr>
|
||
<th><?php _e('默认头像大小', 'wpavatar'); ?></th>
|
||
<td>
|
||
<input type="number" name="wpavatar_shortcode_size" value="<?php echo esc_attr($shortcode_size); ?>" min="16" max="512" class="small-text wpavatar-input" <?php echo $disabled_shortcode_size; ?>>
|
||
<p class="description"><?php _e('简码默认头像大小（像素）', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th><?php _e('默认CSS类名', 'wpavatar'); ?></th>
|
||
<td>
|
||
<input type="text" name="wpavatar_shortcode_class" value="<?php echo esc_attr($shortcode_class); ?>" class="regular-text wpavatar-input" <?php echo $disabled_shortcode_class; ?>>
|
||
<p class="description"><?php _e('简码生成的头像默认CSS类', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
<tr>
|
||
<th><?php _e('默认头像形状', 'wpavatar'); ?></th>
|
||
<td>
|
||
<select name="wpavatar_shortcode_shape" class="wpavatar-select" <?php echo $disabled_shortcode_shape; ?>>
|
||
<option value="square" <?php selected($shortcode_shape, 'square'); ?>><?php _e('方形', 'wpavatar'); ?></option>
|
||
<option value="rounded" <?php selected($shortcode_shape, 'rounded'); ?>><?php _e('圆角方形', 'wpavatar'); ?></option>
|
||
<option value="circle" <?php selected($shortcode_shape, 'circle'); ?>><?php _e('圆形', 'wpavatar'); ?></option>
|
||
</select>
|
||
<p class="description"><?php _e('简码生成的头像默认形状', 'wpavatar'); ?></p>
|
||
</td>
|
||
</tr>
|
||
</table>
|
||
|
||
<div class="wpavatar-submit-wrapper">
|
||
<?php wp_nonce_field('wpavatar_shortcodes_nonce', 'wpavatar_shortcodes_nonce'); ?>
|
||
<button type="submit" class="button button-primary"><?php _e('保存设置', 'wpavatar'); ?></button>
|
||
</div>
|
||
|
||
<div class="wpavatar-card shortcode-docs">
|
||
<h3><?php _e('可用简码', 'wpavatar'); ?></h3>
|
||
<div class="wpavatar-table-wrapper">
|
||
<table class="widefat wpavatar-table">
|
||
<thead>
|
||
<tr>
|
||
<th><?php _e('简码', 'wpavatar'); ?></th>
|
||
<th><?php _e('描述', 'wpavatar'); ?></th>
|
||
<th><?php _e('参数', 'wpavatar'); ?></th>
|
||
<th><?php _e('示例', 'wpavatar'); ?></th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><code>[wpavatar]</code></td>
|
||
<td><?php _e('显示用户头像', 'wpavatar'); ?></td>
|
||
<td>
|
||
<ul>
|
||
<li><code>size</code> - <?php _e('头像大小（像素）', 'wpavatar'); ?></li>
|
||
<li><code>user_id</code> - <?php _e('用户ID，默认为当前用户', 'wpavatar'); ?></li>
|
||
<li><code>class</code> - <?php _e('CSS类名', 'wpavatar'); ?></li>
|
||
<li><code>shape</code> - <?php _e('形状：square(方形)、rounded(圆角)、circle(圆形)', 'wpavatar'); ?></li>
|
||
<li><code>title</code> - <?php _e('可选的标题文本', 'wpavatar'); ?></li>
|
||
</ul>
|
||
</td>
|
||
<td><code>[wpavatar size="128" user_id="1" shape="circle" class="my-avatar"]</code></td>
|
||
</tr>
|
||
<tr>
|
||
<td><code>[wpavatar_username]</code></td>
|
||
<td><?php _e('显示用户名', 'wpavatar'); ?></td>
|
||
<td>
|
||
<ul>
|
||
<li><code>user_id</code> - <?php _e('用户ID，默认为当前用户', 'wpavatar'); ?></li>
|
||
<li><code>before</code> - <?php _e('用户名前的文本', 'wpavatar'); ?></li>
|
||
<li><code>after</code> - <?php _e('用户名后的文本', 'wpavatar'); ?></li>
|
||
</ul>
|
||
</td>
|
||
<td><code>[wpavatar_username before="欢迎，" after="！"]</code></td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
<h4><?php _e('在菜单项中使用', 'wpavatar'); ?></h4>
|
||
<p><?php _e('您可以在菜单项的标题中使用特殊标记来插入头像和用户名：', 'wpavatar'); ?></p>
|
||
<ul>
|
||
<li><code>{wpavatar}</code> - <?php _e('插入当前用户的头像（圆形，32像素）', 'wpavatar'); ?></li>
|
||
<li><code>{wpavatar_username}</code> - <?php _e('插入当前用户的用户名', 'wpavatar'); ?></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
<!-- 营销组件标签页 -->
|
||
<div class="wpavatar-section" id="wpavatar-section-marketing" style="<?php echo $active_tab !== 'marketing' ? 'display: none;' : ''; ?>">
|
||
<h2><?php _e('营销组件设置', 'wpavatar'); ?></h2>
|
||
<p class="wpavatar-section-desc"><?php _e('配置营销组件简码和显示效果。', 'wpavatar'); ?></p>
|
||
|
||
<?php if (is_multisite() && $network_enabled): ?>
|
||
<div class="wpavatar-network-notice">
|
||
<p>
|
||
<?php if (in_array('wpavatar_commenters_count', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('评论者数量', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_commenters_size', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('评论者头像大小', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_users_count', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('用户数量', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
<?php if (in_array('wpavatar_users_size', $network_controlled_options)): ?>
|
||
<span class="dashicons dashicons-lock"></span> <?php _e('用户头像大小', 'wpavatar'); ?><br>
|
||
<?php endif; ?>
|
||
|
||
<?php if (array_intersect(['wpavatar_commenters_count', 'wpavatar_commenters_size', 'wpavatar_users_count', 'wpavatar_users_size'], $network_controlled_options)): ?>
|
||
<em><?php _e('以上选项由网络管理员控制，您的更改将不会生效。', 'wpavatar'); ?></em>
|
||
<?php endif; ?>
|
||
</p>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<?php \WPAvatar\Marketing::render_admin_page(); ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<style>
|
||
.wpavatar-preview-container {
|
||
background: #f9f9f9;
|
||
border-radius: 4px;
|
||
padding: 15px;
|
||
margin-bottom: 20px;
|
||
}
|
||
|
||
.wpavatar-preview-wrapper {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 30px;
|
||
margin: 15px 0;
|
||
}
|
||
|
||
.wpavatar-preview-item {
|
||
text-align: center;
|
||
}
|
||
|
||
.wpavatar-preview-item h4 {
|
||
margin-bottom: 10px;
|
||
font-weight: normal;
|
||
}
|
||
|
||
.avatar-circle {
|
||
border-radius: 50% !important;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.avatar-rounded {
|
||
border-radius: 8px !important;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.default-avatar-options {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
gap: 15px;
|
||
margin-bottom: 15px;
|
||
}
|
||
.default-avatar-options label {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
cursor: pointer;
|
||
padding: 8px;
|
||
border: 2px solid transparent;
|
||
border-radius: 5px;
|
||
width: 80px;
|
||
text-align: center;
|
||
}
|
||
.default-avatar-options label:hover {
|
||
background-color: #f0f0f1;
|
||
}
|
||
.default-avatar-options input[type="radio"] {
|
||
margin-bottom: 8px;
|
||
}
|
||
.default-avatar-options input[type="radio"]:checked + img {
|
||
border: 2px solid #2271b1;
|
||
border-radius: 50%;
|
||
}
|
||
.avatar-option-name {
|
||
margin-top: 5px;
|
||
font-size: 12px;
|
||
line-height: 1.3;
|
||
}
|
||
|
||
.wpavatar-network-notice {
|
||
margin: 0 0 20px;
|
||
padding: 10px 12px;
|
||
background: #f0f6fc;
|
||
border-left: 4px solid #72aee6;
|
||
}
|
||
.wpavatar-network-notice .dashicons-lock {
|
||
color: #72aee6;
|
||
margin-right: 5px;
|
||
}
|
||
.wpavatar-network-notice em {
|
||
display: block;
|
||
margin-top: 5px;
|
||
color: #666;
|
||
}
|
||
</style>
|
||
<?php
|
||
}
|
||
}
|
