{"id":2354,"date":"2019-07-13T17:34:37","date_gmt":"2019-07-13T09:34:37","guid":{"rendered":"https:\/\/blog.naibabiji.com\/?p=2354"},"modified":"2019-11-01T11:11:05","modified_gmt":"2019-11-01T03:11:05","slug":"wordpress-ye-jian-mo-shi","status":"publish","type":"post","link":"https:\/\/blog.naibabiji.com\/files\/wordpress-ye-jian-mo-shi.html","title":{"rendered":"\u7ed9WordPress\u7f51\u7ad9\u6dfb\u52a0\u4e00\u4e2a\u591c\u95f4\u6a21\u5f0f\u6309\u94ae"},"content":{"rendered":"<p>\u5982\u679c\u4f60\u4f7f\u7528WordPress\u642d\u5efa\u4e86\u4e00\u4e2a\u6587\u5b57\u6bd4\u8f83\u591a\u7684\u7f51\u7ad9\uff0c\u4f8b\u5982\u5c0f\u8bf4\u5206\u4eab\u7f51\u7ad9\u3002\u90a3\u4e48\u4e3a\u4e86\u7528\u6237\u4f53\u9a8c\uff0c\u4f60\u53ef\u4ee5\u8003\u8651\u7ed9\u7f51\u7ad9\u589e\u52a0\u4e00\u4e2a\u591c\u95f4\u6a21\u5f0f\uff0c\u907f\u514d\u591c\u732b\u5b50\u8bbf\u95ee\u4f60\u7f51\u7ad9\u7684\u65f6\u5019\u9875\u9762\u592a\u523a\u773c\u3002<\/p>\n<p>\u5982\u679c\u4f60\u4e0d\u4f1a\u6dfb\u52a0\u7f51\u7ad9\u7684\u591c\u95f4\u6a21\u5f0f\uff0c\u90a3\u4e48\u606d\u559c\u4f60\uff0cWordPress\u63d2\u4ef6\u8f7b\u677e\u5e2e\u4f60\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\u3002<\/p>\n<h2>Dark Mode for WordPress<\/h2>\n<p>Dark Mode for WordPress\u662f\u4e00\u4e2a\u7b80\u5355\u7684\u7ed9\u7f51\u7ad9\u6dfb\u52a0\u591c\u95f4\u6a21\u5f0f\uff08\u9ed1\u591c\u6a21\u5f0f\uff09\u7684<a title=\"\u67e5\u770b\u66f4\u591a\u201cWordPress\u63d2\u4ef6\u201d\u7684\u6587\u7ae0\" href=\"https:\/\/blog.naibabiji.com\/files\/wordpress-plugins\">WordPress\u63d2\u4ef6<\/a>\uff0c\u5b89\u88c5\u63d2\u4ef6\u540e\u542f\u7528\uff0c\u5373\u53ef\u5728\u7f51\u7ad9\u524d\u53f0\u51fa\u73b0\u4e00\u4e2a\u5207\u6362\u6309\u94ae\u3002<\/p>\n<p>\u6ca1\u6709\u591a\u4f59\u7684\u8bbe\u7f6e\u9879\u76ee\uff0c\u5f00\u7bb1\u5373\u7528\u3002\u63d2\u4ef6\u8c03\u7528\u7684\u53ea\u6709\u4e00\u4e2ajs\u6587\u4ef6\uff0c\u4e0d\u7528\u62c5\u5fc3\u62d6\u6162\u7f51\u7ad9\u901f\u5ea6\u3002<\/p>\n<p><a class=\"theme-demo\" href=\"https:\/\/wordpress.org\/plugins\/darkmode\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u4e0b\u8f7d\u5730\u5740<\/a><\/p>\n<h2>Blackout: Dark Mode Widget<\/h2>\n<p>Blackout: Dark Mode Widget\u6bd4\u4e0a\u9762\u90a3\u6b3eDark Mode for WordPress\u529f\u80fd\u66f4\u5b8c\u5584\u4e00\u70b9\uff0c\u591a\u4e86\u4e00\u4e2a\u81ea\u5b9a\u4e49\u529f\u80fd\uff0c\u53ef\u4ee5\u8bbe\u7f6e\u989c\u8272\u548c\u6309\u94ae\u5927\u5c0f\u4f4d\u7f6e\u3002<\/p>\n<p><a class=\"theme-demo\" href=\"https:\/\/wordpress.org\/plugins\/blackout-darkmode-widget\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u4e0b\u8f7d\u5730\u5740<\/a><\/p>\n<h2>Darkmode.js<\/h2>\n<p>\u4e0a\u9762\u4e24\u6b3e\u63d2\u4ef6\uff0c\u5b9e\u9645\u4e0a\u90fd\u662f\u4f7f\u7528\u7684Darkmode.js<\/p>\n<p>Darkmode.js\u662f\u4e00\u4e2a\u5f00\u6e90\u9879\u76ee\uff0c\u9879\u76ee\u5730\u5740\uff1a<a href=\"https:\/\/github.com\/sandoche\/Darkmode.js\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/github.com\/sandoche\/Darkmode.js<\/a><\/p>\n<p>\u6240\u4ee5\u5982\u679c\u4f60\u4f1a\u81ea\u5df1\u6dfb\u52a0\u4ee3\u7801\uff0c\u90a3\u4e48\u4f60\u53ef\u4ee5\u4e3a\u4efb\u4f55\u7f51\u7ad9\u5b9e\u73b0\u591c\u95f4\u6a21\u5f0f\u529f\u80fd\u3002<\/p>\n<p>\u6700\u7b80\u5355\u7684\uff0c\u4f60\u76f4\u63a5\u590d\u5236\u4e0b\u9762\u8fd9\u4e32\u4ee3\u7801\u6dfb\u52a0\u5230\u4f60\u7f51\u7ad9\u7684\u4ee3\u7801\u91cc\u9762\uff0c\u5c31\u53ef\u4ee5\u5b9e\u73b0\u591c\u95f4\u6a21\u5f0f\u529f\u80fd\u3002<\/p>\n<pre>&lt;<span class=\"pl-ent\">script<\/span> <span class=\"pl-e\">src<\/span>=<span class=\"pl-s\"><span class=\"pl-pds\">\"<\/span>https:\/\/cdn.jsdelivr.net\/npm\/darkmode-js@1.4.0\/lib\/darkmode-js.min.js<span class=\"pl-pds\">\"<\/span><\/span>&gt;&lt;\/<span class=\"pl-ent\">script<\/span>&gt;\r\n&lt;<span class=\"pl-ent\">script<\/span>&gt;\r\n<span class=\"pl-s1\">  <span class=\"pl-k\">new<\/span> <span class=\"pl-en\">Darkmode<\/span>().<span class=\"pl-en\">showWidget<\/span>();<\/span>\r\n&lt;\/<span class=\"pl-ent\">script<\/span>&gt;<\/pre>\n<p>\u4f60\u8fd8\u53ef\u4ee5\u901a\u8fc7\u4e0b\u9762\u8fd9\u4e9b\u4ee3\u7801\u5bf9js\u6587\u4ef6\u81ea\u5b9a\u4e49\uff0c\u4f8b\u5982\u989c\u8272<\/p>\n<pre><span class=\"pl-k\">var<\/span> options <span class=\"pl-k\">=<\/span> {\r\n  bottom<span class=\"pl-k\">:<\/span> <span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>64px<span class=\"pl-pds\">'<\/span><\/span>, <span class=\"pl-c\">\/\/ default: '32px'<\/span>\r\n  right<span class=\"pl-k\">:<\/span> <span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>unset<span class=\"pl-pds\">'<\/span><\/span>, <span class=\"pl-c\">\/\/ default: '32px'<\/span>\r\n  left<span class=\"pl-k\">:<\/span> <span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>32px<span class=\"pl-pds\">'<\/span><\/span>, <span class=\"pl-c\">\/\/ default: 'unset'<\/span>\r\n  time<span class=\"pl-k\">:<\/span> <span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>0.5s<span class=\"pl-pds\">'<\/span><\/span>, <span class=\"pl-c\">\/\/ default: '0.3s'<\/span>\r\n  mixColor<span class=\"pl-k\">:<\/span> <span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>#fff<span class=\"pl-pds\">'<\/span><\/span>, <span class=\"pl-c\">\/\/ default: '#fff'<\/span>\r\n  backgroundColor<span class=\"pl-k\">:<\/span> <span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>#fff<span class=\"pl-pds\">'<\/span><\/span>,  <span class=\"pl-c\">\/\/ default: '#fff'<\/span>\r\n  buttonColorDark<span class=\"pl-k\">:<\/span> <span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>#100f2c<span class=\"pl-pds\">'<\/span><\/span>,  <span class=\"pl-c\">\/\/ default: '#100f2c'<\/span>\r\n  buttonColorLight<span class=\"pl-k\">:<\/span> <span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>#fff<span class=\"pl-pds\">'<\/span><\/span>, <span class=\"pl-c\">\/\/ default: '#fff'<\/span>\r\n  saveInCookies<span class=\"pl-k\">:<\/span> <span class=\"pl-c1\">false<\/span>, <span class=\"pl-c\">\/\/ default: true,<\/span>\r\n  label<span class=\"pl-k\">:<\/span> <span class=\"pl-s\"><span class=\"pl-pds\">'<\/span>????<span class=\"pl-pds\">'<\/span><\/span>, <span class=\"pl-c\">\/\/ default: ''<\/span>\r\n  autoMatchOsTheme<span class=\"pl-k\">:<\/span> <span class=\"pl-c1\">true<\/span> <span class=\"pl-c\">\/\/ default: true<\/span>\r\n}\r\n\r\n<span class=\"pl-k\">const<\/span> <span class=\"pl-c1\">darkmode<\/span> <span class=\"pl-k\">=<\/span> <span class=\"pl-k\">new<\/span> <span class=\"pl-en\">Darkmode<\/span>(options);\r\n<span class=\"pl-smi\">darkmode<\/span>.<span class=\"pl-en\">showWidget<\/span>();<\/pre>\n<p>\u5982\u679c\u4f60\u7f51\u7ad9\u4e0a\u6709\u4e0d\u60f3\u4f7f\u7528\u591c\u95f4\u6a21\u5f0f\u7684\u9879\u76ee\uff0c\u53ef\u4ee5\u901a\u8fc7\u6dfb\u52a0darkmode-ignore\u7c7b\u6765\u7981\u7528\uff0c\u4e5f\u53ef\u4ee5\u6dfb\u52a0isolation: isolate;\u6765\u7981\u7528\u3002<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-center kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;center&quot;,&quot;id&quot;:&quot;2354&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;4&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;4&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;4&quot;,&quot;greet&quot;:&quot;\u7ed9\u672c\u6587\u6253\u5206 post&quot;,&quot;legend&quot;:&quot;4\\\/5 - (4 votes)&quot;,&quot;size&quot;:&quot;24&quot;,&quot;title&quot;:&quot;\u7ed9WordPress\u7f51\u7ad9\u6dfb\u52a0\u4e00\u4e2a\u591c\u95f4\u6a21\u5f0f\u6309\u94ae&quot;,&quot;width&quot;:&quot;110&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 110px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 4px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 24px; height: 24px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 19.2px;\">\n            4\/5 - (4 votes)    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5982\u679c\u4f60\u4f7f\u7528WordPress\u642d\u5efa\u4e86\u4e00\u4e2a\u6587\u5b57\u6bd4\u8f83\u591a\u7684\u7f51\u7ad9\uff0c\u4f8b\u5982\u5c0f\u8bf4\u5206\u4eab\u7f51\u7ad9\u3002\u90a3\u4e48\u4e3a\u4e86\u7528\u6237\u4f53\u9a8c\uff0c\u4f60\u53ef\u4ee5\u8003\u8651\u7ed9\u7f51\u7ad9\u589e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2355,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"slim_seo":{"title":"\u7ed9WordPress\u7f51\u7ad9\u6dfb\u52a0\u4e00\u4e2a\u591c\u95f4\u6a21\u5f0f\u6309\u94ae - \u5976\u7238\u5efa\u7ad9\u7b14\u8bb0","description":"\u5982\u679c\u4f60\u4f7f\u7528WordPress\u642d\u5efa\u4e86\u4e00\u4e2a\u6587\u5b57\u6bd4\u8f83\u591a\u7684\u7f51\u7ad9\uff0c\u4f8b\u5982\u5c0f\u8bf4\u5206\u4eab\u7f51\u7ad9\u3002\u90a3\u4e48\u4e3a\u4e86\u7528\u6237\u4f53\u9a8c\uff0c\u4f60\u53ef\u4ee5\u8003\u8651\u7ed9\u7f51\u7ad9\u589e\u52a0\u4e00\u4e2a\u591c\u95f4\u6a21\u5f0f\uff0c\u907f\u514d\u591c\u732b\u5b50\u8bbf\u95ee\u4f60\u7f51\u7ad9\u7684\u65f6\u5019\u9875\u9762\u592a\u523a\u773c\u3002 \u5982\u679c\u4f60\u4e0d\u4f1a\u6dfb\u52a0\u7f51\u7ad9\u7684\u591c\u95f4\u6a21\u5f0f\uff0c\u90a3\u4e48\u606d\u559c\u4f60\uff0cWordPress\u63d2\u4ef6\u8f7b\u677e\u5e2e\u4f60\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\u3002 Dark Mode for WordPress Dark Mode"},"footnotes":""},"categories":[381,140],"tags":[],"class_list":["post-2354","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-plugins","category-files"],"_links":{"self":[{"href":"https:\/\/blog.naibabiji.com\/wp-json\/wp\/v2\/posts\/2354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.naibabiji.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.naibabiji.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.naibabiji.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.naibabiji.com\/wp-json\/wp\/v2\/comments?post=2354"}],"version-history":[{"count":0,"href":"https:\/\/blog.naibabiji.com\/wp-json\/wp\/v2\/posts\/2354\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.naibabiji.com\/wp-json\/wp\/v2\/media\/2355"}],"wp:attachment":[{"href":"https:\/\/blog.naibabiji.com\/wp-json\/wp\/v2\/media?parent=2354"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.naibabiji.com\/wp-json\/wp\/v2\/categories?post=2354"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.naibabiji.com\/wp-json\/wp\/v2\/tags?post=2354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}