海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts

如今,用户开始将 WordPress 暗模式视为必需品。 毕竟,从明亮的界面切换到眼睛会更容易。 但是,您可能不知道如何将此功能添加到您的站点。

幸运的是,这个过程非常简单。 借助免费的 WP 暗模式插件,您可以为前端用户添加专用的暗模式 您的后端管理员。

在本文中,我们将向您展示如何在 前端 您的网站。 然后,我们将向您展示如何在 后端. 以下是本教程结束时后端仪表板的外观示例:

让我们开始吧!

如何在您的网站前端启用暗模式

让我们从更改前端的显示开始。 要为您的用户提供 WordPress 暗模式选项,请遵循此方法。

第 1 步:安装暗模式插件

不幸的是,WordPress 不提供在您的网站上启用暗模式的内置功能。 但是,这并不意味着不可能! 多亏了庞大的插件库,您可以找到多种工具来帮助您。

我们推荐 WP 黑暗模式。 这个用户友好的插件为您提供了大量选项:您可以更改调色板、按钮设计和动画等元素。 它还与大多数顶级 WordPress 主题兼容,这意味着大多数人都可以使用它。

海外社媒SNS代运营Tiktok代运营公司

尽管如此,还有很多其他选择,所以如果您正在寻找更合适的选择,请随时浏览它们。 决定插件后,请安装并激活它,然后再继续下一步。

第 2 步:启用暗模式

安装插件后,就该激活主要功能了。 如果您使用的是 WP 深色模式,请先转到 WP暗模式→设置. 你会看到很多不同的设置,但现在,我们将专注于 常规设置

WP 暗模式插件的常规设置。

接下来,确保 启用前端暗模式 开关处于打开位置。 该插件现在将默认显示界面的调光版本。

另一个需要考虑的选择是 启用操作系统感知暗模式. 如果您启用此功能,设备偏好设置为暗模式的用户将自动获得您网站的暗模式,这可以改善您网站的用户体验。

一旦您对自己的选择感到满意,请继续并单击 保存设置. 然后,继续下一步以获得一些更高级的功能。

第三步:打开浮动开关

接下来,您可以选择让您的用户更多地控制您的 WordPress 暗模式选项。 并非所有用户都喜欢在暗模式下浏览。 此外,一些用户可能希望根据一天中的时间或其他浏览条件更改他们的偏好。

幸运的是,您可以为他们提供一个开关来做到这一点。 这里有两个主要部分:激活该功能,然后对其进行自定义。 让我们从第一个开始 WP暗模式→设置→切换设置

WP暗模式浮动开关功能的设置。

确保 显示浮动开关 拨动开关处于打开位置。 然后,保存您的更改。 就这么简单:您的用户现在可以在屏幕上选择在明暗模式之间切换。

您还可以在此处了解样式元素。 例如,考虑改变下按钮的设计 浮动开关样式.

其他自定义选项包括添加动画或将其放置在屏幕的某个部分。 您可以使用此插件的高级版本解锁更多选项。 保存您的开关更改并继续进行最后一步。

第 4 步:自定义暗模式

定制潜力不会随着开关而结束。 您可以通过其他几种方式来个性化您的 WordPress 暗模式。 让我们先看看改变配色方案。

WP暗模式→设置→颜色设置

一些示例 WP 暗模式颜色设置。

如果您不想设计自己的配色方案,也可以打开 想要使用颜色预设? 对于一些默认选项:

一些暗模式颜色预设选项。

这里的大多数选项都需要高级版本。 这将帮助您调整从整体亮度到对比度级别的任何内容。 因此,如果您的配色方案对您很重要,您可能需要考虑升级。

如何在 WordPress 仪表板中启用暗模式

您的前端用户并不是唯一可能从更暗的屏幕中受益的人。 您也可以按照以下步骤打开仪表板的选项。

第 1 步:打开后端暗模式

我们将为此方法使用相同的 WP 暗模式插件。 返回 WP暗模式→设置→常规设置. 但是,这一次请确保 启用后端暗模式 选项已打开。

与它对您的用户的工作方式类似,您的仪表板将自动切换到暗模式。 您还将在顶部工具栏中有一个按钮,用于在两种模式之间切换。

正如您所料,这只会影响您的后端用户。 如果您没有为前端激活暗模式,您的访问者将看到您的正常站点。

如果你不是在寻找其他剪裁,你可以在这里停下来。 但是,如果您想要更多方式来个性化 WordPress 管理界面,您可以继续下一步。

第 2 步:更改您的管理员配色方案

启用暗模式后,我们鼓励您探索网站的后端。 例如,您可能会发现默认的 WordPress 颜色在较暗时无法满足您的需求。

好消息是您可以轻松更改管理员配色方案以匹配新的暗模式设置。 这一步你甚至不需要额外的插件——这个功能内置在 WordPress 系统中。

首先,前往 用户 → 个人资料

在 WordPress 中更改管理员颜色方案的屏幕。

从这里,您可以选择您想要的任何颜色组合。 当您单击一个时,您将能够立即看到更改。 随意在它们之间切换并了解您的选择。 一切就绪后,记得点击 更新个人信息 在页面底部。

此外,您还可以将这些更改应用到其他人的后端配置文件。 要开始使用此功能,请访问 用户 → 所有用户 这次。 然后,找到您要更改的用户并单击 编辑 在他们的帐户下:

如何编辑其他人的管理员配色方案的示例。

之后,您将被带到与以前类似的编辑屏幕。 然后,您可以更改其他用户的管理员配色方案,以更好地匹配新的暗模式选项。

第 3 步:在正常模式和暗模式之间切换

如果你和很多人一样,你可能不想一直只坚持正常或黑暗模式。 幸运的是,切换过程简单直观。

假设您从默认的灯光模式开始。 转到管理工具栏的顶部。 在这里,您会看到一个带有两个选项的小开关: 黑暗的

亮模式下的标准管理屏幕,暗模式切换突出显示。

您现在要做的就是单击要切换到的模式。 完成此操作后,您的屏幕应如下所示:

暗模式下的屏幕示例。

请记住,管理屏幕中的暗模式设置不会影响您的用户。 因此,如有必要,请随意在您的配色方案之间切换——如果您也遵循第一种方法,您的访问者也可以这样做。

结论

WordPress 暗模式选项对您的用户和您的管理员来说是真正的资产。 无论他们是在寻找更平静的界面还是只是更喜欢这种配色方案,这都是一种自定义网站用户体验的简单方法。 幸运的是,WP Dark Mode 使这个过程变得简单。

在本文中,我们向您展示了如何通过四个步骤在您的网站前端启用和自定义暗模式。 我们还向您介绍了如何在您的站点后端为您和您的管理员做同样的事情。

如果您对自定义站点后端仪表板的其他方式感兴趣,可以查看我们的指南,了解如何自定义 WordPress 后端以及如何更改 WordPress 工具栏。

您对为您的网站打开暗模式有任何疑问吗? 在下面的评论部分让我们知道!

免费指南

加快速度的 5 个基本技巧
您的 WordPress 网站

将加载时间缩短 50-80%
只需遵循简单的提示。

海外社媒SNS代运营Tiktok代运营公司
Revive Old Posts