苏醒 苏醒
  • 首页
  • 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,675
0

评论

空空如也
suxing
suxing
2021-03-29 0:33:57 广东

推荐 国内外优秀前端 CDN,Google Fonts 国内镜像

智能摘要 DeepSeek 国内镜像资源丰富,包括CSS.NET、中国科学技术大学的镜像站点和npm反向代理等。主要CDN服务有BootCDN(全球节点多)、又拍云JS库CDN(提供JS库)、新浪云计算CDN(应用云平台SAE)、七牛云 ...
  • 博客
8,495 0
suxing
suxing
2019-07-05 16:48:00 广东

推荐 WordPress杂志主题:Cosy 主题更新至v3.1,优雅和好用并存

智能摘要 DeepSeek Cosy WordPress主题v3.1版更新,新增4款首页幻灯片样式及2款文章样式,优化后性能大幅提升,数据库查询减少近80%。同时,官方推荐购买,售价699元,优惠码“suxingcosy”可享20个66 ...
  • 主题推荐
  • 博客
  • cosy
  • v
  • 更新
3,731 3
suxing
suxing
2017-11-13 12:17:41 广东

推荐 关于启用全新品牌域名NICETHEME.CN的说明

智能摘要 DeepSeek 2017年11月11日,NiceTheme正式上线,域名nicetheme.cn。作为苏醒品牌延续,我们将持续推出更多优质WordPress主题,服务个人与各行各业,满足建站需求。启用新品牌及域名后,已支持主 ...
  • 博客
5,037 1
suxing
suxing
2019-09-29 13:18:56 广东

推荐 nicetheme十一长假优惠专场(9.28-10.7)

智能摘要 DeepSeek 十一长假期间,网站推出多重优惠活动:全场积木7.8折,新站送主题配置,服务器5折优惠,域名绑定更改限时9.9。老用户可享受超级会员7折优惠,升级或购买主题可获价值399元服务器配置服务。活动时间9月28日至1 ...
  • 博客
2,184 0
suxing
suxing
2020-05-15 17:13:34 广东

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

nicetheme 提供的积木插件为 WordPress 提供了丰富的免费功能,涵盖后台设置、SEO、易用性优化和安全防护等模块,无需额外安装插件即可使用。文本详细介绍了各个模块的核心功能,推荐了几个必开的功能,包括全局SEO、分隔符设置、 ...
  • 博客
  • nicetheme
  • nicetheme 插件
  • SEO设置
  • wordpress
  • WordPress SEO 设置
  • 22:
    厉害了!
15,181 5

我用的 WordPress 主题

2021 年单栏 WordPress 主题

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