{"id":277241,"date":"2023-06-24T22:00:00","date_gmt":"2023-06-24T14:00:00","guid":{"rendered":"https:\/\/www.npc.ink\/?p=277241"},"modified":"2023-07-01T15:37:59","modified_gmt":"2023-07-01T07:37:59","slug":"%e7%ac%ac%e9%9b%b6%e8%8a%82%ef%bc%9awordpress-%e9%80%9a%e8%bf%87-rest-api-%e5%92%8c-vue3-%e5%bc%80%e5%8f%91%e8%ae%be%e7%bd%ae%e5%8a%9f%e8%83%bd-%e6%95%88%e6%9e%9c%e9%a2%84%e8%a7%88%e4%b8%8e%e4%bd%bf","status":"publish","type":"post","link":"https:\/\/www.npc.ink\/277241.html","title":{"rendered":"\u7b2c\u96f6\u8282\uff1aVue3 \u5f00\u53d1WordPress\u8bbe\u7f6e\u9009\u9879 - \u6548\u679c\u9884\u89c8\u4e0e\u4f7f\u7528\u573a\u666f"},"content":{"rendered":"\n<p>\u5f00\u53d1  WordPress \u7684\u8bbe\u7f6e\u529f\u80fd\u65f6\uff0c\u53ea\u9700\u8981\u51e0\u4e2a\u7b80\u5355\u7684\u8bbe\u7f6e\u9009\u9879\uff0c\u7528\u539f\u751f Setting API\u592a\u9ebb\u70e6\uff0c\u7528\u8bbe\u7f6e\u6846\u67b6\u53c8\u592a\u91cd\uff0c\u4e5f\u8bb8\u8fd9\u4e2a\u5bf9\u524d\u7aef\u53cb\u597d\u7684\u4e0d\u8f7b\u4e0d\u91cd\u7684\u65b9\u6cd5\u4f1a\u9002\u5408\u4f60\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u95ee\u9898<\/h2>\n\n\n\n<p>Npcink \u60f3\u8981\u5728 WordPress \u5e73\u53f0\u5f00\u53d1\u4e00\u6b3e\u652f\u6301\u5fae\u4fe1\u548c\u652f\u4ed8\u5b9d\u7684\u9000\u6b3e\u63d2\u4ef6\uff0c\u4ed6\u53ea\u9700\u89816\u4e2a\u8f93\u5165\u9009\u9879\u548c\u4e00\u4e2a\u7b5b\u9009\u9009\u9879\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>3\u4e2a\u8f93\u5165\u6846\u7528\u6765\u586b\u652f\u4ed8\u5b9d\u914d\u7f6e<\/li>\n\n\n\n<li>3\u4e2a\u8f93\u5165\u6846\u7528\u6765\u586b\u5fae\u4fe1\u914d\u7f6e<\/li>\n\n\n\n<li>\u4e00\u4e2a\u4e0b\u5217\u7b5b\u9009\u7528\u6765\u9009\u62e9\u6709\u9000\u6b3e\u6743\u9650\u7684\u5ba2\u670d<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Setting API<\/h3>\n\n\n\n<p>\u9996\u5148\uff0c\u4ed6\u60f3\u5230\u4f7f\u7528 WordPress \u539f\u751f\u7684 setting APi \u6765\u5b9e\u73b0\uff0c\u4e8e\u662f\uff0c\u4ed6\u5199\u4e0b\u4e86 PHP \u4e0e HTML \u6df7\u5408\u7684\u4ee3\u7801\uff0c\u5176\u4e2d\u4e00\u6bb5\u7c7b\u4f3c\u8fd9\u6837<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;tr&gt;\n &lt;th scope=\"row\"&gt;&lt;label for=\"&lt;?php echo $option_name_1; ?&gt;\"&gt;\u5fae\u4fe1\u652f\u4ed8\u5546\u6237\u53f7&lt;\/label&gt;&lt;\/th&gt;\n &lt;td&gt;&lt;input type=\"text\" id=\"&lt;?php echo $option_name_1; ?&gt;\" name=\"&lt;?php echo $option_name_1; ?&gt;\" value=\"&lt;?php echo esc_attr( $value_1 ); ?&gt;\"&gt;&lt;\/td&gt;\n&lt;\/tr&gt;<\/code><\/pre>\n\n\n\n<p>\u554a\uff0c\u5934\u76ae\u53d1\u9ebb\uff0c\u4ed6\u672c\u5c31\u4e0d\u591f\u7528\u7684\u5934\u53d1\u53c8\u7a00\u758f\u4e86\u4e0d\u5c11\u3002\u800c\u4e14\uff0c\u81ea\u5df1\u8fd8\u8981\u8d1f\u8d23\u5199\u529f\u80fd\u3001\u5199\u9a8c\u8bc1\u3001\u5199\u5916\u89c2\uff0c\u78b0\u5230\u4e86\u4e0d\u540c\u7c7b\u578b\u7684\u8f93\u5165\u8fd8\u5f97\u91cd\u6765\u4e00\u6b21\u3002<\/p>\n\n\n\n<p>\u4e8e\u662f\uff0c\u5f53\u4ed6\u806a\u660e\u7684\u7528\u5faa\u73af\u5199\u5b8c\u4e86\u4e24\u4e2atab\u9009\u9879\u4e0b\u7684\u4e09\u4e2a\u8f93\u5165\u6846\u540e\uff0c\u968f\u7740\u9700\u6c42\uff0c\u4ed6\u9700\u8981\u518d\u6dfb\u52a0\u4e00\u4e2a\u4e0b\u62c9\u7b5b\u9009\u6846\u65f6\uff0c\u4ed6\u9677\u5165\u4e86\u6df1\u6df1\u7684\u601d\u8003\u4e2d\u3002<\/p>\n\n\n\n<p>\u672c\u6765\u662f\u4e3a\u4e86\u52a0\u5feb\u5f00\u53d1\u901f\u5ea6\uff0c\u60f3\u7740\u9009\u9879\u6bd4\u8f83\u5c11\uff0c\u5c31\u7528\u539f\u751f\u8bbe\u7f6e\u6765\u505a\u7684\uff0c\u6ca1\u60f3\u5230\u5403\u529b\u4e0d\u8ba8\u597d\uff0c\u52a0\u4e2a\u5c0f\u9700\u6c42\u5c31\u96be\u4f4f\u4e86\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u8bbe\u7f6e\u6846\u67b6<\/h3>\n\n\n\n<p>\u8fd8\u597d\uff0c\u5f00\u6e90\u4e16\u754c\u4e2d\uff0c\u5df2\u6709\u5927\u4f6c\u5f00\u53d1\u4e86\u6846\u67b6\uff0c\u76f4\u63a5\u62ff\u6765\u7528\u5c31\u884c\u3002\u4f8b\u5982\u6709\u4ee5\u4e0b\u51e0\u4e2a\u5e38\u7528\u9009\u62e9<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.npc.ink\/go_to\/?url=https%3A%2F%2Fv3.kirki.org\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">Kirk3<\/a>\uff08\u5c0f\u90e8\u4ef6\u8bbe\u7f6e - \u4e3b\u9898\u5e38\u7528\uff09<\/li>\n\n\n\n<li><a href=\"https:\/\/www.npc.ink\/13847.html\" target=\"_blank\">options framework<\/a>\uff08\u5c0f\u63d2\u4ef6\uff0c\u5c0f\u4e3b\u9898\u5728\u7528\uff09<\/li>\n\n\n\n<li><a href=\"https:\/\/www.npc.ink\/go_to\/?url=https%3A%2F%2Fwww.sitepoint.com%2Foptiontree-theme-options-ui-builder%2F\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">OptionTree - WordPress \u7684\u4e3b\u9898\u9009\u9879 UI Builder \u2014 SitePoint<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.npc.ink\/go_to\/?url=http%3A%2F%2Fcodestarframework.com%2F\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">CODESTAR \u6846\u67b6<\/a>\uff08\u4e3b\u6d41\u4e3b\u9898\u5728\u7528\uff09<\/li>\n\n\n\n<li><a href=\"https:\/\/www.npc.ink\/go_to\/?url=https%3A%2F%2Fcmb2.io%2F\" target=\"_blank\" rel=\"external nofollow\" target=\"_blank\">CMB2<\/a><\/li>\n\n\n\n<li>ACF<\/li>\n<\/ol>\n\n\n\n<p>\u53ea\u8981\u7406\u89e3\u4ed6\u4eec\u7684\u6587\u6863\uff0c\u9075\u5faa\u4ed6\u4eec\u7684\u65b9\u6cd5\uff0c\u5c31\u80fd\u4f7f\u7528\u8fd9\u4e9b\u6846\u67b6\u63d0\u4f9b\u7684\u5f3a\u5927\u80fd\u529b\u4e86\uff0c\u5f00\u53d1\u63d2\u4ef6\u8fd8\u4e0d\u662f\u624b\u5230\u64d2\u6765\u3002<\/p>\n\n\n\n<p>\u4f46\u662f\u6211\u53ea\u60f3\u6dfb\u52a06\u4e2a\u8f93\u5165\u6846\u548c\u4e00\u4e2a\u4e0b\u5217\u7b5b\u9009\u6846\u554a\uff0c\u5176\u4ed6\u529f\u80fd\u6211\u4e5f\u7528\u4e0d\u4e0a\u3002<\/p>\n\n\n\n<p>\u6211\u62ff\u7740\u501a\u5929\u5251\u4e0d\u53bb\u79f0\u9738\u6b66\u6797\uff0c\u53bb\u4e32\u8089\u4e32\u641e\u70e7\u70e4\u561b\uff0c<\/p>\n\n\n\n<p>\u2026\u2026<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u7b2c\u4e09\u79cd\u9009\u62e9<\/h3>\n\n\n\n<p>WordPress \u73b0\u5728\u5df2\u7ecf\u652f\u6301 REST API\u4e86\uff0c\u90a3\u6211\u81ea\u5df1\u5f04\u5957\u524d\u7aef\uff0c\u628a\u6570\u636e\u901a\u8fc7 REST API\u63d0\u4f9b\u7ed9 WordPress \u5c31\u597d\u5566\u3002<\/p>\n\n\n\n<p>\u4e4b\u524d\uff0cNpcink \u5c31\u5df2\u7ecf\u4f7f\u7528 vue3 \u5f00\u53d1\u4e86\u4e00\u4e9b\u7b80\u5355\u7684SPA\u5355\u9875\uff0c\u6280\u672f\u8fd8\u662f\u591f\u7528\u7684\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6548\u679c\u9884\u89c8<\/h2>\n\n\n\n<p>\u5148\u770b\u4e0b\u6700\u7ec8\u6548\u679c<\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img alt=\"\u7b2c\u96f6\u8282\uff1aVue3 \u5f00\u53d1WordPress\u8bbe\u7f6e\u9009\u9879 - \u6548\u679c\u9884\u89c8\u4e0e\u4f7f\u7528\u573a\u666f-Npcink\" loading=\"lazy\" decoding=\"async\" width=\"1432\" height=\"1676\" data-id=\"277246\" src=\"https:\/\/n.getimg.net\/www\/2023\/06\/284585.png\" alt=\"\" class=\"wp-image-277246\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img alt=\"\u7b2c\u96f6\u8282\uff1aVue3 \u5f00\u53d1WordPress\u8bbe\u7f6e\u9009\u9879 - \u6548\u679c\u9884\u89c8\u4e0e\u4f7f\u7528\u573a\u666f-Npcink\" loading=\"lazy\" decoding=\"async\" width=\"1452\" height=\"826\" data-id=\"277245\" src=\"https:\/\/n.getimg.net\/www\/2023\/06\/284555.png\" alt=\"\" class=\"wp-image-277245\"\/><\/figure>\n<\/figure>\n\n\n\n<p>\u53ef\u4ee5\u7406\u89e3\u4e3a\u4e00\u4e2a\u7b80\u5355\u7684\u524d\u540e\u7aef\u5206\u79bb\u7684\u5c0f\u9879\u76ee\uff0c\u524d\u7aef\u4f7f\u7528 vue3 \u548c Element Plus \u7ed9\u51fa\uff0c\u901a\u8fc7 Axios \u4e0e\u540e\u7aef\u7684 WordPress \u7684 REST API \u8fdb\u884c\u901a\u4fe1\uff0c\u518d\u8ba9\u540e\u7aef\u901a\u8fc7<code>get_option<\/code>\u51fd\u6570\u62ff\u5230\u8bbe\u7f6e\u9009\u9879\uff0c\u8fdb\u884c\u529f\u80fd\u8bbe\u7f6e\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6280\u672f\u6d41\u7a0b<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img alt=\"\u7b2c\u96f6\u8282\uff1aVue3 \u5f00\u53d1WordPress\u8bbe\u7f6e\u9009\u9879 - \u6548\u679c\u9884\u89c8\u4e0e\u4f7f\u7528\u573a\u666f-Npcink\" loading=\"lazy\" decoding=\"async\" width=\"1102\" height=\"434\" src=\"https:\/\/n.getimg.net\/www\/2023\/06\/290075.png\" alt=\"\" class=\"wp-image-277247\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u4f7f\u7528\u573a\u666f<\/h2>\n\n\n\n<p>\u9002\u5408\u90a3\u4e9b\u6709\u4e00\u4e9b\u8bbe\u7f6e\uff0c\u4f46\u53c8\u4e0d\u591a\u7684\u4e3b\u9898\u6216\u63d2\u4ef6\uff0c<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u7528\u539f\u751f Setting API \u592a\u9ebb\u70e6\uff0c<\/li>\n\n\n\n<li>\u7528\u8bbe\u7f6e\u6846\u67b6\u53c8\u591a\u4f59<\/li>\n<\/ul>\n\n\n\n<p>\u5f53\u7136\uff0c\u5982\u679c\u4f60\u662f\u524d\u7aef\u5199\u540e\u7aef\u7684\uff0c\u5c31\u66f4\u9002\u5408\u4e86\uff0c\u751a\u81f3\u4f60\u53ef\u4ee5\u5c06\u6240\u6709\u9009\u9879\u90fd\u901a\u8fc7\u6b64\u65b9\u6cd5\u6765\u5b9e\u73b0\uff0c\u8bf4\u4e0d\u5b9a\u8fd8\u66f4\u987a\u624b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u89e3\u51b3\u75db\u70b9<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u524d\u540e\u7aef\u5206\u79bb\uff0c\u5c55\u793a\u4e0e\u529f\u80fd\u5206\u5f00\uff0c\u65b9\u4fbf\u7ef4\u62a4<\/li>\n\n\n\n<li>\u66f4\u9002\u5408\u524d\u7aef\u7684\u8bbe\u7f6e\u65b9\u6cd5<\/li>\n\n\n\n<li>\u540e\u7aef\u63d0\u4f9b\u4e24\u4e2a\u63a5\u53e3\uff0c\u524d\u7aef\u4e00\u987f\u8c03\u7528\u5c31\u884c<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>\u5f00\u53d1 WordPress \u7684\u8bbe\u7f6e\u529f\u80fd\u65f6\uff0c\u53ea\u9700\u8981\u51e0\u4e2a\u7b80\u5355\u7684\u8bbe\u7f6e\u9009\u9879\uff0c\u7528\u539f\u751fSetting API\u592a\u9ebb\u70e6\uff0c\u7528\u8bbe\u7f6e\u6846\u67b6\u53c8\u592a\u91cd\uff0c\u4e5f\u8bb8\u8fd9\u4e2a\u5bf9\u524d\u7aef\u53cb\u597d\u7684\u4e0d\u8f7b\u4e0d\u91cd\u7684\u65b9\u6cd5\u4f1a\u9002\u5408\u4f60\u3002<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[13],"tags":[1079],"collection":[],"class_list":["post-277241","post","type-post","status-publish","format-standard","hentry","category-course","tag-vue-option-develop"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/posts\/277241"}],"collection":[{"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/comments?post=277241"}],"version-history":[{"count":5,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/posts\/277241\/revisions"}],"predecessor-version":[{"id":277348,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/posts\/277241\/revisions\/277348"}],"wp:attachment":[{"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/media?parent=277241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/categories?post=277241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/tags?post=277241"},{"taxonomy":"collection","embeddable":true,"href":"https:\/\/www.npc.ink\/wp-json\/wp\/v2\/collection?post=277241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}