投稿タイプごとにエディターにCSSを読み込む

WordPress

ブロックエディター、クラッシクエディター共通で、カスタム投稿タイプ毎に、異なるCSSとフォントを読み込みます。

<?php

/**
 * ブロックエディターを含むエディター使用するCSSのテーマサポートの有効化
 */
function editor_style_setup() {
    add_theme_support( 'editor-styles' );
}
add_action( 'after_setup_theme', 'editor_style_setup' );

/**
 * 投稿タイプごとにスタイルとフォント指定
 */
function add_editor_styles() {
    global $post_type;
    switch ( $post_type ) {
        case 'typeA':
            $font_url = str_replace( ',', '%2C', '//fonts.googleapis.com/css?family=hoge:400,700,900' );
        case 'typeB':
            $font_url = str_replace( ',', '%2C', '//fonts.googleapis.com/css?family=hoge:400,700,900' );
            break;
    }
    add_editor_style( 'src/css/editor_style.css' ); // 共通のスタイル.
    add_editor_style( $font_url ); //google font.
    if ( isset( $lang_style ) ) {
        add_editor_style( 'src/css/editor_style_' . $post_type . '.css' ); // 投稿タイプごとのスタイル.
    }
}

add_action( 'init', 'add_editor_styles' );
add_action( 'pre_get_posts', 'add_editor_styles' );

参考