WordPress特殊日子里整站变灰代码

2020-04-04 07:19 阅读 252 次 评论 0 条

function.php

function wp_head_css() {
    $styles = "";
        $styles .= "html{overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}";
    if ($styles) {
        echo "<style>" . $styles . "</style>";
    }
}
add_action("wp_head", "wp_head_css");

放在wp-content/themes/%themeName%/function.php 里

可加条件判断,在后台实现手控。

function wp_head_css() {
    $styles = "";
    if (get_option('site_gray') == 'true') {
        $styles .= "html{overflow-y:scroll;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter: grayscale(100%);}";
    }
    if ($styles) {
        echo "<style>" . $styles . "</style>";
    }
}
add_action("wp_head", "wp_head_css");

 

最后,两份图请收好

https://yaozi.org/Design/20200404/

嘤嘤嘤嘤嘤呜呜呜呜呜叭叭叭叭叭嘿嘿嘿嘿嘿哟哟哟哟哟 (7 次评分, 平均分: 4.29 out of 5)
Loading...
版权声明:本文著作权归原作者所有,欢迎分享本文,谢谢支持!
转载请注明:WordPress特殊日子里整站变灰代码 | 温柔的夜
分类:其他 标签:

发表评论


表情