评分

南京大屠杀公祭日，勿忘国耻

牛魔王

7个月前更新

1754

南京大屠杀公祭日，勿忘国耻

牛魔博客，本站已设置首页悼念模式。

首页悼念模式：下方代码放在后台=》子比设置=》自定义代码=》自定义css代码即可

html .home>.header,
html .home>.container,
html .home>.footer
{
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

下方图片，有需要直接拿走，铭记历史，你我贡献一份力。

评分

欢迎为Ta评分

只看作者

最新最热

天创（微：bsbanjin）


<?php
/**
 * Plugin Name: 国家悼念日灰度模式
 * Plugin URI: https://yourwebsite.com/
 * Description: 在国家悼念日一键启用全站灰度效果
 * Version: 1.0.0
 * Author: 您的名称
 * License: GPL v2 or later
 */

// 防止直接访问
if (!defined('ABSPATH')) {
    exit;
}

// 定义插件常量
define('GRAY_MODE_VERSION', '1.0.0');
define('GRAY_MODE_PLUGIN_DIR', plugin_dir_path(__FILE__));
define('GRAY_MODE_PLUGIN_URL', plugin_dir_url(__FILE__));

class Gray_Mode_Tool {
    
    private static $instance = null;
    private $options;
    
    public static function get_instance() {
        if (null === self::$instance) {
            self::$instance = new self();
        }
        return self::$instance;
    }
    
    private function __construct() {
        // 初始化选项
        $this->options = get_option('gray_mode_settings', array(
            'enable_gray_mode' => 0,
            'custom_css' => '',
            'schedule_enable' => 0,
            'start_date' => '',
            'end_date' => '',
            'exclude_pages' => ''
        ));
        
        // 初始化插件
        add_action('init', array($this, 'init'));
        add_action('admin_menu', array($this, 'add_admin_menu'));
        add_action('admin_init', array($this, 'settings_init'));
        add_action('wp_head', array($this, 'add_gray_css'));
        
        // 添加设置链接
        add_filter('plugin_action_links_' . plugin_basename(__FILE__), array($this, 'add_settings_link'));
        
        // 注册短代码
        add_shortcode('gray_mode_toggle', array($this, 'gray_mode_toggle_shortcode'));
    }
    
    public function init() {
        // 注册设置
        register_setting('gray_mode_settings_group', 'gray_mode_settings', array(
            'sanitize_callback' => array($this, 'sanitize_settings')
        ));
        
        // 如果启用了计划，检查日期
        if ($this->options['schedule_enable']) {
            $this->check_schedule();
        }
    }
    
    public function add_admin_menu() {
        add_options_page(
            '灰度模式设置',
            '灰度模式',
            'manage_options',
            'gray-mode-settings',
            array($this, 'settings_page')
        );
    }
    
    public function settings_init() {
        // 基础设置部分
        add_settings_section(
            'gray_mode_basic_section',
            '基础设置',
            array($this, 'basic_section_callback'),
            'gray_mode_settings'
        );
        
        add_settings_field(
            'enable_gray_mode',
            '启用灰度模式',
            array($this, 'enable_gray_mode_callback'),
            'gray_mode_settings',
            'gray_mode_basic_section'
        );
        
        // 计划设置部分
        add_settings_section(
            'gray_mode_schedule_section',
            '计划设置',
            array($this, 'schedule_section_callback'),
            'gray_mode_settings'
        );
        
        add_settings_field(
            'schedule_enable',
            '启用计划任务',
            array($this, 'schedule_enable_callback'),
            'gray_mode_settings',
            'gray_mode_schedule_section'
        );
        
        add_settings_field(
            'start_date',
            '开始日期',
            array($this, 'start_date_callback'),
            'gray_mode_settings',
            'gray_mode_schedule_section'
        );
        
        add_settings_field(
            'end_date',
            '结束日期',
            array($this, 'end_date_callback'),
            'gray_mode_settings',
            'gray_mode_schedule_section'
        );
        
        // 高级设置部分
        add_settings_section(
            'gray_mode_advanced_section',
            '高级设置',
            array($this, 'advanced_section_callback'),
            'gray_mode_settings'
        );
        
        add_settings_field(
            'custom_css',
            '自定义CSS',
            array($this, 'custom_css_callback'),
            'gray_mode_settings',
            'gray_mode_advanced_section'
        );
        
        add_settings_field(
            'exclude_pages',
            '排除页面',
            array($this, 'exclude_pages_callback'),
            'gray_mode_settings',
            'gray_mode_advanced_section'
        );
    }
    
    public function basic_section_callback() {
        echo '<p>基础灰度模式设置</p>';
    }
    
    public function schedule_section_callback() {
        echo '<p>设置特定的日期范围自动启用灰度模式</p>';
    }
    
    public function advanced_section_callback() {
        echo '<p>高级自定义选项</p>';
    }
    
    public function enable_gray_mode_callback() {
        $checked = isset($this->options['enable_gray_mode']) ? $this->options['enable_gray_mode'] : 0;
        ?>
        <label>
            <input type="checkbox" name="gray_mode_settings[enable_gray_mode]" value="1" <?php checked(1, $checked); ?>>
            立即启用全站灰度模式
        </label>
        <?php
    }
    
    public function schedule_enable_callback() {
        $checked = isset($this->options['schedule_enable']) ? $this->options['schedule_enable'] : 0;
        ?>
        <label>
            <input type="checkbox" name="gray_mode_settings[schedule_enable]" value="1" <?php checked(1, $checked); ?>>
            启用日期计划
        </label>
        <?php
    }
    
    public function start_date_callback() {
        $value = isset($this->options['start_date']) ? $this->options['start_date'] : '';
        ?>
        <input type="date" name="gray_mode_settings[start_date]" value="<?php echo esc_attr($value); ?>">
        <p class="description">灰度模式开始的日期</p>
        <?php
    }
    
    public function end_date_callback() {
        $value = isset($this->options['end_date']) ? $this->options['end_date'] : '';
        ?>
        <input type="date" name="gray_mode_settings[end_date]" value="<?php echo esc_attr($value); ?>">
        <p class="description">灰度模式结束的日期</p>
        <?php
    }
    
    public function custom_css_callback() {
        $value = isset($this->options['custom_css']) ? $this->options['custom_css'] : '';
        ?>
        <textarea name="gray_mode_settings[custom_css]" rows="5" cols="50" class="large-text code"><?php echo esc_textarea($value); ?></textarea>
        <p class="description">自定义CSS样式（将覆盖默认样式）</p>
        <?php
    }
    
    public function exclude_pages_callback() {
        $value = isset($this->options['exclude_pages']) ? $this->options['exclude_pages'] : '';
        ?>
        <input type="text" name="gray_mode_settings[exclude_pages]" value="<?php echo esc_attr($value); ?>" class="large-text">
        <p class="description">输入要排除的页面ID，用逗号分隔（例如：1,2,3）</p>
        <?php
    }
    
    public function settings_page() {
        ?>
        <div class="wrap">
            <h1>国家悼念日灰度模式设置</h1>
            
            <div class="notice notice-info">
                <p>此功能用于在国家悼念日期间将网站变为灰度显示。</p>
            </div>
            
            <div style="background: #f0f0f1; border-left: 4px solid #2271b1; padding: 10px; margin: 15px 0;">
                <h3>当前状态: 
                    <?php if ($this->should_apply_gray_mode()): ?>
                        <span style="color: #2271b1; font-weight: bold;">灰度模式已启用</span>
                    <?php else: ?>
                        <span style="color: #646970;">灰度模式未启用</span>
                    <?php endif; ?>
                </h3>
                <p>您可以通过下面的设置来控制灰度模式的启用和禁用。</p>
            </div>
            
            <form action="options.php" method="post">
                <?php
                settings_fields('gray_mode_settings_group');
                do_settings_sections('gray_mode_settings');
                submit_button();
                ?>
            </form>
            
            <div class="card" style="margin-top: 20px; max-width: 600px;">
                <h3>使用说明</h3>
                <ul style="list-style-type: disc; margin-left: 20px;">
                    <li><strong>立即启用</strong>: 勾选后立即启用全站灰度模式</li>
                    <li><strong>计划任务</strong>: 设置特定日期范围自动启用</li>
                    <li><strong>自定义CSS</strong>: 可以自定义灰度效果的CSS代码</li>
                    <li><strong>排除页面</strong>: 指定不需要灰度效果的页面ID</li>
                </ul>
                
                <h4>短代码使用</h4>
                <p>您可以在页面或文章中使用短代码添加一个灰度模式切换按钮:</p>
                <code>[gray_mode_toggle]</code>
            </div>
        </div>
        <?php
    }
    
    public function add_gray_css() {
        if (!$this->should_apply_gray_mode()) {
            return;
        }
        
        // 检查当前页面是否被排除
        if (is_page()) {
            $current_page_id = get_the_ID();
            $excluded_pages = isset($this->options['exclude_pages']) ? $this->options['exclude_pages'] : '';
            $excluded_array = array_map('trim', explode(',', $excluded_pages));
            
            if (in_array($current_page_id, $excluded_array)) {
                return;
            }
        }
        
        $custom_css = isset($this->options['custom_css']) ? $this->options['custom_css'] : '';
        
        if (!empty($custom_css)) {
            echo '<style>' . wp_strip_all_tags($custom_css) . '</style>';
        } else {
            ?>
            <style>
            html {
                filter: grayscale(100%);
                -webkit-filter: grayscale(100%);
                -moz-filter: grayscale(100%);
                -ms-filter: grayscale(100%);
                -o-filter: grayscale(100%);
                filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
                filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
                -webkit-filter: grayscale(1);
            }
            </style>
            <?php
        }
    }
    
    private function should_apply_gray_mode() {
        // 如果手动启用了灰度模式
        if (isset($this->options['enable_gray_mode']) && $this->options['enable_gray_mode'] == 1) {
            return true;
        }
        
        // 检查计划任务
        if (isset($this->options['schedule_enable']) && $this->options['schedule_enable'] == 1) {
            $current_date = current_time('Y-m-d');
            $start_date = isset($this->options['start_date']) ? $this->options['start_date'] : '';
            $end_date = isset($this->options['end_date']) ? $this->options['end_date'] : '';
            
            if (!empty($start_date) && !empty($end_date)) {
                if ($current_date >= $start_date && $current_date <= $end_date) {
                    return true;
                }
            }
        }
        
        return false;
    }
    
    private function check_schedule() {
        $current_date = current_time('Y-m-d');
        $start_date = isset($this->options['start_date']) ? $this->options['start_date'] : '';
        $end_date = isset($this->options['end_date']) ? $this->options['end_date'] : '';
        
        if (!empty($start_date) && !empty($end_date)) {
            if ($current_date >= $start_date && $current_date <= $end_date) {
                // 在计划日期内，确保启用
                $this->options['enable_gray_mode'] = 1;
                update_option('gray_mode_settings', $this->options);
            } elseif ($current_date > $end_date) {
                // 计划日期已过，自动禁用
                $this->options['enable_gray_mode'] = 0;
                update_option('gray_mode_settings', $this->options);
            }
        }
    }
    
    public function sanitize_settings($input) {
        $sanitized = array();
        
        $sanitized['enable_gray_mode'] = isset($input['enable_gray_mode']) ? absint($input['enable_gray_mode']) : 0;
        $sanitized['schedule_enable'] = isset($input['schedule_enable']) ? absint($input['schedule_enable']) : 0;
        $sanitized['start_date'] = sanitize_text_field($input['start_date']);
        $sanitized['end_date'] = sanitize_text_field($input['end_date']);
        $sanitized['custom_css'] = wp_strip_all_tags($input['custom_css']);
        $sanitized['exclude_pages'] = sanitize_text_field($input['exclude_pages']);
        
        return $sanitized;
    }
    
    public function add_settings_link($links) {
        $settings_link = '<a href="' . admin_url('options-general.php?page=gray-mode-settings') . '">设置</a>';
        array_unshift($links, $settings_link);
        return $links;
    }
    
    public function gray_mode_toggle_shortcode($atts) {
        if (!current_user_can('manage_options')) {
            return '';
        }
        
        $options = get_option('gray_mode_settings');
        $is_enabled = isset($options['enable_gray_mode']) ? $options['enable_gray_mode'] : 0;
        
        ob_start();
        ?>
        <div style="background: #f8f9fa; border: 1px solid #dee2e6; padding: 15px; border-radius: 5px; margin: 10px 0;">
            <h3>灰度模式控制面板</h3>
            <p>当前状态: <strong><?php echo $is_enabled ? '已启用' : '已禁用'; ?></strong></p>
            <form method="post" action="">
                <input type="hidden" name="gray_mode_action" value="<?php echo $is_enabled ? 'disable' : 'enable'; ?>">
                <?php wp_nonce_field('gray_mode_toggle_action', 'gray_mode_nonce'); ?>
                <button type="submit" class="button button-primary">
                    <?php echo $is_enabled ? '禁用灰度模式' : '启用灰度模式'; ?>
                </button>
            </form>
        </div>
        <?php
        
        // 处理表单提交
        if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['gray_mode_action'])) {
            if (wp_verify_nonce($_POST['gray_mode_nonce'], 'gray_mode_toggle_action')) {
                $options['enable_gray_mode'] = ($_POST['gray_mode_action'] === 'enable') ? 1 : 0;
                update_option('gray_mode_settings', $options);
                echo '<script>location.reload();</script>';
            }
        }
        
        return ob_get_clean();
    }
}

