联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > WordPress教程 > 正文

如何轻松地将黑暗模式添加到WordPress网站

作者:98wpeu发布时间:2023-12-27分类:WordPress教程浏览:103


导读:你想给你的WordPress站点添加暗模式吗?通过向WordPress添加暗模式,您的网站将根据访问者的浏览器偏好自动进行调整。你也可以给你的网站添加一个暗模式切换,这样访问者就可...

你想给你的WordPress站点添加暗模式吗?

通过向WordPress添加暗模式,您的网站将根据访问者的浏览器偏好自动进行调整。你也可以给你的网站添加一个暗模式切换,这样访问者就可以很容易地在暗模式和亮模式之间切换。

在这篇文章中,我们将向你展示如何在你的WordPress网站上添加黑暗模式。

在台式电脑上,你可以使用Chrome扩展程序(如Night Eye)在黑暗模式下访问网站。

以下是塔克网网站使用该扩展后的外观:

通过在您的网站上添加黑暗模式切换,用户可以选择他们喜欢的模式,而不必安装特殊的浏览器扩展。

您甚至可以添加暗模式到您的WordPress管理区域。如果你晚上在你的网站上工作,或者如果你正遭受眼睛疲劳的折磨,这是很有用的。

考虑到这一点,让我们看看如何将黑暗模式添加到网站的面向公众的前端和WordPress网站的管理区。

提示:想要使用深色配色方案,即使访问者的设备处于正常模式或白天模式时也是如此?然后看看我们为WordPress列出的最好的黑暗主题。

之后,点击“显示设置”,并选择一种风格的开关,访问者将使用它来启用和禁用黑暗模式。

接下来,你需要打开‘身体位置’下拉菜单,选择滑块在你的WordPress博客或网站上的显示位置。您通常会希望将其添加到站点顶部,以便访问者可以轻松地在不同模式之间切换。

设置完成后,现在可以通过选择“常规设置”来启用暗模式。

要开始,你需要点击‘启用前端黑暗模式’切换。

默认情况下,WordPress将始终以常规的轻量级模式加载您的站点。

如果您想要将暗模式设为默认模式,只需点击激活“启用默认暗模式”开关即可。

完成这些操作后,只需点击“保存设置”即可。现在,如果你访问你的网站,你会看到新的黑暗模式开关在起作用。

如果你浏览你的网站的手机版,你会发现黑暗模式也适用于智能手机和平板电脑。

要启用和禁用暗模式,只需点击开关即可。

之后,您可以选择管理员暗模式的配色方案。只需打开新的‘选择调色板’下拉菜单,然后选择颜色1或颜色2。

完成此操作后,请点击“保存更改”。

Droit Dark模式现在将在管理工具栏上添加一个黑暗模式切换。要查看管理暗模式的运行情况,只需单击切换即可。

如果你对深色模式的外观不满意,那么打开“选择调色板”下拉菜单,从列表中选择一种新的风格。

之后,点击“保存设置”,并使用切换来查看新颜色的效果。

我们希望这篇文章能帮助你学习如何在你的WordPress网站上添加黑暗模式。你可能还想看看我们关于如何在WordPress中创建登录页面的指南,或者看看我们的专家精选的必备WordPress插件。

更多wp网站技巧请关注我们。

标签:黑暗轻松模式网站WordPress


WordPress教程排行
最近发表
网站分类
标签列表