register_block_pattern() 作成パターンの独自スタイルについて

こんにちは

なので全体のstyle.cssではなく、登録パターン内にスタイルを組み入れれば解決するかと考え、しかしstyleタグを使用するとHTMLブロックとしてエディターに掲出してしまい、今度はエディター画面が煩雑になってしまいました。

styleは許可されていないので、使えません。

パターンの最上位ブロックに、特有のクラスを追加して、このクラスを目印にstyleをロードすることはできるかもしれないです。(例は、フロントエンドのみに、投稿本文に追加されたパターンのみ対象）

my-custom-pattern をパターンに追加した例

add_filter( 'render_block_core/post-content', 'emulsion_test', 10, 2 );

function emulsion_test($block_content, $block){
	if( false !== strpos($block_content,'my-custom-pattern')){
		wp_register_style( 'my-custom-pattern', get_template_directory_uri() . '/my-custom-pattern.css', array(), time(), 'all' );
		wp_enqueue_style( 'my-custom-pattern' );
	}
	return $block_content;
}

以上で、パターン用のCSSをフロント側に追加することができますが、エディタには反映しません。

これまで、editorに追加していた、style.css を省くと編集画面や、インサーターのプレビューなどではレイアウトは崩れます。
個人的には、パターンは「大量のCSSの追加」を想定していないので、こういうやり方は、よい方法ではないと思っていますが、何とかしたい気持ちはわかります。
エディタでの表示はある程度割り切って考えた方がいいと思います。

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