Wordpress插件,实现夜间模式

电脑端看文章时间长了,眼睛会很疲劳,尤其是晚上,电脑屏幕光线比较刺眼,除了调暗屏幕亮度外,我们完全可以给自己的博客加个夜间模式插件,主题集成了此功能滴可以忽略,西瓜君分享一款十分好用的WordPress夜间模式插件Night Mode,先来看下效果吧

效果图

安装方法

下载安装启用后,点击settings,你会发现,这个插件配置了很多小的设置按钮:

各按钮功能意思解释如下:

Night Mode Title 给这个在前台显示的小插件,起个名字
Add above content in posts  添加插件到文章页
Add above content in pages  添加插件到页面
Show on home page  添加插件到主页
Keep on with navigating  跟随导航,一直显示
Remember status  会员下次再次登录后,和之前登录时夜间模式的状态自动保持一致
Show moon icon  展示月亮图标
Switch icon  夜晚白天切换图标
Image Opacity 夜间模式开启时检查图像不透明度为0.5,PS:鼠标悬停时可以看到图像正常
Images filter 当夜间模式开启时,检查以查看图像过滤灰度50%,PS:当鼠标悬停时您可以看到图像正常。
Night Mode position 夜间模式按钮放置位置选择:左侧、中部、右侧
Night Mode “ON” color 打开模式时,颜色设置
Night Mode “OFF” color 关闭模式时,颜色设置
Night Mode button “ON” color 打开模式时,按钮颜色
Night Mode button “OFF” color 关闭模式时,按钮颜色
Night Mode background color 插件的背景色
Night Mode Header/footer color 空 – 保留空不会更改页眉/页脚颜色。
默认 – 从“夜间模式背景颜色”生成。 – 页眉和页脚颜色,默认情况下从“夜间模式背景颜色”生成。
Night Mode text color 文章页面文字颜色
Links color 文章页面链接颜色
Night Mode size c插件显示大小:小、中、大
Disqus comments background color 设置Disqus评论背景颜色。
Switch only for some elements 选中仅对某些元素激活。

插件界面

插件下载