苏醒 苏醒
  • 首页
  • WP主题
  • WP插件
  • WP教程
  • 是日一记
  • 博客
    • 留言
    • 唠叨
    • 盆友圈
    • 栏目推荐

suxing

管理员
每天清晨有多少双眼睛睁开,有多少人的意识苏醒过来,便有多少个世界。
IP归属地: 广东
文章
214
评论
236
suxing
2021-12-14 13:16:58 广东

wordpress 如何让网站变成灰色

文章字数:892
阅读时间: 3 分钟
智能摘要 DeepSeek
本文介绍了在网站哀悼日或纪念日时,通过添加CSS代码实现网页变灰的方法。第一种方式是将代码添加到`style.css`文件中,使全站变灰;第二种方式是将代码添加到`functions.php`文件中,仅让首页变灰,内页保持原色。适用于WordPress网站,具体操作根据主题文件结构调整。

一般在全国哀悼日或者某些纪念日的时候,身为站长的我们都会让自己的网站的全部网页变成灰色(黑白色),以表示我们对逝者的悼念。那么今天就说说,通过几行简单的代码,来实现这个功能。

第一种:添加代码到style.css文件

在 wordpress 主题的目录中找到 style.css 文件,把下面的代码添加到最底部即可。

html {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-filter: gray;
    filter: gray;
    filter: progid: DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

第二种:仅让首页变灰

我们可以留意到如京东、淘宝等一些 APP、网页,会让首页变灰,内页仍保留颜色。

在 WordPress 里我们如何实现这样的效果呢?

把下面的代码,添加到 functions.php 文件最底部即可。

如果你使用的是 nicetheme 出品的 wordpress 主题,则需要把代码添加到 functions_xxx.php 名称的文件中,比如 cosy 主题,则添加到名称为 functions_cosy.php 文件中。

function nicetheme_global_greyscale() {
    if ( is_home() ){
        echo '<style type="text/css">html{-webkit-filter:grayscale(1);-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}</style>';
    }
}
add_action('wp_head', 'nicetheme_global_greyscale');
  • 博客
等 人表示很赞
2,732
0

评论

空空如也
suxing
suxing
2023-01-23 9:55:40 广东

推荐 nicetheme 春节活动|新年大吉大利!开通会员,最高返 588 红包券,主题免费换购,一次回本!

智能摘要 DeepSeek nicetheme新春活动:年初一至年初八,开通超级会员返588元抵扣券,会员返268元抵扣券,老会员可领新春抵扣券。全场88折优 ...
  • 博客
4,770 0
suxing
suxing
2021-03-29 11:52:26 广东

推荐 macOS 软件分享:Battery Buddy一个可爱的电量指示图标

智能摘要 DeepSeek Battery Buddy 是一款可爱的小电池图标应用,可替换系统默认图标,启动时自动显示在顶部状态栏。通过按住Fn键拖动可调整位置,支持自定义,效果明显。下载地址:https://batterybuddy. ...
  • 博客
15,279 0
suxing
suxing
2020-05-15 17:13:34 广东

推荐 nicetheme出品的积木插件,这几个功能一定要用

nicetheme 提供的积木插件为WordPress提供了多种免费功能,适用于不同主题。核心功能包括:后台设置(如修改 logo、开启SEO功能等)、优化设置(如古登堡样式加速、垃圾评论拦截等)、易用性设置(如图片暗箱、自动添加Alt和T ...
  • 博客
  • nicetheme
  • nicetheme 插件
  • SEO设置
  • wordpress
  • WordPress SEO 设置
  • 22:
    厉害了!
15,642 5
suxing
suxing
2015-01-07 19:50:22 广东

推荐 [主机福利]3号主机感恩三年,有你! 香港电讯cPanel主机¥119元

智能摘要 DeepSeek 3号主机(3LOC.NET)表现优异,稳定且售后服务优质,深受wordpress用户喜爱。自2012年运营以来,三号主机已成为wordpress专用主机的首选,为众多用户提供了优质服务。2015年新年之际,三 ...
  • 博客
7,595 0
suxing
suxing
2019-06-25 13:01:20 广东

推荐 已结束|帮你买单!nicetheme 诚招优秀媒体合伙人 免费使用主题啦

智能摘要 DeepSeek 申请尼思主题免费使用权需满足以下条件:粉丝数过万、年运营1年以上、日流量1000IP以上、原创文章超200篇等。申请后可获得产品使用权、功能支持及定期更新服务,并在官方展示位推广。网站需保留底部版权声明,并发 ...
  • 博客
  • 唠叨
  • nicetheme
  • 主题
  • 网站
7,059 12

我用的 WordPress 主题

2021 年单栏 WordPress 主题

Copyright © 2012-2025 苏醒. All rights reserved. Designed by nicetheme.
  • 首页
  • 主题
  • 教程
  • 博客
  • 唠叨
  • 留言