WordPress 如何根据文章类型向编辑器添加 CSS

在 WordPress 中，我们可以通过向主题中添加 CSS 文件来为页面和文章添加样式。但是，如果您希望根据文章类型添加自定义样式，该怎么办呢？在本文中，我们将介绍如何在文章编辑器中添加自定义 CSS 样式，以根据文章类型为区块编辑器添加样式。

步骤 1：创建一个新的 CSS 文件

首先，我们需要创建一个新的 CSS 文件，其中包含我们想要为区块编辑器添加的样式。将该文件命名为 custom-editor-style.css，并将其放置在您的主题文件夹中的任何位置。

步骤 2：将 CSS 文件链接到主题

接下来，我们需要将 CSS 文件链接到我们的主题中。在您的主题的 functions.php 文件中添加以下代码：

function salong_add_editor_style() {
    global $post;
 
    if( 'post' === $post->post_type ) {
        add_editor_style( 'path/to/custom-editor-style.css' );
    }
}
add_action( 'admin_init', 'salong_add_editor_style' );

请将上面的代码中的“post_type_name”替换为您的文章类型的名称。此代码将确保只在编辑该文章类型时添加自定义样式。

步骤 3：为您的文章类型添加样式
最后，在 custom-editor-style.css 文件中添加您想要为您的文章类型添加的样式。您可以使用选择器针对您的文章类型添加样式，例如：

欢迎访问秀主题博客，分享简单实用WP教程

.post-type-name .wp-block {
    /* 自定义样式 */
}

现在，当您编辑您的文章类型时，将会应用您为该文章类型添加的自定义样式。