如何为访问者和用户向 WordPress 添加黑暗模式

如果你最近赶上了互联网的趋势,你可能已经注意到最流行的平台已经推出了黑暗模式。 顾名思义,与传统的白色布局相比,它利用了深色背景。

现在,您可能认为这是纯粹的表面变化,但这种切换发生的真正原因。 这是为了健康的好处。

如您所见,暗模式有助于防止眼睛疲劳。

普通的白色背景会使眼睛暴露在蓝光下,在长时间的屏幕时间(如工作场所)可能会有害。 也可以有深色背景。 请帮我晚上睡觉。 如果你在睡前看。 还有更多的好处可供您使用。

可以想象,您可以在 WordPress 网站的前端和后端启用暗模式。

This tutorial is for:
WordPress 6.1.1
Plugin: WP Dark Mode v3.04

如何向 WordPress 添加暗模式

遗憾的是,WordPress 没有本机暗模式设置。 但不要害怕。 与大多数 WordPress 插件一样,有一个有用的插件。

在这种情况下, WP 暗模式 插件可以帮助您在几分钟内添加它。

那么,这个插件是做什么的呢? 嗯,它增加了黑暗模式。 您可以选择在网站的后端或前端启用它。 您还可以显示浮动黑暗模式按钮,为访问者提供选择。

无需编码。 只需安装并切换一些开关即可。

第 1 步:安装 WP 黑暗模式

单击插件,然后单击左侧[新規追加]让我们从选择选项开始。 管理面板.

在可用搜索框中搜索 WP 暗模式。 这将向上拉其他插件,这些插件可能很有用。

查找 WP 暗模式

向下滚动,直到找到 WP 暗模式插件,[今すぐインストール]单击该按钮以激活和使用插件。

安装 WP 暗模式

第 2 步:在前端启用暗模式

启用此插件后,网站前端实际上将启用暗模式。 但是,您可以打开或关闭它或调整设置。

左侧 管理面板,然后单击[設定]选择一个选项。

WP 暗模式设置

默认情况下,[フロントエンド ダークモードを有効にする]选项和[OS 対応ダーク モードを有効にする]选项处于活动状态。 这意味着用户可以选择使用按钮立即在网站前端的暗模式之间切换。

如果用户的设备设置为深色模式,则当访问者查看您的网站时,它会自动启用。

该系统适用于大多数网站。 但是,如果前端不需要切换开关,[フロントエンドダークモードを有効にする]您可以关闭该选项。

相反,您可以[詳細設定]单击。

高级设置

第一个选项是切换开关时,暗模式是访问者的默认选项。

默认暗模式

值得指出,可以配置许多其他设置。 您可以调整网站上背景、图像和其他元素的暗度。 如果不在主题中使用白色背景,则可能需要执行此操作。

请务必倾听用户的意见,并在必要时进行更改。

这真的是您的网站的前端。 现在,让我们来看看后端。

第 3 步:添加到后端

默认情况下,后端的深色选项处于关闭状态。 幸运的是,只需切换一个开关即可完成更改。 您可以禁用所有前端选项,并保持后端选项处于打开状态。

情况正好相反。 返回到插件的主设置页面。[バックエンドダークモードを有効にする]找到开关,将其打开,然后保存更改。

后端暗模式

保存更改后,屏幕将进入暗模式,后端的其余部分也将处于暗模式。 一个例外是 古腾堡 编辑但是,实际上有一个选项可以在古腾堡启用,默认情况下处于打开状态。

不过,这是一个切换选项,您必须在古腾堡手动选择。 好消息是,你只需要选择一次,因为它会记住你的选择。 编辑帖子和页面以访问古腾堡。

到达那里后,从下拉列表中[ダークモード]选择”

黑暗模式

现在,它已在古腾堡启用。

古腾堡

如您所见,插件易于设置,如果您希望所有用户都启用它,则可以选择它。 当然,前端的某些设计元素需要进一步自定义,因此设置在很大程度上取决于网站的设计。

感谢您在 WordPress 网站上安装和设置 WP 黑暗模式。

考虑围绕黑暗模式设计网站

今天,许多网站实际上是围绕黑暗模式设计的。 事实上,许多用户更喜欢美学而不是明亮的视图,所以他们把它作为他们网站的起点。 根据您拥有的网站类型,这可能是一个不错的决定。

因此,真正的问题是,您需要考虑哪些设计选项。

首先要考虑的是天太黑。 大多数插件都有确定黑暗级别的选项。 互联网同意,在选择时不要变黑。

天太黑了,可能会对观看体验产生负面影响。 当然,文本也是如此。 不要变白。 您需要为每个色调找到合适的色调。

当然,如果您不使用白色作为文本,请避免深色,因为它可能难以阅读。

关于暗模式,我看到的最大错误之一是,当网站试图强制品牌颜色工作。 并非所有品牌颜色都以深色模式工作,在这种情况下,选择不同颜色的变体是一个很好的设计策略。

另一个考虑因素是暗模式如何影响网站的可靠性。

现在,你可能会认为有人觉得在黑暗的网站上不安全是荒谬的, 这实际上是真的如果你不相信我,看看你的银行网站或应用程序。 他们不使用黑暗模式进行这种识别。

值得考虑的是,黑暗模式可能不适合网站的气氛。 当你想到健康和健身网站时,它应该充满活力,鼓励活动,黑暗的背景不会这样做,甚至可以看到黑暗。

这才是真正伤害表面。 许多平台将黑暗模式视为一个全新的网站设计。

为用户提供选择

如您所见,向 WordPress 添加暗视图很容易,但为用户提供选择非常重要。 说实话,许多用户不喜欢更改,进行激进的设计更改可能会吓跑某些用户。

因此,使用户能够打开和关闭的选项始终是一个很好的策略。 花点时间让用户知道这些选项及其位置。

你认为插件易于使用吗? 你喜欢在背景较亮或较暗的页面上查看页面吗?

给TA打赏
共{{data.count}}人
人已打赏
WordPress 教程

如何为 WordPress 设置和使用简单的招聘公告板

2023-1-2 0:49:51

今年夏天令人兴奋的 6 个 Facebook 广告更新

2022-6-4 3:30:23

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索