【WordPress教程】让整个网站网页变灰的方法

明天就是4月4号了,根据有关通知精神,在这个特殊的时刻,作为一名普通的站长,也能通过一些行动来表达自己沉痛的心情,让你的网站变成黑白吧。这一节的wordpress美化教程就教你如何让网站变成灰白色。

在主题根目录下的style.css底部添加以下代码:

/*网站整体灰白*/
body {
    -webkit-filter: grayscale(100%); /* webkit */
    -moz-filter: grayscale(100%); /*firefox*/
    -ms-filter: grayscale(100%); /*ie9*/
    -o-filter: grayscale(100%); /*opera*/
    filter: grayscale(100%);
}

我只想图片变灰白:

/*网站图片灰白 - Npcink*/
body img{
    -webkit-filter: grayscale(100%); /* webkit */
    -moz-filter: grayscale(100%); /*firefox*/
    -ms-filter: grayscale(100%); /*ie9*/
    -o-filter: grayscale(100%); /*opera*/
    filter: grayscale(100%);
}

我只想首页变灰白:

在主题根目录下的index.php文件的

<?php
get_footer();


上面添加以下代码即可:

<style type="text/css">
/*网站整体灰白 - Npcink*/
body {
    -webkit-filter: grayscale(100%); /* webkit */
    -moz-filter: grayscale(100%); /*firefox*/
    -ms-filter: grayscale(100%); /*ie9*/
    -o-filter: grayscale(100%); /*opera*/
    filter: grayscale(100%);
}

</style>

给TA打赏
共{{data.count}}人
人已打赏
WordPress教程

【WordPress教程】解决升级 WordPress时提示”另一更新正在进行”

2020-4-1 12:50:37

WordPress

Trojan+宝塔面板,完美运行!Nginx分流,复用443端口!建站和Trojan两不冲突。全程HTTPS访问!

2020-8-6 20:21:10

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索