文章目录[隐藏]
为WordPress开启暗黑模式-Darklup插件
黑暗模式是网页设计中的一个巨大趋势,它提供了令人印象深刻的黑暗方案。它能够创造一个令人赏心悦外观和体验旅程,以获得更好的阅读体验。WordPress 暗模式 主要适用于那些对强光敏感的用户。
模式对比
亮光模式
暗黑模式
核心功能
深色开关样式
不同样式的切换按钮可以使 WordPress 网站看起来很棒。您可以选择任何您喜欢的风格令人印象深刻的开关按钮来打开/关闭黑暗模式。
基于时间的暗模式
无需担心根据您的当地时间定期打开或关闭黑暗模式。WordPress 暗模式插件有一个惊人的功能,它将负责在您预定的时间打开或关闭暗模式。
准备使用深色方案
您可以使用适当的配色方案来装饰您的网站。只需从我们几个可用的预设中选择并应用您想要的颜色组合。在黑暗模式下为您的网站提供更醒目和视觉上令人印象深刻的外观。
后端暗模式
暗模式不仅适用于前端用户,而且作为后端用户,您可以访问暗模式提供的所有功能。当您使用管理面板时,后端暗模式可确保为您提供舒适的工作环境
前端暗模式
在前端部分,您的用户可以满足享受愉快阅读环境的所有需求。用户只需打开深色开关按钮,即可使用具有平衡深色方案的深色模式访问网站。
浮动开关
您可以选择网站的任何部分来显示暗模式浮动开关按钮。您可以通过浮动开关按钮提供您网站的页脚。
页面构建器兼容
最领先的页面构建器,如 beaver builder、elementor、Divi、Visual composer、Themify 支持WordPress 暗模式。您可以使用任何这些知名的页面构建器以暗模式访问您的 WordPress 网站。
定义自定义颜色
Darklup 暗模式提供自定义颜色功能。因此,您可以根据自己的愿望自定义背景颜色、文本颜色、悬停颜色、边框颜色等,以制作一个有吸引力且令人赏心悦目的网站。良好的颜色组合对于在深色模式下创建适当平衡的颜色外观始终很重要。
基于暗模式的图像支持
您不必担心暗模式下的图像视图。任何图像都可以在暗模式下进行调整。您只需在管理面板中插入单独的图像链接即可用于暗模式和亮模式。这个卓越的功能将让您和您的用户自动访问图像的黑暗和明亮版本
WooCommerce 集成
为了丰富黑暗模式版本中文本、图像和视频的可读性,WP 夜间模式插件对于您的 wooCommerce 网站非常重要。该插件非常有能力为 WooCommerce 网站提供令人愉悦且平衡的深色方案。
自定义 CSS
如果您渴望通过编辑自己的方式在暗模式下自定义您的网站,此自定义 CSS 功能将为您提供帮助。使用自定义 css,您可以通过编辑按钮、特定部分、背景颜色等来自定义您的网站。您只需在自定义 css 部分中插入代码即可在网站中进行所需的更改。
/* Dark Mode Style */
.dummy {
position: relative;
display: inline-block;
box-sizing: border-box;
}
.dummy:before {
top: 0px;
left: 0px;
right: 0px;
width: 100%;
bottom: 0px;
content: '';
height: 100%;
position: absolute;
background: lightgray;
}
免责声明: 本网站所发布的一切资源均来自于会员发布以及互联网收集,不代表本站立场,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则一切后果请用户自负;依据WordPress GPL开源许可协议分享,如有侵犯到您的权益,请联系我们。