{"id":2680,"date":"2025-06-11T05:27:19","date_gmt":"2025-06-10T21:27:19","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/2680.html"},"modified":"2025-06-11T05:27:19","modified_gmt":"2025-06-10T21:27:19","slug":"%e5%a6%82%e4%bd%95%e5%af%bc%e5%85%a5-%e5%af%bc%e5%87%ba%e4%bd%a0%e7%9a%84wordpress%e5%8f%a4%e8%85%be%e5%a0%a1%e5%9d%97%ef%bc%88%e4%b8%a4%e6%ad%a5%e6%b3%95%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/2680.html","title":{"rendered":"\u5982\u4f55\u5bfc\u5165\/\u5bfc\u51fa\u4f60\u7684WordPress\u53e4\u817e\u5821\u5757\uff08\u4e24\u6b65\u6cd5\uff09"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

为了帮助您了解如何导入和导出WordPress的Gutenberg块，我将分两个部分来讲解：首先，我们将介绍如何从本地文件导入块；其次，我们将会展示如何通过WordPress的后台导出和导入块。<\/p>\n

导入块<\/h3>\n
    \n
  1. \n

    准备工作<\/strong>：<\/p>\n

      \n
    • 确保您的电脑上安装了WordPress。<\/li>\n
    • 有一个可以访问的本地或远程服务器，用于存储您的块文件。<\/li>\n<\/ul>\n<\/li>\n
    • \n

      下载块文件<\/strong>：<\/p>\n

        \n
      • 打开您的WordPress博客，进入“编辑”模式。<\/li>\n
      • 使用 Gutenberg 编辑器创建一个新的页面或文章，然后点击右下角的“插入”按钮，选择“自定义块”。<\/li>\n
      • 在弹出的菜单中，找到并拖动您要导入的块到页面或文章中。<\/li>\n
      • 当您完成编辑后，点击“保存”或“发布”。<\/li>\n<\/ul>\n<\/li>\n
      • \n

        上传块文件<\/strong>：<\/p>\n

          \n
        • 返回到您的本地计算机或远程服务器，找到之前创建的新页面或文章目录下的块文件。<\/li>\n
        • 将这个块文件复制到WordPress根目录下的wp-content\/uploads\/gutenberg\/<\/code>文件夹中。<\/li>\n<\/ul>\n<\/li>\n
        • \n

          更新块列表<\/strong>：<\/p>\n

            \n
          • 登录到WordPress管理后台，导航至“设置” -> “翻译” -> “插件”，确保“启用Gutenberg插件”已选中。<\/li>\n
          • 您可能需要刷新浏览器缓存以查看更改。<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n

            导出和导入块<\/h3>\n
              \n
            1. \n

              导出块<\/strong>：<\/p>\n

                \n
              • 进入WordPress管理后台，导航至“设置” -> “翻译” -> “插件”。<\/li>\n
              • 点击“启用Gutenberg插件”旁边的齿轮图标，选择“导出块”。<\/li>\n
              • 根据提示操作，您可以选择导出所有块、特定分类或单个块。<\/li>\n<\/ul>\n<\/li>\n
              • \n

                导入块<\/strong>：<\/p>\n

                  \n
                • 登录到WordPress管理后台，返回到“设置” -> “翻译” -> “插件”。<\/li>\n
                • 选择“启用Gutenberg插件”旁边的齿轮图标，选择“导入块”。<\/li>\n
                • 下载块文件后，将其解压缩到WordPress根目录下的wp-content\/plugins\/gutenberg\/blocks\/<\/code>文件夹中。<\/li>\n<\/ul>\n<\/li>\n
                • \n

                  更新块列表<\/strong>：<\/p>\n

                    \n
                  • 更新 WordPress 后，再次检查“设置” -> “翻译” -> “插件”中的“启用Gutenberg插件”是否已被勾选。<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n

                    示例代码与使用步骤<\/h3>\n

                    示例代码一：基本文本块<\/h4>\n
                    \/\/ 创建一个新页面并添加基本文本块\nfunction create_block() {\n    $page = new WP_Post(array(\n        'post_title' => 'New Page',\n        'post_content' => '[gutenberg-block name=\"core\/text\"]This is a basic text block.[\/gutenberg-block]',\n        'post_status' => 'publish'\n    ));\n    wp_insert_post($page);\n}<\/code><\/pre>\n
                    使用步骤：<\/h4>\n
                      \n
                    1. 插入上述代码到您的主题的functions.php文件中。<\/li>\n
                    2. 发布页面后，您可以看到页面底部出现了一个Gutenberg块，显示为“基本文本块”。<\/li>\n
                    3. 点击“发布”即可。<\/li>\n<\/ol>\n
                      示例代码二：高级布局块<\/h4>\n
                      \/\/ 创建一个新页面并添加高级布局块\nfunction create_block_with_layout() {\n    $page = new WP_Post(array(\n        'post_title' => 'New Page with Layout',\n        'post_content' => '[gutenberg-block name=\"core\/layout\"]<div class=\"container\">\n            <h1>This is an advanced layout block.<\/h1>\n            <p>This block allows you to customize the layout of your content.<\/p>\n            <button>Click me!<\/button>\n        <\/div>[\/gutenberg-block]',\n        'post_status' => 'publish'\n    ));\n    wp_insert_post($page);\n}<\/code><\/pre>\n
                      使用步骤：<\/h4>\n
                        \n
                      1. 插入上述代码到您的主题的functions.php文件中。<\/li>\n
                      2. 发布页面后，在页面底部会看到一个Gutenberg块，这是一个带有容器和段落的布局块。<\/li>\n
                      3. 如果点击按钮，页面会跳转到另一个页面。<\/li>\n<\/ol>\n
                        这些示例代码展示了如何使用Gutenberg块的基本功能以及如何通过WordPress管理后台轻松地添加和管理块。通过这种方式，您可以根据需要调整页面的内容结构和样式。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
                        \r\n
                        \r\n
                        \r\n
                        \r\n
                        \r\n
                        \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
                        黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
                        \r\n
                        \r\n
                        首先，你需要了解WordPress古腾堡块的概念。古腾堡块是一种自定义元素，可以用来创建动态、交互式的内容。它们通常用于展示特定的文本或图片，例如产品详情页中的描述。<\/p>\n
                        接下来，我们来探讨如何导入和导出WordPress古腾堡块：<\/p>\n
                        导入WordPress古腾堡块<\/h3>\n
                        步骤 1: 创建一个新主题<\/h4>\n
                          \n
                        1. 登录到您的WordPress网站。<\/li>\n
                        2. 点击“编辑”按钮。<\/li>\n
                        3. 在顶部菜单栏中选择“主题管理”，然后点击“新建主题”。<\/li>\n<\/ol>\n
                          步骤 2: 编辑主题文件夹<\/h4>\n
                            \n
                          1. 新建一个名为“functions.php”的文件夹。<\/li>\n
                          2. 将以下代码复制并粘贴到“functions.php”文件中：\n
                            \/**\n* Adds custom Gutenberg blocks to WordPress.\n*\/\nfunction wpse106699_custom_blocks() {\nregister_block_type( __DIR__ . '\/blocks\/' );\n}\nadd_action( 'init', 'wpse106699_custom_blocks' );<\/code><\/pre>\n
                            这个代码将注册一个新的块类型blocks\/<\/code>，用于添加自定义的古腾堡块。<\/p><\/li>\n<\/ol>\n
                            步骤 3: 添加古腾堡块<\/h4>\n
                              \n
                            1. 在你的主题目录下创建一个名为“blocks”的子目录。<\/li>\n
                            2. 在“blocks”子目录中，创建两个子目录：content<\/code> 和 editor<\/code>.<\/li>\n
                            3. 在content<\/code> 子目录中创建一个名为“block-1.php”的文件，这将是第一个古腾堡块。<\/li>\n
                            4. 在editor<\/code> 子目录中创建一个名为“block-editor.php”的文件，这是第二个古腾堡块。<\/li>\n<\/ol>\n
                              现在，你已经成功地导入了两个不同的古腾堡块到你的WordPress主题中。你可以通过访问http:\/\/your-site.com\/wp-admin\/edit-blocks\/<\/code>页面来查看和编辑这些块。<\/p>\n
                              导出WordPress古腾堡块<\/h3>\n
                              步骤 1: 打开“edit-blocks”页面<\/h4>\n
                                \n
                              1. 登录到您的WordPress网站。<\/li>\n
                              2. 点击右上角的“Edit Blocks”链接。<\/li>\n
                              3. 搜索你想导出的主题块。<\/li>\n<\/ol>\n
                                步骤 2: 保存导出<\/h4>\n
                                  \n
                                1. 单击你想要导出的主题块。<\/li>\n
                                2. 在弹出的窗口中，选择“导出”选项。<\/li>\n
                                3. 在新的窗口中，选择导出类型为“HTML”。<\/li>\n
                                4. 填写任何必要的信息后，单击“导出”按钮。<\/li>\n<\/ol>\n
                                  步骤 3: 查看导出文件<\/h4>\n
                                    \n
                                  1. 在新的窗口中，找到导出的文件。<\/li>\n
                                  2. 这个文件包含了一个HTML文件，其中包含了你所选的主题块的代码。<\/li>\n<\/ol>\n
                                    使用导出的古腾堡块<\/h3>\n
                                    步骤 1: 安装插件<\/h4>\n
                                      \n
                                    1. 如果你还没有安装WordPress古腾堡插件，请登录到你的WordPress网站，然后转到“插件”部分。<\/li>\n
                                    2. 在搜索框中输入“Gutenberg”以查找“WordPress Gutenberg”插件。<\/li>\n
                                    3. 单击“启用”以激活该插件。<\/li>\n<\/ol>\n
                                      步骤 2: 配置古腾堡块<\/h4>\n
                                        \n
                                      1. 在“编辑器”视图中，找到你要使用的古腾堡块。<\/li>\n
                                      2. 在左侧边栏中，点击“插入”。<\/li>\n
                                      3. 选择你刚刚从导出文件中下载的HTML文件，它应该会在右侧显示。<\/li>\n<\/ol>\n
                                        这样，你就完成了导入和导出WordPress古腾堡块的过程。希望这对您有所帮助！如果您有任何问题或需要进一步的帮助，请随时联系我。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                                        Bug编译狮 为了帮助您了解如何导入和导出WordPress的Gut..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[59],"tuisongtax":[],"class_list":["post-2680","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=2680"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/2680\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=2680"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=2680"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=2680"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=2680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}