{"id":2540,"date":"2025-06-11T03:44:06","date_gmt":"2025-06-10T19:44:06","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2540.html"},"modified":"2025-06-11T03:44:06","modified_gmt":"2025-06-10T19:44:06","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8%e6%82%a8%e7%9a%84wordpress%e7%bd%91%e7%ab%99%e6%b7%bb%e5%8a%a0%e6%9a%97%e9%bb%91%e6%a8%a1%e5%bc%8f%ef%bc%88%e7%ae%80%e4%be%bf%e6%96%b9%e6%b3%95%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2540.html","title":{"rendered":"\u5982\u4f55\u5728\u60a8\u7684WordPress\u7f51\u7ad9\u6dfb\u52a0\u6697\u9ed1\u6a21\u5f0f\uff08\u7b80\u4fbf\u65b9\u6cd5\uff09"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

在WordPress网站上启用暗黑模式可以帮助提升用户体验，特别是在夜间或光线较弱的环境中浏览时。这里为您提供一种简便的方法来实现这一功能。<\/p>\n

方法：通过插件设置<\/h3>\n

步骤 1: 安装和激活“Dark Reader”插件<\/h4>\n
    \n
  1. 登录到您的WordPress管理后台。<\/li>\n
  2. 在左侧菜单栏选择“插件”，然后点击“安装新插件”。<\/li>\n
  3. 搜索并找到“Dark Reader”插件，点击“安装”按钮。<\/li>\n
  4. 完成安装后，点击右侧的“激活”按钮。<\/li>\n<\/ol>\n

    步骤 2: 配置暗黑模式<\/h4>\n
      \n
    1. 返回到WordPress管理后台，导航至“外观” -> “主题”。<\/li>\n
    2. 找到您当前的主题，右键单击，选择“编辑”。<\/li>\n
    3. 导航到“附加样式表”部分，取消选中所有现有的CSS文件，以确保仅使用“Dark Reader”提供的样式。<\/li>\n
    4. 点击“添加外部样式表”按钮，输入以下CSS代码：\n
      body {\nbackground-color: #000;\ncolor: #fff;\n}<\/code><\/pre><\/li>\n
    5. 添加以下JavaScript代码到页面底部：\n
      document.addEventListener(\"DOMContentLoaded\", function() {\nvar body = document.body;\nif (window.matchMedia('(prefers-color-scheme: dark)').matches) {\n    body.classList.add('dark-mode');\n} else {\n    body.classList.remove('dark-mode');\n}\n});<\/code><\/pre><\/li>\n
    6. 保存更改并刷新页面查看效果。<\/li>\n<\/ol>\n
      示例代码解析<\/h4>\n