现在越来越多的网站都开始跟随Android和iOS的潮流,为访客提供暗黑模式。一些新的WordPress主题会直接附带暗黑模式(又称夜间模式,以下一律称为暗黑模式)切换功能,比如eyes主题,当然也有很多WordPress并没有附带这样的功能。 本文将会详细介绍暗黑模式及其作用,如何使用插件添加网站暗黑模式及WordPress仪表盘暗黑模式: 什么是暗模式及其作用 在移动设备和计算机上使用暗黑模式可减少屏幕上的白光。 某些设备带有夜间模式,实际上使用了较暖的色调。暗黑模式则是使用其他方法-通过在背景中添加深色来实现。 如果您使用的是iPhone或Android设备,则只需使用切换开关就可以切换到暗黑模式。 或者,在计算机上使用Chrome扩展程序(例如Night Eye)以暗黑模式查看网站。使用该扩展实现的教学博官网暗黑模式外观如下: 教学博官网暗黑模式 将暗黑模式添加到站点以供用户可选择在查看站点时打开和关闭暗黑模式。该扩展还支持用户通过设置更好地控制网站在暗黑模式下的外观。 一些热门视频网站也提供暗黑模式,方便用户可以在深夜观看视频,获得更舒适的观看体验。 YouTube暗黑模式 除了为网站前端页面添加暗黑模式之外,甚至还可以在WordPress后台也添加暗黑模式。如果您经常在晚上编辑文章,这就非常实用了。 下面,我们将分别介绍如何为WordPress网站及WordPress仪表盘添加暗黑模式。 WordPress网站添加暗黑模式教程 首先,需要安装并启用WP Dark Mode插件。 启用后,在WordPress后台进入“设置»WP Dark Mode”页面,然后单击“General Settings”选项卡。 你可以看到默认已经启用“Enable OS aware Dark Mode”,就是说,当访客的设备设置为暗黑模式时,访问者会直接看到您网站的暗黑模式版本。 “Show Floating Switch”设置也默认启用的。即使用户未在设备上启用暗黑模式选项,他们也可以随时通过插件提供的暗黑模式切换按钮将其站点视图切换为暗黑模式。 WP Dark Mode插件设置 启用插件后访问您的网站,会在右下角看到该开关。点击它即可将网站切换为暗黑模式: 暗黑模式按钮 “设置»WP Dark Mode”插件设置页面上还有更多自定义选项。但是,该插件的免费版本会有诸多限制。 例如,您只需要单击“Display Settings”选项卡即可更改浮动开关的样式: WP Dark Mode插件显示设置 您还可以使用“Style Settings”选项卡自定义深色模式的颜色: WP Dark Mode插件样式设置 进行任何更改后,请确保单击“保存设置”按钮。 注意:使用WP Dark Mode的免费版本,只有前2种浮动开关样式和前2种颜色预设可选。WP Dark Mode的专业版提供了更多的选项,以及在特定时间打开Dark Mode的功能以及添加自定义CSS代码的选项。 […]




























