由 Awesome Motive 提供支持。
了解更多 海鹰博客。

如何为 WordPress 网站添加黑暗模式?

如何在 wordpress 网站上添加暗色模式

WordPress 的黑暗模式?目前,关于暗色模式的说法很多,但什么是暗色模式呢?一言以蔽之,暗色模式就是把设备或网站的颜色换成深色。

大型网站和应用程序已开始采用暗夜模式,浏览器本身也已允许通过本机功能(如 Chrome 浏览器)或免费扩展来强制使用暗夜模式。

在 WordPress 中,安装 "黑暗模式 "的最简单方法是通过一个(免费)插件,该插件允许您自定义网站在 "黑暗模式 "下的外观。

许多设备原生支持暗色模式。根据用户的浏览器偏好,许多设备原生支持暗色模式,因此可自动为网站添加暗色模式。此外,您还可以添加一个切换按钮,让用户决定何时切换。

关于黑暗模式的小理论

暗光模式用于移动设备和电脑,以减少屏幕上的白光。

有些设备带有夜间模式,使用较暖的色调。黑暗模式则采用不同的方法,在背景中添加深色。

在 iPhone 和 Android 设备上,只需点击一个按钮即可切换到暗黑模式。有必要使用浏览器扩展或在系统设置中切换暗黑模式。如果网站尚未为暗黑模式做好准备,则需要使用浏览器扩展;否则不需要使用扩展。

如何在 WordPress 中启用黑暗模式?

步骤 1.首先访问 WordPress 的"插件 "菜单,然后点击 "添加新 "选项。查找"WP Dark Mode " 插件,然后进行安装和激活。 

步骤 2:激活后,在 WP 管理器中导航至 "WordPress 设置">"黑暗模式 "页面,点击 "常规设置",查看 "启用操作系统感知黑暗模式"的设置。

第 3 步:打开 "启用操作系统感知黑暗模式 "设置,即可在网站上看到黑暗模式版本。 

第 4 步:在这里,你还可以看到另一项设置 "显示浮动开关"已启用。这个设置更多是为用户设置的,也就是说,如果用户没有启用黑暗模式。该设置将有助于查看网站的黑暗模式版本。

步骤 5:访问你的网站;你可以看到右下角的开关。要为设备添加黑暗模式,请点击开关选项。现在 

有多种自定义选项可供选择;不过,让我们把重点放在最关键的几点上。首先,进入 "风格设置 "菜单,选择与页面最匹配的调色板。

激活 "自定义颜色 "选项并保存更改后,即可使用自定义调色板。如果您厌倦了网页的外观,可以选择具有现代设计风格的快速模板。 

遗憾的是,您只能使用预定义的颜色。要按自己的方式定制或使用其他颜色,您需要一个高级账户。

自定义按钮

在 "显示设置 "中,你可以自定义 "黑暗模式 "的快速切换按钮,并排除不允许使用该模式的页面(可选)。在免费版本中,只有两个按钮可用,不过说实话,这两个按钮是互联网上最常见的,有助于游客识别这一功能。

为 WordPress 管理添加黑暗模式

默认情况下,WordPress 有管理配色方案,但它们都不能减少屏幕的白光。幸运的是,WP Dark Mode 插件拥有全面的技术来解决这个问题。

步骤 1."WP设置 "页面点击"常规设置 "选项卡。 

步骤 2.切换 "启用后台黑暗模式 "选项并保存更改。

激活后,管理区顶部栏会出现一个新菜单。

准备好开始了吗?

如果您有任何疑问或想为您的 WP 网站添加黑暗模式,请联系我们。关注我们的页面,阅读更多精彩内容!

立即获取 WP Dark Mode!

在我们这个相互联系的世界里,有效使用不同语言进行交流的能力更为重要

对 WordPress 网站进行可用性测试是非常必要的,因为它可以提供以下方面的宝贵见解

WordPress 高级字段对网站所有者很有帮助,因为它们可以存储额外的数据和

科马尔-博特拉 2024 年 3 月 21 日

2024 年雇佣 WordPress 开发人员和设计师的最佳网站

如果您想聘请最好的 WordPress 开发人员或 WordPress 网站专家

WordPress
科马尔-博特拉 2024 年 3 月 21 日

Elementor 卡在加载屏幕上?这里有 25+ 种修复方法!

Elementor 简化了在 WordPress 中开发网站页面的过程。不过,您可能偶尔会遇到

WordPress
科马尔-博特拉 2024 年 3 月 19 日

如何将 GoDaddy 商业电子邮件设置为 Gmail?

同时打理多个电子邮件账户可能会让人不知所措。如果您被淹没在

技术

开始使用海鹰

在我们的应用程序中注册,查看我们的定价并获得折扣。