{"id":3430,"date":"2025-06-11T22:53:03","date_gmt":"2025-06-11T14:53:03","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3430.html"},"modified":"2025-06-11T22:53:04","modified_gmt":"2025-06-11T14:53:04","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e4%b8%ad%e6%89%b9%e9%87%8f%e5%b0%86%e7%bb%8f%e5%85%b8%e5%9d%97%e8%bd%ac%e6%8d%a2%e4%b8%bagutenberg","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3430.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u4e2d\u6279\u91cf\u5c06\u7ecf\u5178\u5757\u8f6c\u6362\u4e3aGutenberg"},"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中的经典块（Classic Blocks）转换为Gutenberg（Gutenberg），你可以按照以下步骤操作：<\/p>\n

步骤 1: 准备工作<\/h3>\n

首先确保你的WordPress环境已经安装了Gutenberg编辑器。如果你的网站还没有启用Gutenberg，你需要先设置这个功能。<\/p>\n

    \n
  1. 登录到您的WordPress管理后台。<\/li>\n
  2. 进入“设置” > “常用” > “页面和帖子格式”，确保已启用了Gutenberg模式。如果未启用，请点击“切换到Gutenberg”。<\/li>\n<\/ol>\n

    步骤 2: 找到需要转换的经典块<\/h3>\n

    找到您希望转换的经典块的区域或页面。通常这些区域会以不同的类别标签来区分，例如“经典块”、“旧式布局”等。<\/p>\n

    步骤 3: 使用 Gutenberg 编辑器进行转换<\/h3>\n
      \n
    1. \n

      打开 Gutenberg 编辑器<\/strong>：在 WordPress 管理后台，进入需要转换的经典块的页面，然后点击右上角的“编辑”按钮。这样就会进入 Gutenberg 编辑器。<\/p>\n<\/li>\n

    2. \n

      拖放元素<\/strong>：在 Gutenberg 编辑器中，您可以像使用经典块一样拖动和调整元素的位置、大小和样式。每个经典块都有其对应的Gutenberg模板，通过拖拽可以轻松转换。<\/p>\n<\/li>\n<\/ol>\n

      示例代码<\/h3>\n

      假设您想要将某个经典块从左侧位置移动到右侧。在这个过程中，我们可以通过拖放元素来进行操作。<\/p>\n

      <!-- 在 Gutenberg 编辑器中 -->\n<div class=\"classic-block\" data-style=\"left\">\n    <div class=\"gutenberg-element gutenberg-paragraph\">这是经典块的内容。<\/div>\n<\/div>\n\n<!-- 转换后 -->\n<div class=\"classic-block\" data-style=\"right\">\n    <div class=\"gutenberg-element gutenberg-paragraph\">这是Gutenberg编辑器的内容。<\/div>\n<\/div><\/code><\/pre>\n
      效果说明<\/h3>\n
      当您在 Gutenberg 编辑器中拖动经典块时，它会被自动转换为与之对应的新版块。例如，如果经典块是段落，则转换后的Gutenberg区块将是段落，具有相同的文本内容和样式。<\/p>\n
      注意事项<\/h3>\n