{"id":13330,"date":"2023-07-24T14:59:40","date_gmt":"2023-07-24T21:59:40","guid":{"rendered":"https:\/\/wordherd.io\/?p=13330"},"modified":"2023-07-24T14:59:40","modified_gmt":"2023-07-24T21:59:40","slug":"%e4%bd%bf%e7%94%a8-acf-%e5%88%9b%e5%bb%ba%e8%87%aa%e5%ae%9a%e4%b9%89-gutenberg-%e5%9d%97","status":"publish","type":"post","link":"https:\/\/wordherd.io\/zh\/blog\/creating-a-custom-gutenberg-block-using-acf\/","title":{"rendered":"\u5728 WordPress \u4e2d\u4f7f\u7528\u9ad8\u7ea7\u81ea\u5b9a\u4e49\u5b57\u6bb5 (ACF) \u521b\u5efa\u81ea\u5b9a\u4e49 Gutenberg \u5757 (\u7b2c 1 \u90e8\u5206)"},"content":{"rendered":"<p class=\"intro wp-block-paragraph\">\u4f7f\u7528\u81ea\u5b9a\u4e49\u5757\uff0c\u89e3\u9501 WordPress \u7684 Gutenberg \u7f16\u8f91\u5668\u7684\u5f3a\u5927\u529f\u80fd\u3002 <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u901a\u8fc7\u4f7f\u7528 Advanced Custom Fields (ACF) \u63d2\u4ef6\uff0c\u60a8\u53ef\u4ee5\u663e\u8457\u6269\u5c55\u81ea\u5b9a\u4e49\u529f\u80fd\u3002\u5728\u672c\u6559\u7a0b\u4e2d\uff0c\u6211\u4eec\u5c06\u5411\u60a8\u4ecb\u7ecd\u5982\u4f55\u5728 WordPress \u7f51\u7ad9\u4e2d\u4f7f\u7528 ACF \u521b\u5efa\u81ea\u5b9a\u4e49 Gutenberg \u5757\u7684\u8fc7\u7a0b\u3002<\/p>\n\n\n\n<h2 class=\"kt-adv-heading_376ede-95 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_376ede-95\"><strong>\u5b89\u88c5\u9ad8\u7ea7\u81ea\u5b9a\u4e49\u5b57\u6bb5\u63d2\u4ef6<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u8981\u5f00\u59cb\u521b\u5efa\u81ea\u5b9a\u4e49\u7684 Gutenberg \u5757\uff0c\u60a8\u9700\u8981\u5728\u60a8\u7684 WordPress \u7f51\u7ad9\u4e0a\u5b89\u88c5 Advanced Custom Fields (ACF) \u63d2\u4ef6\u3002\u5982\u679c\u5c1a\u672a\u5b89\u88c5\uff0c\u60a8\u53ef\u4ee5\u65b9\u4fbf\u5730\u4ece WordPress \u5b98\u65b9\u4e0b\u8f7d\u5e76\u5b89\u88c5\u8be5\u63d2\u4ef6\u3002 <a href=\"https:\/\/wordpress.org\/plugins\/advanced-custom-fields\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">WordPress \u63d2\u4ef6\u76ee\u5f55<\/a>.<\/p>\n\n\n\n<h2 class=\"kt-adv-heading_ebaf6c-ba wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_ebaf6c-ba\"><strong>\u521b\u5efa\u60a8\u81ea\u5df1\u7684\u5757<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u63a5\u4e0b\u6765\uff0c\u5bfc\u822a\u81f3 <code>\u81ea\u5b9a\u4e49\u5b57\u6bb5 &gt; \u6dfb\u52a0\u65b0\u5b57\u6bb5<\/code> \u4ece\u60a8\u7684 WordPress \u63a7\u5236\u9762\u677f\u4e2d\u8f93\u5165\u60a8\u7684\u5757\u7684\u552f\u4e00\u6807\u9898\u3002\u968f\u540e\uff0c\u5728\u201c\u4f4d\u7f6e\u201d\u6846\u4e2d\u8c03\u6574\u89c4\u5219\uff0c\u4ee5\u4fbf\u8be5\u5b57\u6bb5\u7ec4\u663e\u793a\u5757\u4e0e\u60a8\u7684\u5757\u540d\u79f0\u662f\u5426\u5339\u914d\u3002<\/p>\n\n\n\n<h2 class=\"kt-adv-heading_518738-02 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_518738-02\"><strong>\u5c06\u5b57\u6bb5\u6dfb\u52a0\u5230\u60a8\u7684\u5757<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u8fd9\u4e00\u6b65\u9aa4\u6d89\u53ca\u5b9a\u4e49\u60a8\u7684\u5185\u5bb9\u5757\u7684\u5185\u5bb9\u3002\u5728\u5c06\u5185\u5bb9\u5757\u6dfb\u52a0\u5230\u5e16\u5b50\u6216\u9875\u9762\u65f6\uff0c\u8bf7\u5c06\u5b57\u6bb5\u6dfb\u52a0\u5230\u60a8\u7684\u5185\u5bb9\u5757\u4e2d\uff0c\u8fd9\u4e9b\u5b57\u6bb5\u5c06\u5728\u7f16\u8f91\u5668\u4e2d\u663e\u793a\u3002\u8fd9\u4e9b\u5b57\u6bb5\u53ef\u4ee5\u662f\u6587\u672c\u3001\u56fe\u50cf\u6216\u5176\u4ed6\u4efb\u4f55\u7c7b\u578b\u7684\u5185\u5bb9\u3002<\/p>\n\n\n\n<h2 class=\"kt-adv-heading_64e526-7e wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_64e526-7e\"><strong>\u6ce8\u518c\u60a8\u7684\u533a\u5757<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5411\u4e0b\u6eda\u52a8\uff0c\u627e\u5230\u201c\u963b\u6b62\u8bbe\u7f6e\u201d\u90e8\u5206\u3002\u5728\u8fd9\u91cc\uff0c\u60a8\u53ef\u4ee5\u8bbe\u7f6e\u963b\u6b62\u7684\u540d\u79f0\uff08\u5728\u4ee3\u7801\u4e2d\u4f7f\u7528\u7684\u540d\u79f0\uff09\u3001\u6807\u9898\uff08\u7f16\u8f91\u5668\u4e2d\u663e\u793a\u7684\u540d\u79f0\uff09\u3001\u63cf\u8ff0\u3001\u7c7b\u522b\u548c\u56fe\u6807\u3002\u786e\u4fdd\u9009\u4e2d\u201c\u6fc0\u6d3b\u201d\u9009\u9879\uff0c\u4ee5\u4fbf\u4f7f\u8be5\u963b\u6b62\u6210\u4e3a\u53ef\u4f9b\u4f7f\u7528\u7684\u529f\u80fd\u3002<\/p>\n\n\n\n<h2 class=\"kt-adv-heading_293ab4-f6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_293ab4-f6\"><strong>\u521b\u5efa\u5757\u6a21\u677f<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u73b0\u5728\uff0c\u662f\u65f6\u5019\u6559\u5bfc WordPress \u5982\u4f55\u663e\u793a\u60a8\u7684\u5757\u4e86\u3002\u4e3a\u6b64\uff0c\u5728\u60a8\u7684\u4e3b\u9898\u76ee\u5f55\u4e0b\u521b\u5efa\u4e00\u4e2a\u540d\u4e3a\u201c\u5757\u540d\u79f0\u201d\u7684 PHP \u6a21\u677f\u6587\u4ef6\u3002\u5982\u679c\u60a8\u7684\u5757\u540d\u79f0\u4e3a \u201ctestimonial\u201d\uff0c\u90a3\u4e48\u60a8\u7684\u6587\u4ef6\u5e94\u8be5\u5c31\u662f \u201cblock-testimonial.php\u201d\u3002\u8fd9\u4e2a\u6587\u4ef6\u5e94\u8be5\u5305\u542b PHP \u548c HTML\uff0c\u7528\u4e8e\u663e\u793a\u60a8\u7684\u5757\u7684\u5185\u5bb9\u3002<\/p>\n\n\n\n<pre title=\"block-testimonial.php\" class=\"wp-block-code\"><code lang=\"php\" class=\"language-php line-numbers\">&lt;code&gt;&lt;?php \n  $heading = get_field(&#039;heading&#039;);\n  $content = get_field(&#039;content&#039;);\n?&gt;\n&lt;div class=&quot;testimonial-block&quot;&gt;\n  &lt;h2&gt;&lt;?php echo $heading; ?&gt;&lt;\/h2&gt;\n  &lt;p&gt;&lt;?php echo $content; ?&gt;&lt;\/p&gt;\n&lt;\/div&gt;\n<\/code><\/code><\/pre>\n\n\n\n<h2 class=\"kt-adv-heading_27e835-5f wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_27e835-5f\"><strong>\u5229\u7528\u60a8\u7684\u81ea\u5b9a\u4e49\u5757<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u606d\u559c\u60a8\uff0c\u60a8\u7684\u81ea\u5b9a\u4e49\u5757\u73b0\u5df2\u51c6\u5907\u597d\u5728\u53e4\u6ed5\u5821\u7f16\u8f91\u5668\u4e2d\u4f7f\u7528\uff01\u8981\u4f7f\u7528\u5b83\uff0c\u53ea\u9700\u521b\u5efa\u65b0\u7684\u5e16\u5b50\u6216\u9875\u9762\uff0c\u70b9\u51fb\u201c+\u201d\u6309\u94ae\u6dfb\u52a0\u4e00\u4e2a\u65b0\u7684\u5757\uff0c\u60a8\u5c31\u4f1a\u5728\u5217\u8868\u4e2d\u627e\u5230\u60a8\u7684\u81ea\u5b9a\u4e49\u5757\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u8bf7\u8bb0\u4f4f\uff0c\u8981\u4f7f\u7528 ACF Blocks \u529f\u80fd\uff0c\u5c31\u9700\u8981\u5b89\u88c5 ACF Pro\u3002\u800c\u4e14\uff0c\u8be5\u529f\u80fd\u4ec5\u9002\u7528\u4e8e Gutenberg\uff0c\u5373 WordPress \u7684\u5168\u65b0\u5757\u7f16\u8f91\u5668\u3002\u6b64\u5916\uff0c\u8bf7\u786e\u4fdd\u60a8\u7684\u4e3b\u9898\u652f\u6301 Gutenberg\u3002\u5982\u679c\u60a8\u4e0d\u786e\u5b9a\uff0c\u6700\u597d\u5411\u4e3b\u9898\u5f00\u53d1\u4eba\u5458\u54a8\u8be2\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u901a\u8fc7\u9075\u5faa\u8fd9\u4e2a\u4e00\u6b65\u4e00\u6b65\u7684\u6307\u5357\uff0c\u60a8\u53ef\u4ee5\u5145\u5206\u5229\u7528\u81ea\u5b9a\u4e49\u5757\u7684\u529f\u80fd\uff0c\u5c06\u60a8\u7684 WordPress \u7f51\u7ad9\u63d0\u5347\u5230\u4e00\u4e2a\u65b0\u7684\u6c34\u5e73\u3002\u60a8\u53ef\u4ee5\u5c1d\u8bd5\u4f7f\u7528\u4e0d\u540c\u7c7b\u578b\u7684\u5b57\u6bb5\uff0c\u5e76\u521b\u5efa\u51fa\u4e0e\u60a8\u7684\u7f51\u7ad9\u72ec\u6709\u7684\u5757\u3002\u795d\u60a8\u6109\u5feb\uff01<\/p>\n\n\n\n<h2 class=\"kt-adv-heading_5d84c6-12 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_5d84c6-12\">\u4e0b\u4e00\u6b65<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u60a8\u559c\u6b22\u8fd9\u7bc7\u6587\u7ae0\uff0c\u5e76\u60f3\u5b66\u4e60\u5982\u4f55\u7ee7\u7eed\u589e\u5f3a\u60a8\u7684\u81ea\u5b9a\u4e49 ACF \u5757\uff0c\u8bf7\u67e5\u770b\u4ee5\u4e0b\u6587\u7ae0\uff1a<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/wordherd.io\/zh\/%e5%8d%9a%e5%ae%a2\/creating-a-custom-gutenberg-block-using-acf-repeater-fields\/\">\u4f7f\u7528 ACF \u521b\u5efa\u81ea\u5b9a\u4e49 Gutenberg \u5757\uff1a\u7b2c\u4e8c\u90e8\u5206 \u2013 \u638c\u63e1 ACF \u91cd\u590d\u5b57\u6bb5<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Unlock the power of WordPress&#8217;s Gutenberg editor with the use of custom blocks. By utilizing the Advanced Custom Fields (ACF) plugin, you can significantly expand your customization capabilities. In this tutorial, we will walk you through the process of creating a custom Gutenberg block using ACF in a WordPress site. To start creating your custom [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":14025,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[1],"tags":[],"builders":[],"industry":[],"platform":[],"class_list":["post-13330","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Creating a Custom Gutenberg Block Using Advanced Custom Fields (ACF) in WordPress: Part 1 - WordHerd WordPress Migration<\/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:\/\/wordherd.io\/zh\/\u535a\u5ba2\/\u4f7f\u7528-acf-\u521b\u5efa\u81ea\u5b9a\u4e49-gutenberg-\u5757\/\" \/>\n<meta property=\"og:locale\" content=\"zh_CN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Creating a Custom Gutenberg Block Using Advanced Custom Fields (ACF) in WordPress: Part 1 - WordHerd WordPress Migration\" \/>\n<meta property=\"og:description\" content=\"Unlock the power of WordPress&#8217;s Gutenberg editor with the use of custom blocks. By utilizing the Advanced Custom Fields (ACF) plugin, you can significantly expand your customization capabilities. In this tutorial, we will walk you through the process of creating a custom Gutenberg block using ACF in a WordPress site. To start creating your custom [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wordherd.io\/zh\/\u535a\u5ba2\/\u4f7f\u7528-acf-\u521b\u5efa\u81ea\u5b9a\u4e49-gutenberg-\u5757\/\" \/>\n<meta property=\"og:site_name\" content=\"WordHerd WordPress Migration\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/wordherdio\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-07-24T21:59:40+00:00\" \/>\n<meta name=\"author\" content=\"WordHerd\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wordherdio\" \/>\n<meta name=\"twitter:label1\" content=\"\u4f5c\u8005\" \/>\n\t<meta name=\"twitter:data1\" content=\"WordHerd\" \/>\n\t<meta name=\"twitter:label2\" content=\"\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 \u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/\"},\"author\":{\"name\":\"WordHerd\",\"@id\":\"https:\\\/\\\/wordherd.io\\\/#\\\/schema\\\/person\\\/373419b97c0fbc45a3a16462bdba0fac\"},\"headline\":\"Creating a Custom Gutenberg Block Using Advanced Custom Fields (ACF) in WordPress: Part 1\",\"datePublished\":\"2023-07-24T21:59:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/\"},\"wordCount\":466,\"publisher\":{\"@id\":\"https:\\\/\\\/wordherd.io\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wordherd.io\\\/wp-content\\\/uploads\\\/wordherd-custom-blocks-with-acf-1.jpg\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/\",\"url\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/\",\"name\":\"Creating a Custom Gutenberg Block Using Advanced Custom Fields (ACF) in WordPress: Part 1 - WordHerd WordPress Migration\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wordherd.io\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wordherd.io\\\/wp-content\\\/uploads\\\/wordherd-custom-blocks-with-acf-1.jpg\",\"datePublished\":\"2023-07-24T21:59:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/#breadcrumb\"},\"inLanguage\":\"zh-Hans\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wordherd.io\\\/wp-content\\\/uploads\\\/wordherd-custom-blocks-with-acf-1.jpg\",\"contentUrl\":\"https:\\\/\\\/wordherd.io\\\/wp-content\\\/uploads\\\/wordherd-custom-blocks-with-acf-1.jpg\",\"width\":850,\"height\":498,\"caption\":\"wordherd custom blocks with acf 1\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wordherd.io\\\/blog\\\/creating-a-custom-gutenberg-block-using-acf\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wordherd.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Creating a Custom Gutenberg Block Using Advanced Custom Fields (ACF) in WordPress: Part 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wordherd.io\\\/#website\",\"url\":\"https:\\\/\\\/wordherd.io\\\/\",\"name\":\"WordHerd WordPress Migration\",\"description\":\"Website Migration Services\",\"publisher\":{\"@id\":\"https:\\\/\\\/wordherd.io\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wordherd.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-Hans\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wordherd.io\\\/#organization\",\"name\":\"WordHerd WordPress Migration\",\"url\":\"https:\\\/\\\/wordherd.io\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/wordherd.io\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wordherd.io\\\/wp-content\\\/uploads\\\/wordherd-trademark.png\",\"contentUrl\":\"https:\\\/\\\/wordherd.io\\\/wp-content\\\/uploads\\\/wordherd-trademark.png\",\"width\":1000,\"height\":315,\"caption\":\"WordHerd WordPress Migration\"},\"image\":{\"@id\":\"https:\\\/\\\/wordherd.io\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/wordherd.io\\\/#\\\/schema\\\/person\\\/373419b97c0fbc45a3a16462bdba0fac\",\"name\":\"WordHerd\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-Hans\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bf8c7166601a64c6c57b67ffbeab8f8c6a378cca786da9a326c1a34a2ec6f860?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bf8c7166601a64c6c57b67ffbeab8f8c6a378cca786da9a326c1a34a2ec6f860?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bf8c7166601a64c6c57b67ffbeab8f8c6a378cca786da9a326c1a34a2ec6f860?s=96&d=mm&r=g\",\"caption\":\"WordHerd\"},\"sameAs\":[\"https:\\\/\\\/wordherd.io\",\"https:\\\/\\\/www.facebook.com\\\/wordherdio\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/wordherd\",\"https:\\\/\\\/x.com\\\/wordherdio\"],\"url\":\"https:\\\/\\\/wordherd.io\\\/zh\\\/blog\\\/author\\\/wordherd\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u5728 WordPress \u4e2d\u4f7f\u7528\u9ad8\u7ea7\u81ea\u5b9a\u4e49\u5b57\u6bb5 (ACF) \u521b\u5efa\u81ea\u5b9a\u4e49 Gutenberg \u5757 (\u7b2c 1 \u90e8\u5206 - WordHerd WordPress \u8fc1\u79fb)","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:\/\/wordherd.io\/zh\/\u535a\u5ba2\/\u4f7f\u7528-acf-\u521b\u5efa\u81ea\u5b9a\u4e49-gutenberg-\u5757\/","og_locale":"zh_CN","og_type":"article","og_title":"Creating a Custom Gutenberg Block Using Advanced Custom Fields (ACF) in WordPress: Part 1 - WordHerd WordPress Migration","og_description":"Unlock the power of WordPress&#8217;s Gutenberg editor with the use of custom blocks. By utilizing the Advanced Custom Fields (ACF) plugin, you can significantly expand your customization capabilities. In this tutorial, we will walk you through the process of creating a custom Gutenberg block using ACF in a WordPress site. To start creating your custom [&hellip;]","og_url":"https:\/\/wordherd.io\/zh\/\u535a\u5ba2\/\u4f7f\u7528-acf-\u521b\u5efa\u81ea\u5b9a\u4e49-gutenberg-\u5757\/","og_site_name":"WordHerd WordPress Migration","article_author":"https:\/\/www.facebook.com\/wordherdio\/","article_published_time":"2023-07-24T21:59:40+00:00","author":"WordHerd","twitter_card":"summary_large_image","twitter_creator":"@wordherdio","twitter_misc":{"\u4f5c\u8005":"WordHerd","\u9884\u8ba1\u9605\u8bfb\u65f6\u95f4":"2 \u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/#article","isPartOf":{"@id":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/"},"author":{"name":"WordHerd","@id":"https:\/\/wordherd.io\/#\/schema\/person\/373419b97c0fbc45a3a16462bdba0fac"},"headline":"Creating a Custom Gutenberg Block Using Advanced Custom Fields (ACF) in WordPress: Part 1","datePublished":"2023-07-24T21:59:40+00:00","mainEntityOfPage":{"@id":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/"},"wordCount":466,"publisher":{"@id":"https:\/\/wordherd.io\/#organization"},"image":{"@id":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/#primaryimage"},"thumbnailUrl":"https:\/\/wordherd.io\/wp-content\/uploads\/wordherd-custom-blocks-with-acf-1.jpg","articleSection":["Uncategorized"],"inLanguage":"zh-Hans"},{"@type":"WebPage","@id":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/","url":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/","name":"\u5728 WordPress \u4e2d\u4f7f\u7528\u9ad8\u7ea7\u81ea\u5b9a\u4e49\u5b57\u6bb5 (ACF) \u521b\u5efa\u81ea\u5b9a\u4e49 Gutenberg \u5757 (\u7b2c 1 \u90e8\u5206 - WordHerd WordPress \u8fc1\u79fb)","isPartOf":{"@id":"https:\/\/wordherd.io\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/#primaryimage"},"image":{"@id":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/#primaryimage"},"thumbnailUrl":"https:\/\/wordherd.io\/wp-content\/uploads\/wordherd-custom-blocks-with-acf-1.jpg","datePublished":"2023-07-24T21:59:40+00:00","breadcrumb":{"@id":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/#breadcrumb"},"inLanguage":"zh-Hans","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/"]}]},{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/#primaryimage","url":"https:\/\/wordherd.io\/wp-content\/uploads\/wordherd-custom-blocks-with-acf-1.jpg","contentUrl":"https:\/\/wordherd.io\/wp-content\/uploads\/wordherd-custom-blocks-with-acf-1.jpg","width":850,"height":498,"caption":"wordherd custom blocks with acf 1"},{"@type":"BreadcrumbList","@id":"https:\/\/wordherd.io\/blog\/creating-a-custom-gutenberg-block-using-acf\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wordherd.io\/"},{"@type":"ListItem","position":2,"name":"Creating a Custom Gutenberg Block Using Advanced Custom Fields (ACF) in WordPress: Part 1"}]},{"@type":"WebSite","@id":"https:\/\/wordherd.io\/#website","url":"https:\/\/wordherd.io\/","name":"WordHerd WordPress \u79fb\u8f6c","description":"\u7f51\u7ad9\u8fc1\u79fb\u670d\u52a1","publisher":{"@id":"https:\/\/wordherd.io\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wordherd.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-Hans"},{"@type":"Organization","@id":"https:\/\/wordherd.io\/#organization","name":"WordHerd WordPress \u79fb\u8f6c","url":"https:\/\/wordherd.io\/","logo":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/wordherd.io\/#\/schema\/logo\/image\/","url":"https:\/\/wordherd.io\/wp-content\/uploads\/wordherd-trademark.png","contentUrl":"https:\/\/wordherd.io\/wp-content\/uploads\/wordherd-trademark.png","width":1000,"height":315,"caption":"WordHerd WordPress Migration"},"image":{"@id":"https:\/\/wordherd.io\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/wordherd.io\/#\/schema\/person\/373419b97c0fbc45a3a16462bdba0fac","name":"WordHerd","image":{"@type":"ImageObject","inLanguage":"zh-Hans","@id":"https:\/\/secure.gravatar.com\/avatar\/bf8c7166601a64c6c57b67ffbeab8f8c6a378cca786da9a326c1a34a2ec6f860?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bf8c7166601a64c6c57b67ffbeab8f8c6a378cca786da9a326c1a34a2ec6f860?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bf8c7166601a64c6c57b67ffbeab8f8c6a378cca786da9a326c1a34a2ec6f860?s=96&d=mm&r=g","caption":"WordHerd"},"sameAs":["https:\/\/wordherd.io","https:\/\/www.facebook.com\/wordherdio\/","https:\/\/www.linkedin.com\/company\/wordherd","https:\/\/x.com\/wordherdio"],"url":"https:\/\/wordherd.io\/zh\/blog\/author\/wordherd\/"}]}},"_links":{"self":[{"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/posts\/13330","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/comments?post=13330"}],"version-history":[{"count":0,"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/posts\/13330\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/media\/14025"}],"wp:attachment":[{"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/media?parent=13330"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/categories?post=13330"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/tags?post=13330"},{"taxonomy":"builders","embeddable":true,"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/builders?post=13330"},{"taxonomy":"industry","embeddable":true,"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/industry?post=13330"},{"taxonomy":"platform","embeddable":true,"href":"https:\/\/wordherd.io\/zh\/wp-json\/wp\/v2\/platform?post=13330"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}