// 初始化插件
add_action('plugins_loaded', function() {
    Gray_Mode_Tool::get_instance();
});

// 激活插件时的操作
register_activation_hook(__FILE__, function() {
    $default_settings = array(
        'enable_gray_mode' => 0,
        'custom_css' => '',
        'schedule_enable' => 0,
        'start_date' => '',
        'end_date' => '',
        'exclude_pages' => ''
    );
    
    if (!get_option('gray_mode_settings')) {
        add_option('gray_mode_settings', $default_settings);
    }
});

// 停用插件时的操作
register_deactivation_hook(__FILE__, function() {
    // 清理选项（可选，如果您希望保留设置可以注释掉）
    // delete_option('gray_mode_settings');
});

7个月前广东

- 天创（微：bsbanjin）0
  安装和使用说明 1. 安装插件将上面的代码保存为 gray-mode-tool.php 创建一个文件夹 gray-mode-tool 将文件放入该文件夹压缩成ZIP文件在WordPress后台的"插件" → "安装插件" → "上传插件"中上传安装 2. 使用方法立即启用/禁用：在后台"设置" → "灰度模式"中勾选"立即启用全站灰度模式"保存即可计划任务：设置开始和结束日期系统会在指定日期自动启用和禁用高级选项：自定义CSS：可以修改灰度效果样式排除页面：输入不需要灰度的页面ID 前端控制：在文章或页面中添加短代码 [gray_mode_toggle] 管理员可以看到一个控制面板（普通用户不可见） 3. 功能特点 ✅ 一键启用/禁用全站灰度 ✅ 支持日期计划自动切换 ✅ 可自定义CSS样式 ✅ 支持排除特定页面 ✅ 管理员前端控制面板 ✅ 响应式设计，兼容所有浏览器 ✅ 不会影响后台管理界面
  7个月前广东@天创（微：bsbanjin）回复
- - 牛魔王作者0
    good 好东西
    7个月前安徽@天创（微：bsbanjin）

- 6mtao0
  路过一下，我只是来打酱油的！
  7个月前江西回复

南京大屠杀公祭日，勿忘国耻

zibll综合交流