編集画面において、投稿か固定ページかを判別する方法

こんにちは

@ishitaka　さんがすでに解説済みの通りですが、

以下のように処理した場合には、

add_editor_style( 'style.css' );

style.cssに記述したスタイル

.post-type-post .is-root-container{
    border:3px solid red;
}

editorで、実際にロードされるスタイル
.editor-styles-wrapper .post-type-post .is-root-container {
    border: 3px solid red;
}

つまり、スタイルは加工されて（.editor-styles-wrapper）ロードされます。

このため、body.post-type-post, body.post-type-page を参照しようとしても出来なくなる。

.editor-styles-wrapper の孫要素（つまり、ブロックスタイルは、適用される）ということになります。

なので、body要素内のクラスを参照する場合には、別の方法でスタイルの加工が入らない方法で処理する必要があります。

以下のような手法をとることで、加工のないスタイルを追加できます。

add_action( 'enqueue_block_editor_assets', 'emulsion_block_editor_assets' );

function emulsion_block_editor_assets(){
	wp_register_style( 'emulsion-fse', get_template_directory_uri() . '/fse.css', array(), time(), 'all' );
	wp_enqueue_style( 'emulsion-fse' );
}

余談

add_editor_style()を使って、エディタ用のスタイルをフロント用とは別に追加するといった流れは、最近では過去のものになりつつあるように思います。

add_editor_styleを使っている場合に、フロント用のCSSを使用するケースが増えています

投稿エディタに関していえば、フロント用のCSSに、どうしてもエディタ用にスタイルが必要な場合は、.editor-styles-wrapper .wp-block-xxxx{}などとして、エディタ用のスタイルを書くことが多くなってきています。

• この返信は1年、 7ヶ月前にnobitaが編集しました。
• この返信は1年、 7ヶ月前にnobitaが編集しました。