如何在没有编码知识的情况下设置 WordPress 暗模式?

无需编码即可启用 WordPress 深色模式

现越来越多的网页为观众提供了在明模式和暗模式之间进行选择的选项,仅举几例,Facebook、Twitter和YouTube已经向用户介绍了暗模式设置。

在这篇文章中,您将获得有关前端黑暗模式的信息。但是如果您想在 WordPress 仪表板中设置黑暗模式怎么办?访问 WordPress 仪表板暗模式 并了解更多相关信息。

Dark模式已经从用户那里聚集了相当长一段时间的人气,跟上潮流,很多WordPress用户都在要求dark模式,所以,你很自然地想在你的WordPress站点中添加dark模式,而现在你已经在阅读这篇文章了,你很快就会知道如何一键设置WordPress黑暗模式。

目录

添加标头以开始生成目录

什么是黑暗模式?

式(dark mode)是用戶介面的顯示設定,例如筆記型電腦或智慧型手機,在有各種顏色和色調的同時,在這種模式下沒有暗色文字對白螢幕顯示,而是以暗色或黑色背景在上面呈現淺色文字和介面元素。

暗模式还有其他几个名称,例如暗主题、黑模式、暗上亮、夜模式。除了浏览器、智能手机等之外,许多操作系统还为用户提供暗模式。

Dark mode的大意是,它减少了设备屏幕发出的光线,同时保持了界面元素可读性所需的绝对最小色彩对比度,但是这个想法并不是什么新鲜事,事实上,Dark mode比light mode早了几十年,随着技术的进步,light主题也随之而来,而且有趣的是,同样的进步让用户对Dark mode的兴趣重新焕发了活力。

为什么需要黑暗模式?

Dark模式可以提供的一定优势, 它们如下:

减少能源消耗

暗模式最常见的科学优势是它通过 AMOLED 和 OLED 显示器降低能耗。

OLED和AMOLED面板上,每个像素单独点亮,在亮模式下,所有像素点亮,反过来显示器需要更多的功率输入,但在暗模式下,所有像素点亮,结果显示器并不像在亮模式下要求那么多的功率输入。

然而,只有OLED和AMOLED显示器才能享受黑暗模式的省电选项。

减少蓝光发射

灯(Blue light)是一种能量的可见光光谱,波长最短,据专家介绍,过量接触蓝光会导致身体分泌的褪黑激素减少,褪黑激素对你获得适当的睡眠起着至关重要的作用。

Sun 是蓝光最显着的来源,不过你使用的装置也分泌微量的蓝光,但如果你使用的是暗模式,它会切割有害的蓝光,保证你睡得更健全。

适合弱光设置

Dark模式更适合于弱光设置,比如在床上或者电影院大厅,那样即使你在使用你的设备,也不会无意中打扰到其他人。

如何设置黑暗模式?

WordPress 配备了管理员配色方案,但是默认的布局都没有砍掉屏幕上传来的白光,但是不用担心,因为在你的 WordPress 站点中设置暗模式有办法,你可以通过插件在你的 WordPress 网站中设置暗模式,首先你需要安装并激活 WordPress 暗模式插件。可以在WordPress插件目录下直接找到,可以通过插件部分中的admin仪表板访问该目录。

暗模式 WordPress 插件

如何使用插件将暗模式添加到您的 WordPress 网站

首先,您需要安装并激活 WordPress 暗模式插件。我们将使用 停电:黑暗模式小部件 wordpress插件目录下直接找到这篇文章,可以通过插件部分的admin仪表板访问目录。

安装停电黑暗模式插件

安装后,您必须激活深色模式插件。激活后,访问您的 WordPress 管理员仪表板。单击管理员板中的"设置"选项。从"飞出"菜单中选择"停电"菜单。

停电深色模式插件选项

您将看到各种选项。从那里,单击启用操作系统感知黑暗模式按钮。启用后,它将允许访问者在设备设置黑暗模式时查看 WordPress 网站的夜间模式版本。

要使选项在他们想要可用时切换到黑暗模式,请找到显示浮动开关选项。单击按钮即可启用。这意味着无论用户的界面设置如何,用户在您的网站上时都可以切换到黑暗模式。

WordPress 页面处于轻模式
暗模式下的 WordPress 页面

还有许多其他选项可供选择,例如,您可以选择深色模式颜色、自定义浮动开关样式等等。但是,只有一部分选项可供您使用免费版。当您完成任务后,单击"保存更改"按钮以保存您的设置。

Now确保插件运行顺利,做个试运行看看是否一切正常,也可以修复你的浮动开关会出现在用户屏幕上的位置。

如何向 WordPress 管理员添加深色模式

WordPress提供了不同的管理员配色方案,但是,尽管有差异,默认的配色方案都不能减少屏幕上的白光发射,幸运的是,这个深色模式插件也解决了这个问题。

为"设置菜单,您将再次必须访问"设置菜单,从那里,您将必须进入"停电页面,然后单击"常规设置选项卡,您将看到一个选项,可让您选择启用"黑暗后端模式,打开该选项,单击页面底部的"保存设置按钮,保存您所做的更改。

Dark 后台模式开启后,应该在管理面板的顶部栏中看到新的开关,如果要开启 dark 模式,点击按钮,切换到 dark 模式设置,不过最好只有在黑暗环境下才使用 dark 模式,才能更好的呵护眼睛。

请注意,深色模式不是 WordPress 提供的管理员配色方案之一。因此,即使您使用深色模式设置,您也可以毫无困难地使用 WordPress 的管理员配色方案之一。要设置此选项,请单击"用户"选项,然后从"飞出"菜单转到"个人资料"页面。从该页面中,单击管理员配色方案页面下的一个选项。

但是,您必须关闭深色模式才能注意到另一个管理员配色方案选项。

包裹起来

WordPress 网站添加暗黑模式为您的网站添加了一个不错的额外功能。但并非仅此而已。它还提高了用户的可访问性和体验。凭借其起义的受欢迎程度,将暗黑模式引入您的 WordPress 网站应该会增加您网站的流量。

WordPress暗黑模式,现在已经到了本文的结尾,希望你现在知道如何一键设置,而现在,你可以把夜间模式介绍到你的站点,增强用户的体验。

罗伊·杰米的照片
罗伊·杰米
I’m Roy Jemee,Pixar Labs 的内容牧马人和营销人员,为 Elementor 编写主插件,我编写教程,录制视频,并保持文档的最新状态,所以你总是知道如何使用每个功能,我还处理支持,所以如果你遇到障碍,我就是帮助你修复它的人真正的答案,来自每天使用这些工具的人。
九月促销

40绔 涔诲芥澶澧% 离开一切

每个 Master Addons Pro 计划,每年一次,终身。一码,八天。

00
00人力资源
00
00

美国东部时间 9 月 14 日星期一 23:59 结束

  • 个人1 个站点 129美元77美元的
  • 商业5个站点 199美元的119美元
  • 开发者无限网站最适合代理机构 599美元的359美元

支付一次。永远不会续订。

优惠券代码 马里费岛40
立即享受 40% 的折扣
  • 30,000多个活跃安装
  • 4.5/5 来自212份点评
  • 14天退款