{"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\/\u5982\u4f55\u4f7f\u7528-wordpress-\u4e2d\u7684-gutenberg-\u5757\u7f16\u8f91\u5668\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\/","title":{"rendered":"\u5982\u4f55\u4f7f\u7528 WordPress \u4e2d\u7684 Gutenberg \u5757\u7f16\u8f91\u5668\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\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\u58f0\u660e<\/strong>\uff1a\u4ece WordPress 6.3 \u5f00\u59cb\uff0c\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u88ab\u91cd\u547d\u540d\u4e3a\u540c\u6b65\u6a21\u5f0f\u3002\u4efb\u4f55\u4ee5\u524d\u5236\u4f5c\u7684\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u5c06\u7ee7\u7eed\u50cf\u73b0\u5728\u4e00\u6837\u53d1\u6325\u4f5c\u7528\uff0c\u53ea\u662f\u5728\u65b0\u7684\u540c\u6b65\u6a21\u5f0f\u540d\u79f0\u4e0b\u3002<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">\u4ec0\u4e48\u662f WordPress \u53ef\u91cd\u590d\u4f7f\u7528\u5757\uff1f<\/h2>\n\n\n\n<p>WordPress \u53ef\u91cd\u590d\u4f7f\u7528\u5757\u662f WordPress Gutenberg \u7f16\u8f91\u5668\u4e2d\u5f15\u5165\u7684\u4e00\u9879\u529f\u80fd\uff0c\u5141\u8bb8\u7528\u6237\u521b\u5efa\u548c\u4fdd\u5b58\u5185\u5bb9\u5757\uff0c\u4ee5\u4fbf\u5728\u591a\u4e2a\u5e16\u5b50\u548c\u9875\u9762\u4e2d\u91cd\u590d\u4f7f\u7528\u3002\u60a8\u53ef\u4ee5\u5c06\u5757\u4fdd\u5b58\u4e3a\u201c\u53ef\u91cd\u590d\u4f7f\u7528\u201d\uff0c\u7136\u540e\u8f7b\u677e\u5c06\u5176\u63d2\u5165\u5230\u9700\u8981\u7684\u4efb\u4f55\u4f4d\u7f6e\uff0c\u800c\u4e0d\u5fc5\u6bcf\u6b21\u4f7f\u7528\u65f6\u90fd\u91cd\u65b0\u521b\u5efa\u76f8\u540c\u7684\u5185\u5bb9\u6216\u5e03\u5c40\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">WordPress \u53ef\u91cd\u7528\u5757\u7684\u5e38\u89c1\u7528\u9014<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>\u53f7\u53ec\u6027\u7528\u8bed (CTA) \u533a\u5757<\/strong>\uff1a\u5982\u679c\u60a8\u5728\u591a\u4e2a\u9875\u9762\u6216\u5e16\u5b50\u4e2d\u4f7f\u7528\u7279\u5b9a\u7684\u53f7\u53ec\u6027\u7528\u8bed\uff08\u4f8b\u5982\uff0c\u65b0\u95fb\u7a3f\u6ce8\u518c\u8868\u5355\u3001\u4fc3\u9500\u6a2a\u5e45\uff09\uff0c\u5219\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u53ef\u8ba9\u60a8\u8f7b\u677e\u5730\u5728\u5404\u4e2a\u4f4d\u7f6e\u63d2\u5165\u548c\u66f4\u65b0\u5b83\u3002<\/li>\n\n\n\n<li><strong>\u8bc4\u4ef7<\/strong>\uff1a\u5982\u679c\u60a8\u7ecf\u5e38\u5728\u4e0d\u540c\u7684\u9875\u9762\u4e0a\u663e\u793a\u5ba2\u6237\u63a8\u8350\u6216\u8bc4\u8bba\uff0c\u5219\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u63a8\u8350\u5757\u53ef\u4ee5\u8ba9\u60a8\u4fdd\u6301\u4e00\u81f4\u6027\u5e76\u96c6\u4e2d\u66f4\u65b0\u5185\u5bb9\u3002<\/li>\n\n\n\n<li><strong>\u8054\u7cfb\u4fe1\u606f<\/strong>\uff1a\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u975e\u5e38\u65b9\u4fbf\uff0c\u53ef\u5728\u6574\u4e2a\u7f51\u7ad9\u4e0a\u663e\u793a\u4e00\u81f4\u7684\u8054\u7cfb\u4fe1\u606f\uff0c\u4f8b\u5982\u60a8\u7684\u516c\u53f8\u5730\u5740\u3001\u7535\u8bdd\u53f7\u7801\u6216\u7535\u5b50\u90ae\u4ef6\u3002\u5982\u679c\u8fd9\u4e9b\u4fe1\u606f\u53d1\u751f\u53d8\u5316\uff0c\u60a8\u53ea\u9700\u5728\u4e00\u4e2a\u5730\u65b9\u8fdb\u884c\u66f4\u65b0\u5373\u53ef\u3002<\/li>\n\n\n\n<li><strong>\u8b66\u62a5\u6216\u901a\u77e5<\/strong>\uff1a\u5982\u679c\u60a8\u9700\u8981\u5728\u591a\u4e2a\u9875\u9762\u4e0a\u663e\u793a\u91cd\u8981\u8b66\u62a5\u3001\u901a\u77e5\u6216\u516c\u544a\uff0c\u5219\u4e3a\u6b64\u5185\u5bb9\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u53ef\u786e\u4fdd\u66f4\u65b0\u53cd\u6620\u5728\u6240\u6709\u9875\u9762\u4e0a\u3002<\/li>\n\n\n\n<li><strong>\u81ea\u5b9a\u4e49\u5185\u5bb9\u5e03\u5c40<\/strong>\uff1a\u5982\u679c\u60a8\u6709\u60f3\u8981\u4e00\u81f4\u4f7f\u7528\u7684\u7279\u5b9a\u5185\u5bb9\u5e03\u5c40\uff08\u4f8b\u5982\uff0c\u5305\u542b\u56fe\u7247\u548c\u6587\u672c\u7684\u4e24\u5217\u8bbe\u8ba1\uff09\uff0c\u8bf7\u5c06\u5176\u4fdd\u5b58\u4e3a\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u3002\u8fd9\u5bf9\u4e8e\u5728\u6574\u4e2a\u7f51\u7ad9\u4e0a\u4fdd\u6301\u7edf\u4e00\u7684\u8bbe\u8ba1\u5c24\u5176\u6709\u7528\u3002<\/li>\n\n\n\n<li><strong>\u4fc3\u9500\u6a2a\u5e45<\/strong>\uff1a\u5982\u679c\u60a8\u4f7f\u7528\u51fa\u73b0\u5728\u5404\u4e2a\u9875\u9762\u4e0a\u7684\u6a2a\u5e45\u8fdb\u884c\u4fc3\u9500\u6216\u6d3b\u52a8\uff0c\u5219\u4f7f\u7528\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u53ef\u4ee5\u7b80\u5316\u63d2\u5165\u548c\u66f4\u65b0\u8fd9\u4e9b\u6a2a\u5e45\u7684\u8fc7\u7a0b\u3002<\/li>\n\n\n\n<li><strong>\u514d\u8d23\u58f0\u660e\u6216\u6cd5\u5f8b\u4fe1\u606f<\/strong>\uff1a\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u53ef\u7528\u4e8e\u5728\u60a8\u7684\u7f51\u7ad9\u4e0a\u7edf\u4e00\u663e\u793a\u514d\u8d23\u58f0\u660e\u3001\u6cd5\u5f8b\u4fe1\u606f\u6216\u9690\u79c1\u653f\u7b56\u3002<\/li>\n\n\n\n<li><strong>\u5185\u5bb9\u7247\u6bb5<\/strong>\uff1a\u5bf9\u4e8e\u7ecf\u5e38\u4f7f\u7528\u7684\u5185\u5bb9\u7247\u6bb5\uff0c\u5982\u4ea7\u54c1\u529f\u80fd\u3001\u4f7f\u547d\u5ba3\u8a00\u6216\u516c\u53f8\u5386\u53f2\uff0c\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u53ef\u786e\u4fdd\u4e00\u81f4\u6027\u5e76\u65b9\u4fbf\u66f4\u65b0\u3002<\/li>\n\n\n\n<li><strong>\u4ea7\u54c1\u5217\u8868\u6216\u76ee\u5f55<\/strong>\uff1a\u5982\u679c\u4e0d\u540c\u9875\u9762\u4e0a\u6709\u4e00\u81f4\u7684\u4ea7\u54c1\u5217\u8868\u6216\u76ee\u5f55\uff0c\u8bf7\u5c06\u5e03\u5c40\u4fdd\u5b58\u4e3a\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\uff0c\u4ee5\u4fbf\u4e8e\u590d\u5236\u3002<\/li>\n\n\n\n<li><strong>\u6d3b\u52a8\u8be6\u60c5<\/strong>\uff1a\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u6709\u5229\u4e8e\u5171\u4eab\u4e8b\u4ef6\u8be6\u7ec6\u4fe1\u606f\uff0c\u4f8b\u5982\u65e5\u671f\u3001\u65f6\u95f4\u548c\u5730\u70b9\u3002\u8fd9\u53ef\u786e\u4fdd\u4e8b\u4ef6\u4fe1\u606f\u7684\u4efb\u4f55\u66f4\u6539\u90fd\u4f1a\u81ea\u52a8\u66f4\u65b0\u5230\u6240\u6709\u5730\u65b9\u3002<\/li>\n<\/ul>\n\n\n\n<p>\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u5bf9\u4e8e\u4fdd\u6301\u6574\u4e2a\u7f51\u7ad9\u7684\u4e00\u81f4\u6027\u7279\u522b\u6709\u7528\uff0c\u5c24\u5176\u662f\u5f53\u60a8\u6709\u91cd\u590d\u7684\u5143\u7d20\u6216\u5e03\u5c40\u65f6\u3002\u5b83\u4eec\u5141\u8bb8\u60a8\u4ee5\u96c6\u4e2d\u65b9\u5f0f\u7ba1\u7406\u548c\u66f4\u65b0\u5185\u5bb9\uff0c\u4ece\u800c\u8282\u7701\u65f6\u95f4\u548c\u7cbe\u529b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5982\u4f55\u5728 WordPress \u4e2d\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757<\/h2>\n\n\n\n<p>\u6240\u6709 Gutenberg \u5757\u90fd\u4f5c\u4e3a WordPress \u7f16\u8f91\u5668\u4e2d\u7684\u5355\u72ec\u5185\u5bb9\u5143\u7d20\uff0c\u53ef\u4ee5\u7075\u6d3b\u5730\u4fdd\u5b58\u4e3a\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u3002<\/p>\n\n\n\n<p>\u8981\u5f00\u59cb\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u533a\u5757\uff0c\u8bf7\u5728\u533a\u5757\u7f16\u8f91\u5668\u4e2d\u6253\u5f00\u73b0\u6709\u6216\u65b0\u5e16\u5b50\u3002\u70b9\u51fb\u4f4d\u4e8e\u5c4f\u5e55\u5de6\u4e0a\u89d2\u7684\u201c+\u201d\u6309\u94ae\u4ee5\u8bbf\u95ee\u533a\u5757\u83dc\u5355\u3002<\/p>\n\n\n\n<p>\u5728\u533a\u5757\u83dc\u5355\u4e2d\uff0c\u60a8\u53ef\u4ee5\u62d6\u653e\u60f3\u8981\u5728\u591a\u4e2a\u9875\u9762\u6216\u5e16\u5b50\u4e2d\u91cd\u590d\u4f7f\u7528\u7684\u533a\u5757\u3002\u4e3a\u4e86\u5b8c\u6210\u672c\u6559\u7a0b\uff0c\u6211\u4eec\u9009\u62e9\u201c\u6bb5\u843d\u201d\u533a\u5757\uff0c\u4e3a\u53f7\u53ec\u6027\u7528\u8bed (CTA) \u5185\u5bb9\u7247\u6bb5\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u533a\u5757\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\u5757\u540e\uff0c\u7ee7\u7eed\u6dfb\u52a0\u8981\u91cd\u590d\u4f7f\u7528\u7684\u5185\u5bb9\u3002\u5229\u7528\u9876\u90e8\u5757\u5de5\u5177\u680f\u4e2d\u63d0\u4f9b\u7684\u5404\u79cd\u9009\u9879\u6216\u8bbf\u95ee\u5c4f\u5e55\u53f3\u4e0a\u89d2\u7684\u5757\u9762\u677f\u6765\u589e\u5f3a\u5757\u7684\u6837\u5f0f\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\u7f16\u8f91\u540e\uff0c\u5355\u51fb\u4f4d\u4e8e\u5757\u5de5\u5177\u680f\u4e2d\u7684\u4e09\u4e2a\u70b9\u83dc\u5355\u6309\u94ae\u3002\u5c06\u51fa\u73b0\u4e00\u4e2a\u4e0b\u62c9\u83dc\u5355\uff0c\u5728\u5176\u4e2d\u9009\u62e9\u201c\u521b\u5efa\u6a21\u5f0f\u201d\u9009\u9879\u3002\u6b64\u6b65\u9aa4\u5bf9\u4e8e\u5c06\u60a8\u7684\u81ea\u5b9a\u4e49\u5185\u5bb9\u8f6c\u6362\u4e3a\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u4ee5\u4fbf\u5c06\u6765\u65e0\u7f1d\u96c6\u6210\u81f3\u5173\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\u6765\uff0c\u7cfb\u7edf\u4f1a\u8981\u6c42\u60a8\u8f93\u5165\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u7684\u540d\u79f0\u3002\u6211\u4eec\u5efa\u8bae\u4f7f\u7528\u4e00\u4e2a\u53ef\u4ee5\u5e2e\u52a9\u60a8\u5feb\u901f\u8bc6\u522b\u5757\u53ca\u5176\u529f\u80fd\u7684\u540d\u79f0\u3002\u4e4b\u540e\uff0c\u53ea\u9700\u5355\u51fb\u201c\u4fdd\u5b58\u201d\u6309\u94ae\u5373\u53ef\u5b58\u50a8\u60a8\u7684\u8bbe\u7f6e\u3002<br>*\u8fd9 \u201d<strong>\u5df2\u540c\u6b65<\/strong>\u201d\u5207\u6362\uff1a\u8fd9\u5c06\u5728\u60a8\u4f7f\u7528\u5b83\u7684\u4efb\u4f55\u5730\u65b9\u540c\u6b65\u5757\u5305\u542b\u8bbe\u7f6e\u3002 <\/p>\n\n\n\n<p>\u60a8\u7684\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u73b0\u5728\u5c06\u4e0e\u5176\u6240\u6709\u8bbe\u7f6e\u4e00\u8d77\u4fdd\u5b58\u5728 WordPress \u6570\u636e\u5e93\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\u5e16\u5b50\u548c\u9875\u9762\u4e2d\u6dfb\u52a0 WordPress \u53ef\u91cd\u590d\u4f7f\u7528\u5757<\/h2>\n\n\n\n<p>\u73b0\u5728\u6211\u4eec\u5df2\u7ecf\u4ecb\u7ecd\u4e86\u5982\u4f55\u5728 WordPress \u4e2d\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\uff0c\u8ba9\u6211\u4eec\u63a2\u7d22\u5982\u4f55\u5c06\u5b83\u4eec\u5408\u5e76\u5230\u60a8\u7684\u5e16\u5b50\u548c\u9875\u9762\u4e2d\u3002<\/p>\n\n\n\n<p>\u9996\u5148\u5728 Gutenberg \u7f16\u8f91\u5668\u4e2d\u6253\u5f00\u4e00\u7bc7\u65b0\u5e16\u5b50\u6216\u73b0\u6709\u5e16\u5b50\u3002\u70b9\u51fb\u5c4f\u5e55\u5de6\u4e0a\u89d2\u7684\u201c+\u201d\u6309\u94ae\uff0c\u7136\u540e\u5bfc\u822a\u5230\u533a\u5757\u83dc\u5355\u9876\u90e8\u7684\u201c\u6a21\u5f0f\u201d\u9009\u9879\u5361\u3002<\/p>\n\n\n\n<p>\u5728\u6b64\u9009\u9879\u5361\u4e2d\uff0c\u60a8\u5c06\u770b\u5230\u4e00\u4e2a\u9762\u677f\uff0c\u5176\u4e2d\u5c55\u793a\u4e86\u60a8\u521b\u5efa\u7684\u6240\u6709\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u3002\u5982\u679c\u60a8\u6709\u8bb8\u591a\u53ef\u91cd\u590d\u4f7f\u7528\u5757\uff0c\u5219\u53ef\u4ee5\u901a\u8fc7\u5728\u641c\u7d22\u6846\u4e2d\u8f93\u5165\u5176\u540d\u79f0\u6765\u9ad8\u6548\u5730\u627e\u5230\u7279\u5b9a\u5757\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>\u5355\u51fb\u6240\u9700\u7684\u53ef\u91cd\u590d\u4f7f\u7528\u5757\uff0c\u5c06\u5176\u65e0\u7f1d\u63d2\u5165\u5230\u60a8\u7684\u5e16\u5b50\u4e2d\u3002\u5982\u9700\u8fdb\u4e00\u6b65\u4fee\u6539\uff0c\u8bf7\u4f7f\u7528\u5757\u5de5\u5177\u680f\u6216\u53f3\u4fa7\u5757\u4fa7\u680f\u4e2d\u63d0\u4f9b\u7684\u8bbe\u7f6e\u3002<\/p>\n\n\n\n<p>\u9700\u8981\u6ce8\u610f\u7684\u662f\uff0c\u5bf9\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u7684\u8bbe\u7f6e\u6240\u505a\u7684\u8c03\u6574\u5c06\u53cd\u6620\u5728\u6240\u6709\u4f7f\u7528\u5b83\u7684\u5b9e\u4f8b\u4e2d\u3002\u5982\u679c\u60a8\u5e0c\u671b\u4ec5\u5bf9\u6b64\u5e16\u5b50\u8fdb\u884c\u7279\u5b9a\u66f4\u6539\uff0c\u5219\u5fc5\u987b\u5148\u5c06\u5176\u8f6c\u6362\u4e3a\u5e38\u89c4\u5757\u3002\u4e3a\u6b64\uff0c\u8bf7\u5355\u51fb\u9876\u90e8\u5757\u5de5\u5177\u680f\u4e2d\u7684\u201c\u5206\u79bb\u6a21\u5f0f\u201d\u56fe\u6807\u3002\u8fd9\u53ef\u786e\u4fdd\u66f4\u6539\u4ec5\u9650\u4e8e\u5f53\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>\u8fd9\u4f1a\u5c06\u60a8\u7684\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u8f6c\u6362\u4e3a\u5e38\u89c4\u5757\uff0c\u5e76\u4e14\u60a8\u53ef\u4ee5\u5728\u4e0d\u5f71\u54cd\u539f\u59cb\u5757\u7684\u60c5\u51b5\u4e0b\u5bf9\u5176\u8fdb\u884c\u66f4\u6539\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-managing-all-reusable-blocks\">\u7ba1\u7406\u6240\u6709\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757<\/h2>\n\n\n\n<p>\u4f7f\u7528\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u4e00\u6bb5\u65f6\u95f4\u540e\uff0c\u60a8\u53ef\u80fd\u4f1a\u79ef\u7d2f\u4e0d\u518d\u9700\u8981\u6216\u9700\u8981\u91cd\u547d\u540d\u7684\u5757\u3002\u5e78\u8fd0\u7684\u662f\uff0cGutenberg \u7f16\u8f91\u5668\u7b80\u5316\u4e86\u6240\u6709\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u7684\u7ba1\u7406\u3002<\/p>\n\n\n\n<p>\u5bfc\u822a\u81f3\u53f3\u4e0a\u89d2\uff0c\u70b9\u51fb\u201c<strong>\u4e09\u70b9<\/strong>\u201c\uff0c\u8fd9\u5c06\u6253\u5f00 <strong>\u9009\u9879 <\/strong>\u5f39\u51fa\u7a97\u53e3\uff0c\u7136\u540e\u9009\u62e9\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>\u8fd9\u5c06\u76f4\u63a5\u5f15\u5bfc\u60a8\u8fdb\u5165 Pattern \u9875\u9762\uff0c\u60a8\u53ef\u4ee5\u5728\u5176\u4e2d\u8f7b\u677e\u7ba1\u7406 WordPress \u7f51\u7ad9\u4e0a\u7684\u6240\u6709\u53ef\u91cd\u590d\u4f7f\u7528\/\u6a21\u5f0f\u5757\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\u8fd9\u91cc\uff0c\u60a8\u53ef\u4ee5\u7f16\u8f91\u3001\u91cd\u547d\u540d\u3001\u5220\u9664\u3001\u5bfc\u5165\u751a\u81f3\u5bfc\u51fa\u60a8\u7684\u5757\u5230\u53e6\u4e00\u4e2a\u7f51\u7ad9\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-how-to-import-export-reusable-blocks\">\u5982\u4f55\u5bfc\u5165\/\u5bfc\u51fa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757<\/h2>\n\n\n\n<p>WordPress \u4e2d\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u7684\u4f18\u52bf\u5728\u4e8e\u4e0d\u4ec5\u53ef\u4ee5\u5728\u521b\u5efa\u5b83\u4eec\u7684\u7f51\u7ad9\u5185\u8f6c\u79fb\uff0c\u8fd8\u53ef\u4ee5\u5728\u4e0d\u540c\u7684 WordPress \u7f51\u7ad9\u4e4b\u95f4\u8f6c\u79fb\u3002<\/p>\n\n\n\n<p>\u8981\u5bfc\u51fa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\uff0c\u8bf7\u5bfc\u822a\u81f3\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u9875\u9762\uff0c\u7136\u540e\u5355\u51fb\u6240\u9700\u5757\u4e0b\u65b9\u7684\u201c\u5bfc\u51fa\u4e3a JSON\u201d\u94fe\u63a5\u3002WordPress \u5c06\u751f\u6210\u4e00\u4e2a\u5305\u542b\u5757\u4fe1\u606f\u7684 JSON \u6587\u4ef6\uff0c\u7136\u540e\u53ef\u4ee5\u5c06\u5176\u4fdd\u5b58\u5728\u60a8\u7684\u8ba1\u7b97\u673a\u4e0a\u3002<\/p>\n\n\n\n<p>\u6b64\u529f\u80fd\u4f7f\u60a8\u80fd\u591f\u5728\u5404\u4e2a WordPress \u7f51\u7ad9\u4e4b\u95f4\u65e0\u7f1d\u5171\u4eab\u548c\u4f7f\u7528\u60a8\u7684\u81ea\u5b9a\u4e49\u5757\uff0c\u4ece\u800c\u63d0\u9ad8\u5185\u5bb9\u521b\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>\u60a8\u73b0\u5728\u53ef\u4ee5\u5207\u6362\u5230\u53e6\u4e00\u4e2a WordPress \u7f51\u7ad9\u7684\u7ba1\u7406\u533a\u57df\u3002\u4ece\u8fd9\u91cc\uff0c\u8bbf\u95ee\u5757\u7ba1\u7406\u5c4f\u5e55\u4ee5\u67e5\u770b\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u9009\u9879\u3002<\/p>\n\n\n\n<p>\u63a5\u4e0b\u6765\uff0c\u70b9\u51fb\u9876\u90e8\u7684\u201c\u4ece JSON \u5bfc\u5165\u201d\u6309\u94ae\u3002<\/p>\n\n\n\n<p>\u8fd9\u5c06\u663e\u793a\u4e00\u4e2a\u6587\u4ef6\u4e0a\u4f20\u6846\uff0c\u60a8\u5fc5\u987b\u5355\u51fb\u201c\u9009\u62e9\u6587\u4ef6\u201d\u6309\u94ae\u6765\u9009\u62e9\u60a8\u4e4b\u524d\u4e0b\u8f7d\u7684\u5757\u3002<\/p>\n\n\n\n<p>\u4e4b\u540e\uff0c\u70b9\u51fb\u201c\u5bfc\u5165\u201d\u6309\u94ae\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 \u73b0\u5728\u5c06\u5bfc\u5165\u60a8\u7684\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u5e76\u5c06\u5176\u4fdd\u5b58\u5728\u5176\u6570\u636e\u5e93\u4e2d\u3002\u60a8\u73b0\u5728\u53ef\u4ee5\u7ee7\u7eed\u5728\u5176\u4ed6 WordPress \u7f51\u7ad9\u4e0a\u4f7f\u7528\u65b0\u5bfc\u5165\u7684\u53ef\u91cd\u590d\u4f7f\u7528\u5757\u3002<\/p>\n\n\n\n<p>\u6211\u4eec\u5e0c\u671b\u672c\u6587\u80fd\u5e2e\u52a9\u60a8\u4e86\u89e3\u5982\u4f55\u5728 WordPress \u5757\u7f16\u8f91\u5668\u4e2d\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\u3002&nbsp;<\/p>","protected":false},"excerpt":{"rendered":"<p>\u26a0\ufe0f \u91cd\u8981\u63d0\u793a\uff1a\u4ece WordPress 6.3 \u5f00\u59cb\uff0c\u53ef\u91cd\u7528\u5757\u88ab\u91cd\u547d\u540d\u4e3a\u540c\u6b65\u6a21\u5f0f\u3002\u4efb\u4f55\u4ee5\u524d\u5236\u4f5c\u7684\u53ef\u91cd\u7528\u5757\u5c06\u7ee7\u7eed\u50cf\u73b0\u5728\u4e00\u6837\u53d1\u6325\u4f5c\u7528\uff0c\u53ea\u662f\u5728\u65b0\u7684\u540c\u6b65\u6a21\u5f0f\u540d\u79f0\u4e0b\u3002\u4ec0\u4e48\u662f WordPress \u53ef\u91cd\u7528\u5757\uff1fWordPress \u53ef\u91cd\u7528\u5757\u662f WordPress Gutenberg \u7f16\u8f91\u5668\u4e2d\u5f15\u5165\u7684\u4e00\u9879\u529f\u80fd\uff0c\u5141\u8bb8\u7528\u6237<\/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\/\u5982\u4f55\u4f7f\u7528-wordpress-\u4e2d\u7684-gutenberg-\u5757\u7f16\u8f91\u5668\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\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\/\u5982\u4f55\u4f7f\u7528-wordpress-\u4e2d\u7684-gutenberg-\u5757\u7f16\u8f91\u5668\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\/\" \/>\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-Hans\",\"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-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@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-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/yolohive.com\/#organization\",\"name\":\"Yolohive\",\"url\":\"https:\/\/yolohive.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@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-Hans\",\"@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\/\u5982\u4f55\u4f7f\u7528-wordpress-\u4e2d\u7684-gutenberg-\u5757\u7f16\u8f91\u5668\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\/","og_locale":"zh_CN","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\/\u5982\u4f55\u4f7f\u7528-wordpress-\u4e2d\u7684-gutenberg-\u5757\u7f16\u8f91\u5668\u521b\u5efa\u53ef\u91cd\u590d\u4f7f\u7528\u7684\u5757\/","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-Hans","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-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yolohive.com\/how-to-create-a-reusable-block-using-gutenberg-block-editor-in-wordpress-updated\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@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-Hans"},{"@type":"Organization","@id":"https:\/\/yolohive.com\/#organization","name":"Yolohive","url":"https:\/\/yolohive.com\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@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-Hans","@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\/wp-json\/wp\/v2\/posts\/2309"}],"collection":[{"href":"https:\/\/yolohive.com\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yolohive.com\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yolohive.com\/zh\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/yolohive.com\/zh\/wp-json\/wp\/v2\/comments?post=2309"}],"version-history":[{"count":3,"href":"https:\/\/yolohive.com\/zh\/wp-json\/wp\/v2\/posts\/2309\/revisions"}],"predecessor-version":[{"id":2325,"href":"https:\/\/yolohive.com\/zh\/wp-json\/wp\/v2\/posts\/2309\/revisions\/2325"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yolohive.com\/zh\/wp-json\/wp\/v2\/media\/1788"}],"wp:attachment":[{"href":"https:\/\/yolohive.com\/zh\/wp-json\/wp\/v2\/media?parent=2309"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yolohive.com\/zh\/wp-json\/wp\/v2\/categories?post=2309"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yolohive.com\/zh\/wp-json\/wp\/v2\/tags?post=2309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}