如何通过2个简单步骤将黑暗模式添加到WordPress网站

如果我为计算机选择一个深色主题,我将看到Twitter如何变黑,这给我留下了深刻的印象。我希望我访问的所有网站都一样。是的,您的许多网站访问者可能更喜欢在暗模式下浏览您的内容。如果您的网站变暗,符合访问者计算机的主题,该怎么办?为此,您必须向WordPress网站添加暗模式。我们将通过一些简单的步骤来演示该方法。

让您的网站建立在WordPress上是一件幸事。因为总有一个WordPress插件可以为您的网站添加任何内容。对于本教程,我们很幸运拥有WP暗模式,它将在无需进行任何复杂设置的情况下将暗模式添加到WordPress网站。

WordPress网站中的WP黑暗模式如何工作

暗模式通常会减少用户计算机浏览器发出的白光,从而使他们的眼睛更轻松。WP暗模式WordPress插件可以智能地检测主题(暗或亮)的设备偏好设置,并为读者动态提供精心设计的暗模式体验。这意味着,如果您的读者的设备使用深色主题,则无需手动执行任何操作即可在您的网站上启用深色模式。

有关如何向WordPress网站添加暗模式的视频教程

该过程是自动的。它可在所有操作系统(包括Android,iOS,macOS)上运行。但是,尽管读者设备的主题很暗,但只要单击您网站上的浮动开关按钮,他们就可以切换到常规灯光模式。

如何将暗模式添加到WordPress网站

如前所述,我们将使用插件向WordPress网站添加暗模式,因此我们的过程涉及安装插件并进行设置。让我们开始吧。

第1步:安装并激活WP暗模式WordPress插件

安装WP暗模式就像安装其他任何WordPress插件一样。只需登录到您的WordPress网站。转到信息中心>插件>添加新内容。搜索WP暗模式,然后单击“安装并随后激活”

安装WP Dark Mode WordPress插件

第2步:在设置中将暗模式添加到WordPress网站

通过安装和激活WP暗模式,您已经在网站前端上设置了暗模式。转到设置WP暗模式。在“常规 设置”下,您可以启用/禁用前端暗模式,决定具有暗模式切换器按钮以及启用和禁用操作系统感知的暗模式。

向WordPress添加暗模式

通过设置中的这种调整,您可以在WordPress网站中添加暗模式来完全完成操作。看看下面的GIF。

向WordPress添加暗模式

另外,您可以完全控制网站的暗模式设计。选择一种自定义颜色或从预设颜色中进行选择,根据读者所在的时区设置暗模式,然后执行更多操作。但是为此,您必须切换到WP Dark Mode Pro版本。

将显示设置为暗模式

选择前端的网站浮动开关按钮的设计。有多种设计选项可供选择。您可以更改按钮文本,并在此处执行更多操作。

设置暗模式切换器按钮

您还可以选择前端的浮动暗模式切换器按钮的位置。您可以决定将其放置在网站的左下角和右下角。

为黑暗模式设置网站样式

您可以为网站的暗模式选择样式。使用免费版本,您可以从可用的2个预设中进行选择。使用WP Dark Mode pro,您可以从另外9种预设样式中进行选择。

向WordPress添加深色模式并选择样式

另外,如果您具有Pro版本,则可以自定义显示颜色。使用高级选项设置黑暗模式,并使用WP Dark Mode Pro进行更多操作。但是对于基本的黑暗模式,免费版本可以正常工作。

如何将暗模式添加到WordPress管理仪表盘

您还可以将暗模式添加到WordPress管理仪表板。幸运的是,您也可以使用WP Dark Mode WordPress插件执行此操作。而且更容易。

将深色模式添加到WordPress管理仪表板

在网站上安装并激活WP Dark Mode插件后,进入设置WP Dark Mode。在常规 设置下,您可以看到启用后端暗模式切换。如果在后端启用了暗模式,您将在后端管理栏中看到暗模式切换按钮。

将深色模式添加到WordPress管理仪表板

现在,您只需单击一下,即可在管理仪表板上切换到明暗模式。

除此之外,您还可以选择暗模式图像,设置暗模式样式,在暗模式下应用自定义CSS,选择暗模式切换器按钮以及使用WP暗模式WordPress插件执行更多操作。

WP Dark Mode WordPress插件可在Gutenberg编辑器和Elementor页面构建器上使用。此外,它还为Elementor提供了一个小部件,并为Gutenberg编辑器提供了一个专用块。您可以在任何页面上放置暗模式切换器按钮,或在其上发布。

因此,如果您认真遵循我们的说明,则将在站点上为前端和后端启用暗模式。希望本教程对您有所帮助。请定期访问Virfice,以获取更多此类信息。祝好运。

相关文章