{"id":2309,"date":"2024-11-29T23:37:58","date_gmt":"2024-11-29T23:37:58","guid":{"rendered":"https:\/\/yolohive.com\/?p=2309"},"modified":"2024-11-29T23:42:08","modified_gmt":"2024-11-29T23:42:08","slug":"how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated","status":"publish","type":"post","link":"https:\/\/yolohive.com\/zh_tw\/\u5982\u4f55\u5728-wordpress-\u66f4\u65b0\u4e2d\u4f7f\u7528-gutenberg-\u5340\u584a\u7de8\u8f2f\u5668\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\/","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4e2d\u4f7f\u7528\u53e4\u9a30\u5821\u5340\u584a\u7de8\u8f2f\u5668\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\uff08\u5df2\u66f4\u65b0\uff09"},"content":{"rendered":"<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"683\"  src=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg-1024x683.png\" alt=\"\" class=\"wp-image-1788\" srcset=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg-1024x683.png 1024w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg-300x200.png 300w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg-768x512.png 768w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg-18x12.png 18w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg-150x100.png 150w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg-450x300.png 450w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png 1170w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"has-regular-font-size\">\u26a0\ufe0f <strong>\u91cd\u8981\u901a\u77e5<\/strong>\uff1a\u5f9e WordPress 6.3 \u958b\u59cb\uff0c\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u88ab\u91cd\u65b0\u547d\u540d\u70ba\u540c\u6b65\u6a21\u5f0f\u3002\u4efb\u4f55\u5148\u524d\u88fd\u4f5c\u7684\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u5c07\u7e7c\u7e8c\u50cf\u73fe\u5728\u4e00\u6a23\u767c\u63ee\u4f5c\u7528\uff0c\u53ea\u662f\u5728\u65b0\u7684\u540c\u6b65\u6a21\u5f0f\u540d\u7a31\u4e0b\u3002<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">\u4ec0\u9ebc\u662f WordPress \u53ef\u91cd\u8907\u4f7f\u7528\u584a\uff1f<\/h2>\n\n\n\n<p>WordPress \u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u662f WordPress Gutenberg \u7de8\u8f2f\u5668\u4e2d\u5f15\u5165\u7684\u529f\u80fd\uff0c\u53ef\u8b93\u4f7f\u7528\u8005\u5efa\u7acb\u548c\u5132\u5b58\u5167\u5bb9\u5340\u584a\u4ee5\u4fbf\u5728\u591a\u500b\u6587\u7ae0\u548c\u9801\u9762\u4e2d\u91cd\u8907\u4f7f\u7528\u3002\u60a8\u53ef\u4ee5\u5c07\u5340\u584a\u5132\u5b58\u70ba\u201c\u53ef\u91cd\u8907\u4f7f\u7528\u201d\uff0c\u7136\u5f8c\u8f15\u9b06\u5730\u5c07\u5176\u63d2\u5165\u5230\u9700\u8981\u7684\u5730\u65b9\uff0c\u800c\u4e0d\u662f\u6bcf\u6b21\u8981\u4f7f\u7528\u6642\u91cd\u65b0\u5efa\u7acb\u76f8\u540c\u7684\u5167\u5bb9\u6216\u4f48\u5c40\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress \u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u7684\u5e38\u898b\u7528\u9014<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u865f\u53ec\u6027\u7528\u8a9e (CTA) \u5340\u584a<\/strong>\uff1a\u5982\u679c\u60a8\u6709\u8de8\u591a\u500b\u9801\u9762\u6216\u8cbc\u6587\u4f7f\u7528\u7684\u7279\u5b9a\u865f\u53ec\u6027\u7528\u8a9e\uff08\u4f8b\u5982\uff0c\u96fb\u5b50\u5831\u8a3b\u518a\u8868\u55ae\u3001\u4fc3\u92b7\u6a6b\u5e45\uff09\uff0c\u5247\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\u53ef\u4ee5\u8b93\u60a8\u8f15\u9b06\u5730\u5728\u4e0d\u540c\u4f4d\u7f6e\u63d2\u5165\u548c\u66f4\u65b0\u5b83\u3002<\/li>\n\n\n\n<li><strong>\u611f\u8a00<\/strong>\uff1a\u5982\u679c\u60a8\u7d93\u5e38\u5728\u4e0d\u540c\u9801\u9762\u4e0a\u986f\u793a\u5ba2\u6236\u8a55\u50f9\u6216\u8a55\u8ad6\uff0c\u5247\u70ba\u8a55\u50f9\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\u53ef\u4ee5\u8b93\u60a8\u4fdd\u6301\u4e00\u81f4\u6027\u4e26\u96c6\u4e2d\u66f4\u65b0\u5167\u5bb9\u3002<\/li>\n\n\n\n<li><strong>\u806f\u7d61\u8cc7\u8a0a<\/strong>\uff1a\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\u53ef\u4ee5\u65b9\u4fbf\u5730\u5728\u6574\u500b\u7db2\u7ad9\u4e0a\u986f\u793a\u4e00\u81f4\u7684\u806f\u7d61\u8a0a\u606f\uff0c\u4f8b\u5982\u60a8\u7684\u516c\u53f8\u5730\u5740\u3001\u96fb\u8a71\u865f\u78bc\u6216\u96fb\u5b50\u90f5\u4ef6\u3002\u5982\u679c\u6b64\u8cc7\u8a0a\u767c\u751f\u8b8a\u5316\uff0c\u60a8\u53ea\u9700\u5728\u4e00\u500b\u5730\u65b9\u66f4\u65b0\u5373\u53ef\u3002<\/li>\n\n\n\n<li><strong>\u8b66\u5831\u6216\u901a\u77e5<\/strong>\uff1a\u5982\u679c\u60a8\u9700\u8981\u5728\u591a\u500b\u9801\u9762\u4e0a\u986f\u793a\u91cd\u8981\u8b66\u5831\u3001\u901a\u77e5\u6216\u516c\u544a\uff0c\u70ba\u6b64\u5167\u5bb9\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u53ef\u78ba\u4fdd\u66f4\u65b0\u96a8\u8655\u53cd\u6620\u3002<\/li>\n\n\n\n<li><strong>\u81ea\u8a02\u5167\u5bb9\u4f48\u5c40<\/strong>\uff1a\u5982\u679c\u60a8\u6709\u60f3\u8981\u4e00\u81f4\u4f7f\u7528\u7684\u7279\u5b9a\u5167\u5bb9\u4f48\u5c40\uff08\u4f8b\u5982\uff0c\u5e36\u6709\u5716\u50cf\u548c\u6587\u5b57\u7684\u5169\u5217\u8a2d\u8a08\uff09\uff0c\u8acb\u5c07\u5176\u5132\u5b58\u70ba\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u3002\u9019\u5c0d\u65bc\u4fdd\u6301\u6574\u500b\u7db2\u7ad9\u7684\u51dd\u805a\u529b\u8a2d\u8a08\u7279\u5225\u6709\u7528\u3002<\/li>\n\n\n\n<li><strong>\u4fc3\u92b7\u6a6b\u5e45<\/strong>\uff1a\u5982\u679c\u60a8\u4f7f\u7528\u51fa\u73fe\u5728\u5404\u500b\u9801\u9762\u4e0a\u7684\u6a6b\u5e45\u9032\u884c\u4fc3\u92b7\u6216\u6d3b\u52d5\uff0c\u5247\u4f7f\u7528\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\u53ef\u4ee5\u7c21\u5316\u63d2\u5165\u548c\u66f4\u65b0\u9019\u4e9b\u6a6b\u5e45\u7684\u904e\u7a0b\u3002<\/li>\n\n\n\n<li><strong>\u514d\u8cac\u8072\u660e\u6216\u6cd5\u5f8b\u8a0a\u606f<\/strong>\uff1a\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\u53ef\u7528\u65bc\u5728\u6574\u500b\u7db2\u7ad9\u4e0a\u7d71\u4e00\u986f\u793a\u514d\u8cac\u8072\u660e\u3001\u6cd5\u5f8b\u8cc7\u8a0a\u6216\u96b1\u79c1\u6b0a\u653f\u7b56\u3002<\/li>\n\n\n\n<li><strong>\u5167\u5bb9\u7247\u6bb5<\/strong>\uff1a\u5c0d\u65bc\u7d93\u5e38\u4f7f\u7528\u7684\u5167\u5bb9\u7247\u6bb5\uff0c\u4f8b\u5982\u7522\u54c1\u529f\u80fd\u3001\u4f7f\u547d\u5ba3\u8a00\u6216\u516c\u53f8\u6b77\u53f2\uff0c\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\u53ef\u78ba\u4fdd\u4e00\u81f4\u6027\u4e26\u4fc3\u9032\u66f4\u65b0\u3002<\/li>\n\n\n\n<li><strong>\u7522\u54c1\u6e05\u55ae\u6216\u76ee\u9304<\/strong>\uff1a\u5982\u679c\u60a8\u5728\u4e0d\u540c\u9801\u9762\u4e0a\u6709\u4e00\u81f4\u7684\u7522\u54c1\u6e05\u55ae\u6216\u76ee\u9304\uff0c\u8acb\u5c07\u7248\u9762\u914d\u7f6e\u5132\u5b58\u70ba\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\uff0c\u4ee5\u4fbf\u65bc\u8907\u88fd\u3002<\/li>\n\n\n\n<li><strong>\u6d3b\u52d5\u8a73\u60c5<\/strong>\uff1a\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\u6709\u5229\u65bc\u5171\u4eab\u4e8b\u4ef6\u8a73\u7d30\u4fe1\u606f\uff0c\u4f8b\u5982\u65e5\u671f\u3001\u6642\u9593\u548c\u5730\u9ede\u3002\u9019\u78ba\u4fdd\u4e86\u5c0d\u4e8b\u4ef6\u8cc7\u8a0a\u7684\u4efb\u4f55\u8b8a\u66f4\u90fd\u6703\u5728\u5404\u8655\u81ea\u52d5\u66f4\u65b0\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\u5c0d\u65bc\u4fdd\u6301\u6574\u500b\u7db2\u7ad9\u7684\u4e00\u81f4\u6027\u7279\u5225\u6709\u7528\uff0c\u7279\u5225\u662f\u7576\u60a8\u6709\u91cd\u8907\u7684\u5143\u7d20\u6216\u4f48\u5c40\u6642\u3002\u5b83\u5011\u53ef\u8b93\u60a8\u96c6\u4e2d\u7ba1\u7406\u548c\u66f4\u65b0\u5167\u5bb9\uff0c\u5f9e\u800c\u7bc0\u7701\u6642\u9593\u548c\u7cbe\u529b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5982\u4f55\u5728 WordPress \u4e2d\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a<\/h2>\n\n\n\n<p>\u6240\u6709\u53e4\u9a30\u5821\u5340\u584a\u90fd\u5145\u7576 WordPress \u7de8\u8f2f\u5668\u4e2d\u7684\u55ae\u7368\u5167\u5bb9\u5143\u7d20\uff0c\u63d0\u4f9b\u4e86\u5132\u5b58\u70ba\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u7684\u9748\u6d3b\u6027\u3002<\/p>\n\n\n\n<p>\u82e5\u8981\u958b\u59cb\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\uff0c\u8acb\u5728\u5340\u584a\u7de8\u8f2f\u5668\u4e2d\u958b\u555f\u73fe\u6709\u6216\u65b0\u8cbc\u6587\u3002\u9ede\u64ca\u87a2\u5e55\u5de6\u4e0a\u89d2\u7684\u201c+\u201d\u6309\u9215\u4ee5\u5b58\u53d6\u963b\u6b62\u9078\u55ae\u3002<\/p>\n\n\n\n<p>\u5728\u5340\u584a\u9078\u55ae\u4e2d\uff0c\u60a8\u53ef\u4ee5\u62d6\u66f3\u8981\u5728\u591a\u500b\u9801\u9762\u6216\u8cbc\u6587\u4e2d\u91cd\u8907\u4f7f\u7528\u7684\u6240\u9700\u5340\u584a\u3002\u51fa\u65bc\u672c\u6559\u5b78\u7684\u76ee\u7684\uff0c\u6211\u5011\u9078\u64c7\u300c\u6bb5\u843d\u300d\u5340\u584a\u4f86\u70ba\u865f\u53ec\u6027\u7528\u8a9e (CTA) \u5167\u5bb9\u7247\u6bb5\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"404\"  src=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-1024x404.png\" alt=\"\" class=\"wp-image-1783\" srcset=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-1024x404.png 1024w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-300x118.png 300w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-768x303.png 768w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-1536x606.png 1536w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-18x7.png 18w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-150x59.png 150w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-450x177.png 450w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-1200x473.png 1200w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block.png 1762w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u63d2\u5165\u5340\u584a\u5f8c\uff0c\u7e7c\u7e8c\u65b0\u589e\u60a8\u5e0c\u671b\u91cd\u8907\u4f7f\u7528\u7684\u5167\u5bb9\u3002\u900f\u904e\u5229\u7528\u9802\u90e8\u5340\u584a\u5de5\u5177\u5217\u4e2d\u63d0\u4f9b\u7684\u5404\u7a2e\u9078\u9805\u6216\u5b58\u53d6\u87a2\u5e55\u53f3\u4e0a\u89d2\u7684\u5340\u584a\u9762\u677f\uff0c\u589e\u5f37\u5340\u584a\u7684\u98a8\u683c\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"373\"  src=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/block-setting-1024x373.png\" alt=\"\" class=\"wp-image-1784\" srcset=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/block-setting-1024x373.png 1024w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/block-setting-300x109.png 300w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/block-setting-768x280.png 768w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/block-setting-1536x560.png 1536w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/block-setting-18x7.png 18w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/block-setting-150x55.png 150w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/block-setting-450x164.png 450w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/block-setting-1200x437.png 1200w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/block-setting.png 1888w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u5b8c\u6210\u7de8\u8f2f\u5f8c\uff0c\u6309\u4e00\u4e0b\u5340\u584a\u5de5\u5177\u5217\u4e2d\u7684\u4e09\u9ede\u9078\u55ae\u6309\u9215\u3002\u5c07\u51fa\u73fe\u4e00\u500b\u4e0b\u62c9\u5f0f\u9078\u55ae\uff0c\u5728\u5176\u4e2d\u9078\u64c7\u201c\u5efa\u7acb\u5716\u6848\u201d\u9078\u9805\u3002\u6b64\u6b65\u9a5f\u5c0d\u65bc\u5c07\u60a8\u7684\u81ea\u8a02\u5167\u5bb9\u8f49\u63db\u70ba\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\u4ee5\u5be6\u73fe\u672a\u4f86\u7684\u7121\u7e2b\u6574\u5408\u81f3\u95dc\u91cd\u8981\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"761\" height=\"670\"  src=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/create-reusable-block.png\" alt=\"\" class=\"wp-image-1786\" srcset=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/create-reusable-block.png 761w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/create-reusable-block-300x264.png 300w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/create-reusable-block-14x12.png 14w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/create-reusable-block-150x132.png 150w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/create-reusable-block-450x396.png 450w\" sizes=\"(max-width: 761px) 100vw, 761px\" \/><\/figure>\n\n\n\n<p>\u63a5\u4e0b\u4f86\uff0c\u7cfb\u7d71\u5c07\u8981\u6c42\u60a8\u8f38\u5165\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u7684\u540d\u7a31\u3002\u6211\u5011\u5efa\u8b70\u4f7f\u7528\u4e00\u500b\u53ef\u4ee5\u5e6b\u52a9\u60a8\u5feb\u901f\u8b58\u5225\u8a72\u5340\u584a\u53ca\u5176\u7528\u9014\u7684\u540d\u7a31\u3002\u4e4b\u5f8c\uff0c\u53ea\u9700\u9ede\u64ca\u201c\u5132\u5b58\u201d\u6309\u9215\u5373\u53ef\u5132\u5b58\u60a8\u7684\u8a2d\u5b9a\u3002<br>*\u9019 \u201d<strong>\u5df2\u540c\u6b65<\/strong>\u201d\u5207\u63db\uff1a\u9019\u5c07\u540c\u6b65\u60a8\u4f7f\u7528\u5b83\u7684\u4efb\u4f55\u5730\u65b9\u7684\u5340\u584a\u5305\u542b\u8a2d\u5b9a\u3002 <\/p>\n\n\n\n<p>\u60a8\u7684\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u73fe\u5728\u5c07\u53ca\u5176\u6240\u6709\u8a2d\u5b9a\u4fdd\u5b58\u5728 WordPress \u8cc7\u6599\u5eab\u4e2d\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-add-wordpress-reusable-blocks-in-posts-and-pages\">\u5982\u4f55\u5728\u6587\u7ae0\u548c\u9801\u9762\u4e2d\u65b0\u589e WordPress \u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a<\/h2>\n\n\n\n<p>\u73fe\u5728\u6211\u5011\u5df2\u7d93\u4ecb\u7d39\u4e86\u5728 WordPress \u4e2d\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\uff0c\u8b93\u6211\u5011\u63a2\u7d22\u5982\u4f55\u5c07\u5b83\u5011\u5408\u4f75\u5230\u60a8\u7684\u8cbc\u6587\u548c\u9801\u9762\u4e2d\u3002<\/p>\n\n\n\n<p>\u9996\u5148\u5728\u53e4\u9a30\u5821\u7de8\u8f2f\u5668\u4e2d\u958b\u555f\u65b0\u7684\u6216\u73fe\u6709\u7684\u8cbc\u6587\u3002\u9ede\u64ca\u87a2\u5e55\u5de6\u4e0a\u89d2\u7684\u201c+\u201d\u6309\u9215\uff0c\u7136\u5f8c\u5c0e\u822a\u5230\u5340\u584a\u9078\u55ae\u9802\u90e8\u7684\u201c\u6a21\u5f0f\u201d\u6a19\u7c64\u3002<\/p>\n\n\n\n<p>\u5728\u6b64\u6a19\u7c64\u4e2d\uff0c\u60a8\u5c07\u627e\u5230\u4e00\u500b\u9762\u677f\uff0c\u5176\u4e2d\u986f\u793a\u60a8\u5efa\u7acb\u7684\u6240\u6709\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u3002\u5982\u679c\u60a8\u6709\u8a31\u591a\u53ef\u91cd\u8907\u4f7f\u7528\u7684\u5340\u584a\uff0c\u60a8\u53ef\u4ee5\u900f\u904e\u5728\u641c\u5c0b\u6846\u4e2d\u9375\u5165\u5176\u540d\u7a31\u4f86\u6709\u6548\u5730\u627e\u5230\u7279\u5b9a\u5340\u584a\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"404\"  src=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-1024x404.png\" alt=\"\" class=\"wp-image-1783\" srcset=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-1024x404.png 1024w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-300x118.png 300w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-768x303.png 768w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-1536x606.png 1536w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-18x7.png 18w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-150x59.png 150w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-450x177.png 450w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block-1200x473.png 1200w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/add-the-reusable-block.png 1762w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u9ede\u64ca\u6240\u9700\u7684\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\uff0c\u5c07\u5176\u7121\u7e2b\u63d2\u5165\u60a8\u7684\u8cbc\u6587\u4e2d\u3002\u82e5\u8981\u9032\u4e00\u6b65\u4fee\u6539\uff0c\u8acb\u5229\u7528\u5340\u584a\u5de5\u5177\u5217\u6216\u53f3\u5074\u65b9\u584a\u5074\u908a\u6b04\u4e2d\u7684\u53ef\u7528\u8a2d\u5b9a\u3002<\/p>\n\n\n\n<p>\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u7684\u8a2d\u5b9a\u6240\u505a\u7684\u8abf\u6574\u5c07\u53cd\u6620\u5728\u4f7f\u7528\u5b83\u7684\u6240\u6709\u5be6\u4f8b\u4e2d\u3002\u5982\u679c\u60a8\u5e0c\u671b\u50c5\u91dd\u5c0d\u672c\u6587\u9032\u884c\u66f4\u6539\uff0c\u5247\u5fc5\u9808\u5148\u5c07\u5176\u8f49\u63db\u70ba\u5e38\u898f\u5340\u584a\u3002\u70ba\u6b64\uff0c\u8acb\u9ede\u64ca\u9802\u90e8\u5340\u584a\u5de5\u5177\u5217\u4e2d\u7684\u201c\u5206\u96e2\u5716\u6848\u201d\u5716\u793a\u3002\u9019\u78ba\u4fdd\u4e86\u66f4\u6539\u50c5\u91dd\u5c0d\u7576\u524d\u5e16\u5b50\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"698\"  src=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/convert-to-regular-block-1024x698.png\" alt=\"\" class=\"wp-image-1785\" srcset=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/convert-to-regular-block-1024x698.png 1024w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/convert-to-regular-block-300x204.png 300w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/convert-to-regular-block-768x523.png 768w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/convert-to-regular-block-18x12.png 18w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/convert-to-regular-block-150x102.png 150w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/convert-to-regular-block-450x307.png 450w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/convert-to-regular-block.png 1102w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u9019\u6703\u5c07\u60a8\u7684\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u8f49\u63db\u70ba\u5e38\u898f\u5340\u584a\uff0c\u4e26\u4e14\u60a8\u53ef\u4ee5\u5c0d\u5176\u9032\u884c\u8b8a\u66f4\u800c\u4e0d\u5f71\u97ff\u539f\u59cb\u5340\u584a\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-managing-all-reusable-blocks\">\u7ba1\u7406\u6240\u6709\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a<\/h2>\n\n\n\n<p>\u4f7f\u7528\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u4e00\u6bb5\u6642\u9593\u5f8c\uff0c\u60a8\u53ef\u80fd\u6703\u7d2f\u7a4d\u4e0d\u518d\u9700\u8981\u6216\u9700\u8981\u91cd\u65b0\u547d\u540d\u7684\u5340\u584a\u3002\u503c\u5f97\u6176\u5e78\u7684\u662f\uff0c\u53e4\u9a30\u5821\u7de8\u8f2f\u5668\u7c21\u5316\u4e86\u6240\u6709\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u7684\u7ba1\u7406\u3002<\/p>\n\n\n\n<p>\u5c0e\u822a\u5230\u53f3\u4e0a\u89d2\uff0c\u9ede\u64ca\u201c<strong>\u4e09\u9ede<\/strong>\u300c\uff0c\u9019\u5c07\u6253\u958b <strong>\u9078\u9805 <\/strong>\u5f48\u51fa\u7a97\u53e3\uff0c\u7136\u5f8c\u9078\u64c7\u201c<strong>\u7ba1\u7406\u6a21\u5f0f\u201d<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"514\" height=\"1024\"  src=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/manage-pattern-2-514x1024.png\" alt=\"\" class=\"wp-image-1790\" srcset=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/manage-pattern-2-514x1024.png 514w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/manage-pattern-2-151x300.png 151w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/manage-pattern-2-6x12.png 6w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/manage-pattern-2-150x299.png 150w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/manage-pattern-2-450x897.png 450w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/manage-pattern-2.png 553w\" sizes=\"(max-width: 514px) 100vw, 514px\" \/><\/figure>\n\n\n\n<p>\u9019\u5c07\u5f15\u5c0e\u60a8\u9032\u5165\u300c\u6a21\u5f0f\u300d\u9801\u9762\uff0c\u60a8\u53ef\u4ee5\u5728\u5176\u4e2d\u8f15\u9b06\u7ba1\u7406 WordPress \u7db2\u7ad9\u4e0a\u7684\u6240\u6709\u53ef\u91cd\u8907\u4f7f\u7528\/\u6a21\u5f0f\u5340\u584a\u529f\u80fd\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"463\"  src=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/reusable-block-managament-page-1024x463.png\" alt=\"\" class=\"wp-image-1792\" srcset=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/reusable-block-managament-page-1024x463.png 1024w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/reusable-block-managament-page-300x136.png 300w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/reusable-block-managament-page-768x347.png 768w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/reusable-block-managament-page-1536x694.png 1536w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/reusable-block-managament-page-2048x926.png 2048w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/reusable-block-managament-page-18x8.png 18w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/reusable-block-managament-page-150x68.png 150w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/reusable-block-managament-page-450x203.png 450w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/reusable-block-managament-page-1200x542.png 1200w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>\u5728\u9019\u88e1\uff0c\u60a8\u53ef\u4ee5\u7de8\u8f2f\u3001\u91cd\u65b0\u547d\u540d\u3001\u522a\u9664\u3001\u532f\u5165\u751a\u81f3\u5c07\u5340\u584a\u532f\u51fa\u5230\u53e6\u4e00\u500b\u7db2\u7ad9\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-import-export-reusable-blocks\">\u5982\u4f55\u532f\u5165\/\u532f\u51fa\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a<\/h2>\n\n\n\n<p>WordPress \u4e2d\u7684\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u7684\u512a\u9ede\u662f\u4e0d\u50c5\u53ef\u4ee5\u5728\u5efa\u7acb\u5b83\u5011\u7684\u7db2\u7ad9\u5167\u8f49\u79fb\uff0c\u9084\u53ef\u4ee5\u5728\u4e0d\u540c\u7684 WordPress \u7db2\u7ad9\u4e4b\u9593\u8f49\u79fb\u3002<\/p>\n\n\n\n<p>\u82e5\u8981\u532f\u51fa\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\uff0c\u8acb\u5c0e\u89bd\u81f3\u300c\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u300d\u9801\u9762\uff0c\u7136\u5f8c\u6309\u4e00\u4e0b\u6240\u9700\u5340\u584a\u4e0b\u65b9\u7684\u300c\u532f\u51fa\u70ba JSON\u300d\u9023\u7d50\u3002 WordPress \u5c07\u7522\u751f\u4e00\u500b\u5305\u542b\u5340\u584a\u8cc7\u8a0a\u7684 JSON \u6587\u4ef6\uff0c\u7136\u5f8c\u53ef\u4ee5\u5c07\u5176\u4fdd\u5b58\u5728\u60a8\u7684\u96fb\u8166\u4e0a\u3002<\/p>\n\n\n\n<p>\u6b64\u529f\u80fd\u4f7f\u60a8\u80fd\u5920\u5728\u5404\u500b WordPress \u7db2\u7ad9\u4e4b\u9593\u7121\u7e2b\u5171\u4eab\u548c\u4f7f\u7528\u81ea\u8a02\u5340\u584a\uff0c\u5f9e\u800c\u63d0\u9ad8\u5167\u5bb9\u5275\u5efa\u7684\u4e00\u81f4\u6027\u548c\u6548\u7387\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"725\" height=\"457\"  src=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/export-block-json.png\" alt=\"\" class=\"wp-image-1787\" srcset=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/export-block-json.png 725w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/export-block-json-300x189.png 300w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/export-block-json-18x12.png 18w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/export-block-json-150x95.png 150w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/export-block-json-450x284.png 450w\" sizes=\"(max-width: 725px) 100vw, 725px\" \/><\/figure>\n\n\n\n<p>\u73fe\u5728\u60a8\u53ef\u4ee5\u5207\u63db\u5230\u53e6\u4e00\u500b WordPress \u7db2\u7ad9\u7684\u7ba1\u7406\u5340\u57df\u3002\u5f9e\u9019\u88e1\uff0c\u8a2a\u554f\u5340\u584a\u7ba1\u7406\u756b\u9762\u4ee5\u67e5\u770b\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u9078\u9805\u3002<\/p>\n\n\n\n<p>\u63a5\u4e0b\u4f86\uff0c\u9ede\u64ca\u9802\u90e8\u7684\u201c\u5f9e JSON \u532f\u5165\u201d\u6309\u9215\u3002<\/p>\n\n\n\n<p>\u9019\u5c07\u986f\u793a\u4e00\u500b\u6a94\u6848\u4e0a\u50b3\u6846\uff0c\u60a8\u5fc5\u9808\u5728\u5176\u4e2d\u6309\u4e00\u4e0b\u300c\u9078\u64c7\u6a94\u6848\u300d\u6309\u9215\u4ee5\u9078\u64c7\u60a8\u5148\u524d\u4e0b\u8f09\u7684\u5340\u584a\u3002<\/p>\n\n\n\n<p>\u4e4b\u5f8c\uff0c\u6309\u4e00\u4e0b\u201c\u5c0e\u5165\u201d\u6309\u9215\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"845\" height=\"343\"  src=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/import-block-json.png\" alt=\"\" class=\"wp-image-1789\" srcset=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/import-block-json.png 845w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/import-block-json-300x122.png 300w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/import-block-json-768x312.png 768w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/import-block-json-18x7.png 18w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/import-block-json-150x61.png 150w, https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/import-block-json-450x183.png 450w\" sizes=\"(max-width: 845px) 100vw, 845px\" \/><\/figure>\n\n\n\n<p>WordPress \u73fe\u5728\u5c07\u532f\u5165\u60a8\u7684\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u4e26\u5c07\u5176\u4fdd\u5b58\u5728\u8cc7\u6599\u5eab\u4e2d\u3002\u73fe\u5728\u60a8\u53ef\u4ee5\u7e7c\u7e8c\u4e26\u958b\u59cb\u5728\u5176\u4ed6 WordPress \u7db2\u7ad9\u4e0a\u4f7f\u7528\u65b0\u532f\u5165\u7684\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u3002<\/p>\n\n\n\n<p>\u6211\u5011\u5e0c\u671b\u9019\u7bc7\u6587\u7ae0\u80fd\u5e6b\u52a9\u60a8\u4e86\u89e3\u5982\u4f55\u5728 WordPress \u5340\u584a\u7de8\u8f2f\u5668\u4e2d\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u3002&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>\u26a0\ufe0f \u91cd\u8981\u901a\u77e5\uff1a\u5f9e WordPress 6.3 \u958b\u59cb\uff0c\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u88ab\u91cd\u65b0\u547d\u540d\u70ba\u540c\u6b65\u6a21\u5f0f\u3002\u4efb\u4f55\u5148\u524d\u88fd\u4f5c\u7684\u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u5c07\u7e7c\u7e8c\u50cf\u73fe\u5728\u4e00\u6a23\u767c\u63ee\u4f5c\u7528\uff0c\u53ea\u662f\u5728\u65b0\u7684\u540c\u6b65\u6a21\u5f0f\u540d\u7a31\u4e0b\u3002\u4ec0\u9ebc\u662f WordPress \u53ef\u91cd\u8907\u4f7f\u7528\u584a\uff1f WordPress \u53ef\u91cd\u8907\u4f7f\u7528\u5340\u584a\u662f WordPress \u53e4\u9a30\u5821\u7de8\u8f2f\u5668\u4e2d\u5f15\u5165\u7684\u529f\u80fd\uff0c\u5141\u8a31\u7528\u6236<\/p>","protected":false},"author":1,"featured_media":1788,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[435],"class_list":{"0":"post-2309","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress","8":"tag-tutorial"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.6 (Yoast SEO v22.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Create a Reusable Block using Gutenberg Block Editor in WordPress (Updated)<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yolohive.com\/zh_tw\/\u5982\u4f55\u5728-wordpress-\u66f4\u65b0\u4e2d\u4f7f\u7528-gutenberg-\u5340\u584a\u7de8\u8f2f\u5668\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Create a Reusable Block using Gutenberg Block Editor in WordPress (Updated)\" \/>\n<meta property=\"og:description\" content=\"\u26a0\ufe0f Important Notice: As of WordPress 6.3, Reusable blocks are being renamed as Synced patterns. Any previously made Reusable blocks will continue to function as they do now, just under the new Synced pattern name. What are WordPress reusable blocks? WordPress reusable blocks are a feature introduced in the WordPress Gutenberg editor that allows users\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yolohive.com\/zh_tw\/\u5982\u4f55\u5728-wordpress-\u66f4\u65b0\u4e2d\u4f7f\u7528-gutenberg-\u5340\u584a\u7de8\u8f2f\u5668\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\/\" \/>\n<meta property=\"og:site_name\" content=\"Yolohive\" \/>\n<meta property=\"article:published_time\" content=\"2024-11-29T23:37:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-29T23:42:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1170\" \/>\n\t<meta property=\"og:image:height\" content=\"780\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"YoloHive\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/\"},\"author\":{\"name\":\"YoloHive\",\"@id\":\"https:\/\/yolohive.com\/#\/schema\/person\/571e1adbaca00ce3aae6a866320e2c00\"},\"headline\":\"How to Create a Reusable Block using Gutenberg Block Editor in WordPress (Updated)\",\"datePublished\":\"2024-11-29T23:37:58+00:00\",\"dateModified\":\"2024-11-29T23:42:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/\"},\"wordCount\":1252,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/yolohive.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png\",\"keywords\":[\"tutorial\"],\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/\",\"url\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/\",\"name\":\"How to Create a Reusable Block using Gutenberg Block Editor in WordPress (Updated)\",\"isPartOf\":{\"@id\":\"https:\/\/yolohive.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png\",\"datePublished\":\"2024-11-29T23:37:58+00:00\",\"dateModified\":\"2024-11-29T23:42:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#primaryimage\",\"url\":\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png\",\"contentUrl\":\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png\",\"width\":1170,\"height\":780},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/yolohive.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Create a Reusable Block using Gutenberg Block Editor in WordPress (Updated)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/yolohive.com\/#website\",\"url\":\"https:\/\/yolohive.com\/\",\"name\":\"Yolohive\",\"description\":\"Discover, Learn, Thrive.\",\"publisher\":{\"@id\":\"https:\/\/yolohive.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/yolohive.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"zh-TW\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/yolohive.com\/#organization\",\"name\":\"Yolohive\",\"url\":\"https:\/\/yolohive.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/yolohive.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/10\/yolo-hive-high-resolution-logo-black-transparent.png\",\"contentUrl\":\"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/10\/yolo-hive-high-resolution-logo-black-transparent.png\",\"width\":1920,\"height\":1051,\"caption\":\"Yolohive\"},\"image\":{\"@id\":\"https:\/\/yolohive.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/yolohive.com\/#\/schema\/person\/571e1adbaca00ce3aae6a866320e2c00\",\"name\":\"YoloHive\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\/\/yolohive.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9a6a9371c602531682a2f0d8c36e698?s=96&d=https%3A%2F%2Fyolohive.com%2Fwp-content%2Fuploads%2F2024%2F11%2FAsset-8%404x-150x150.png&r=x\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d9a6a9371c602531682a2f0d8c36e698?s=96&d=https%3A%2F%2Fyolohive.com%2Fwp-content%2Fuploads%2F2024%2F11%2FAsset-8%404x-150x150.png&r=x\",\"caption\":\"YoloHive\"},\"sameAs\":[\"https:\/\/yolohive.com\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Create a Reusable Block using Gutenberg Block Editor in WordPress (Updated)","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/yolohive.com\/zh_tw\/\u5982\u4f55\u5728-wordpress-\u66f4\u65b0\u4e2d\u4f7f\u7528-gutenberg-\u5340\u584a\u7de8\u8f2f\u5668\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\/","og_locale":"zh_TW","og_type":"article","og_title":"How to Create a Reusable Block using Gutenberg Block Editor in WordPress (Updated)","og_description":"\u26a0\ufe0f Important Notice: As of WordPress 6.3, Reusable blocks are being renamed as Synced patterns. Any previously made Reusable blocks will continue to function as they do now, just under the new Synced pattern name. What are WordPress reusable blocks? WordPress reusable blocks are a feature introduced in the WordPress Gutenberg editor that allows users","og_url":"https:\/\/yolohive.com\/zh_tw\/\u5982\u4f55\u5728-wordpress-\u66f4\u65b0\u4e2d\u4f7f\u7528-gutenberg-\u5340\u584a\u7de8\u8f2f\u5668\u5efa\u7acb\u53ef\u91cd\u8907\u4f7f\/","og_site_name":"Yolohive","article_published_time":"2024-11-29T23:37:58+00:00","article_modified_time":"2024-11-29T23:42:08+00:00","og_image":[{"width":1170,"height":780,"url":"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png","type":"image\/png"}],"author":"YoloHive","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#article","isPartOf":{"@id":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/"},"author":{"name":"YoloHive","@id":"https:\/\/yolohive.com\/#\/schema\/person\/571e1adbaca00ce3aae6a866320e2c00"},"headline":"How to Create a Reusable Block using Gutenberg Block Editor in WordPress (Updated)","datePublished":"2024-11-29T23:37:58+00:00","dateModified":"2024-11-29T23:42:08+00:00","mainEntityOfPage":{"@id":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/"},"wordCount":1252,"commentCount":0,"publisher":{"@id":"https:\/\/yolohive.com\/#organization"},"image":{"@id":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#primaryimage"},"thumbnailUrl":"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png","keywords":["tutorial"],"articleSection":["Wordpress"],"inLanguage":"zh-TW","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/","url":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/","name":"How to Create a Reusable Block using Gutenberg Block Editor in WordPress (Updated)","isPartOf":{"@id":"https:\/\/yolohive.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#primaryimage"},"image":{"@id":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#primaryimage"},"thumbnailUrl":"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png","datePublished":"2024-11-29T23:37:58+00:00","dateModified":"2024-11-29T23:42:08+00:00","breadcrumb":{"@id":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#primaryimage","url":"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png","contentUrl":"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/11\/Generate-Reusable-Block-using-Gutenberg.png","width":1170,"height":780},{"@type":"BreadcrumbList","@id":"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yolohive.com\/"},{"@type":"ListItem","position":2,"name":"How to Create a Reusable Block using Gutenberg Block Editor in WordPress (Updated)"}]},{"@type":"WebSite","@id":"https:\/\/yolohive.com\/#website","url":"https:\/\/yolohive.com\/","name":"Yolohive","description":"Discover, Learn, Thrive.","publisher":{"@id":"https:\/\/yolohive.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yolohive.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"zh-TW"},{"@type":"Organization","@id":"https:\/\/yolohive.com\/#organization","name":"Yolohive","url":"https:\/\/yolohive.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/yolohive.com\/#\/schema\/logo\/image\/","url":"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/10\/yolo-hive-high-resolution-logo-black-transparent.png","contentUrl":"https:\/\/yolohive.com\/wp-content\/uploads\/2024\/10\/yolo-hive-high-resolution-logo-black-transparent.png","width":1920,"height":1051,"caption":"Yolohive"},"image":{"@id":"https:\/\/yolohive.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/yolohive.com\/#\/schema\/person\/571e1adbaca00ce3aae6a866320e2c00","name":"YoloHive","image":{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/yolohive.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9a6a9371c602531682a2f0d8c36e698?s=96&d=https%3A%2F%2Fyolohive.com%2Fwp-content%2Fuploads%2F2024%2F11%2FAsset-8%404x-150x150.png&r=x","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9a6a9371c602531682a2f0d8c36e698?s=96&d=https%3A%2F%2Fyolohive.com%2Fwp-content%2Fuploads%2F2024%2F11%2FAsset-8%404x-150x150.png&r=x","caption":"YoloHive"},"sameAs":["https:\/\/yolohive.com"]}]}},"_links":{"self":[{"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/posts\/2309"}],"collection":[{"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/comments?post=2309"}],"version-history":[{"count":3,"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/posts\/2309\/revisions"}],"predecessor-version":[{"id":2325,"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/posts\/2309\/revisions\/2325"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/media\/1788"}],"wp:attachment":[{"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/media?parent=2309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/categories?post=2309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yolohive.com\/zh_tw\/wp-json\/wp\/v2\/tags?post=2309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}