l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在 WordPress 中禁用古腾堡编辑器并保留经典编辑器

如何在 WordPress 中禁用古腾堡编辑器并保留经典编辑器

Bug编译狮

Bug编译狮

要在 WordPress 中禁用古腾堡编辑器并保留经典编辑器（也称为 Gutenberg），你需要通过修改 functions.php 文件来实现。以下是具体步骤和示例代码：

步骤 1: 找到 functions.php

首先，在 WordPress 的根目录下找到或创建一个名为 functions.php 的文件。

步骤 2: 添加禁用古腾堡的代码

打开 functions.php 文件，添加以下代码以禁用古腾堡编辑器：

function disable_gutenberg() {
    // Check if the post type is set to 'page'
    if (is_page()) {
        remove_theme_support('editor');
    }
}
add_action( 'after_setup_theme', 'disable_gutenberg' );

这段代码的作用是在页面类型（post types）设置为“页面”时移除 Gutenberg 编辑器的支持。

步骤 3: 保存并激活更新

保存 functions.php 文件后，刷新浏览器缓存，然后激活您的 WordPress 网站。现在，当您访问任何支持页面类型的页面时，应该会看到 Classic Editor 而不是 Gutenberg。

示例代码解释

  • remove_theme_support('editor'): 这行代码告诉 WordPress 不再启用 Gutenberg 编辑器。

  • if (is_page()): 这个条件语句检查当前页面是否是页面类型。如果是页面类型，则执行移除支持操作；如果不是，则不会有任何动作。

  • add_action( 'after_setup_theme', 'disable_gutenberg' ): 这行代码注册了一个事件处理器，每当 WordPress 启动时都会运行一次 disable_gutenberg 函数。这确保了无论何时用户进入网站，Gutenberg 都会被禁用。

效果说明

当你按照上述步骤操作后，当您访问任何支持页面类型的页面时，WordPress 将显示 Classic Editor 而非 Gutenberg。这样，您可以根据需要选择不同的编辑器体验，而无需对整个网站进行大范围更改。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

在WordPress中启用和禁用古腾堡编辑器的过程相对简单，但要确保两者都工作正常需要一些配置和调整。以下是如何实现这一目标的方法：

步骤 1: 禁用古腾堡编辑器

首先，我们需要找到一个合适的插件来帮助我们禁用古腾堡编辑器。我们可以使用WooCommerce作为例子。

  1. 安装 WooCommerce 并激活：打开WordPress管理后台，在左侧菜单中选择“Plugins”，然后点击“Add New”。搜索“WooCommerce”并安装它。激活该插件以使它成为当前活跃的插件。

  2. 禁用古腾堡编辑器：

    • 打开WordPress管理后台。
    • 在右侧导航栏中，选择“Appearance > Editor”。
    • 滚动到底部，找到并点击“Customize”按钮。
    • 在自定义页面中，你会看到“Custom HTML/PHP”选项卡。在这里，你可以看到所有的HTML代码以及用于显示内容的部分。
    • 在这个区域，找到并删除任何与古腾堡编辑器相关的HTML或PHP代码。
    • 如果你想保留部分功能，可以考虑创建一个自定义的模板，将古腾堡编辑器的功能集成进去。

步骤 2: 保留经典编辑器

接下来，你需要让WordPress自动加载默认的编辑器而不是古腾堡编辑器。这可以通过设置wp_head中的CSS来完成。

  1. 打开 WordPress 编辑器：

    • 打开WordPress管理后台。
    • 在右侧导航栏中，选择“Appearance > Editor”。

  2. 添加自定义 CSS：

    • 在自定义页面中，你会看到“Customize”按钮。点击它进入自定义页面。

    • 在顶部的文本框中输入以下代码：

      /* Disable Gutenberg editor */
.editor {
display: none;
}

  3. 保存更改：

    • 将光标移动到顶部的文本框中，按回车键保存更改。

  4. 重新加载页面：

    • 按下浏览器的刷新按钮（F5）或者右击并选择“刷新”来查看效果。

现在，你已经成功地禁用了古腾堡编辑器并在WordPress中保留了经典编辑器。如果需要进一步定制或修改这些设置，请参考WordPress官方文档或查阅相关教程。

, ,

最新更新