苏醒 苏醒
  • 首页
  • WP主题
  • WP插件
  • WP教程
  • 是日一记
  • 博客
    • 留言
    • 唠叨
    • 友情链接
  • 首页
  • 主题
  • 教程
  • 博客
  • 唠叨
  • 留言
  • 是日一记
首页 博客 wordpress 如何让网站变成灰色

wordpress 如何让网站变成灰色

suxing 2021-12-14 13:16:58

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

第一种:添加代码到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
suxing
每天清晨有多少双眼睛睁开,有多少人的意识苏醒过来,便有多少个世界。
赞赏
suxing
评论 (0)
返回
    发表评论
猜你喜欢
  • 记录 awtrix 像素屏服务器部署在群晖NAS上踩过的坑
  • 解决wordpress图像后期处理失败,推荐的最大尺寸为2500像素的问题
  • 百度清风算法4.0即将上线,限制不合规低质下载站出现在搜索结果中
  • macOS 软件分享:Battery Buddy一个可爱的电量指示图标
  • 国内外优秀前端 CDN,Google Fonts 国内镜像
suxing
每天清晨有多少双眼睛睁开,有多少人的意识苏醒过来,便有多少个世界。
189
文章
288
评论
306
获赞
suxing
我用的 WordPress 主题
2021 年单栏 WordPress 主题
  • 首页
  • WP主题
  • WP插件
  • WP教程
  • 是日一记
  • 博客
Copyright © 2012-2022 苏醒. Designed by nicetheme.