WordPress网站添加暗黑模式图文教程

现在越来越多的网站都最先追随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”选项卡即可更改浮动开关的样式：

WordPress网站推送通知设置图文教程

WP Dark Mode插件显示设置

您还可以使用“Style Settings”选项卡自界说深色模式的颜色：

WP Dark Mode插件样式设置

进行任何更改后，请确保单击“保留设置”按钮。

注重：使用WP Dark Mode的免费版本，只有前2种浮动开关样式和前2种颜色预设可选。WP Dark Mode的专业版提供了更多的选项，以及在特准时间打开Dark Mode的功效以及添加自界说CSS代码的选项。

WordPress管理后台添加暗黑模式教程

WordPress附带了管理后台配色方案，然则没有一种默认配色方案可以削减来自屏幕的白光。对此，我们照样借用插件解决该问题。

让我们看一下如何将暗黑模式添加到WordPress仪表盘中，以在晚间编辑文章时珍爱眼睛。

只需转到设置»WP Dark Mode页面，然后单击通例设置选项卡。然后，将“Enable Backend Darkmode”开关切换到打开位置。

WP Dark Mode插件后台夜间模式设置

您将在WordPress管理后台的顶部栏中看到一个新的开关：

暗黑模式的WordPress后台

只需单击此开关即可立刻将您的WordPress管理后台切换为暗黑模式。

Tip：若是站点有多个WordPress用户，则每小我私人都可以凭证自己的喜欢打开和关闭暗模式。

由于“Dark Mode”不是管理界面配色方案，也就是可以将其与现有的WordPress管理界面配色方案一起使用。只需转到“用户»Profile”，然后单击“管理界面配色方案”下的一个选项。

注重，需要关闭暗黑模式才气查看守理配色方案选项：

管理界面配色方案设置

在WordPress古腾堡编辑器中撰写文章时，也可以开启暗黑模式。单击左上角的小颜色图标，然后选摘要使用的模式：

古腾堡编辑器暗黑模式

现在，您可以在晚上恬静地在网站上进行文章编辑事情了。

关于本教程，到此完毕！无论您是希望在网站前端实现暗黑模式，照样后台需要，均可以通过插件实现！

不外，小编以为所谓“暗黑模式或者夜间模式”，更适合移动端，而不是PC端！