WordPress

WordPressの編集画面に独自スタイルシートを追加する

WordPressの編集画面画面にeditor-style.cssを追加したかったけど、TinyMCE用とGutenberg用があることで引っかかっていたので覚書。
なお、editor-style.cssは子テーマの中にあるものとします。

Gutenberg用

function my_block_editor_assets() {
    wp_enqueue_style( 
        'my-block-editor-style', 
        get_stylesheet_directory_uri() . '/editor-style.css', 
        array(), 
        filemtime( get_stylesheet_directory() . '/editor-style.css' )
    );
}
add_action( 'enqueue_block_editor_assets', 'my_block_editor_assets' );

TinyMCE用

function my_theme_add_editor_styles() {
    add_editor_style( 'editor-style.css' );
}
add_action( 'after_setup_theme', 'my_theme_add_editor_styles' );
  • この記事を書いた人

ゆず

■忘れないように自分の覚書と、誰かも困っているかもしれないので参考になればいいなくらいの軽い備忘録です。
■サイト運営費のためGoogleAdsenseをいれています。
gifteeを贈る / コーヒーをおごる / mail

1

outlookを最小化すると勝手に終了してしまう outlookを最小化すると勝手に終了してしまうと相談されたけど実はそれ勝手に閉じてるわけじゃなくて、おそらく「最小化時にアイコン化する設定」になって ...

2

前提 自分用ブックマークサイトとして使用しているてがろぐに、いいねボタンをつけようという狙いです。なので、てがろぐのセットアップは終了し稼働しているものとします。 配布ページのマニュアルを参考に進めま ...

3

感想をもっと手軽に、お気軽に。 https://labo.01kawa.com/kansou 同人イベントやSNSで大好きな作家さんの作品に感動したとき、「感想送りたいな!」って思うけど、言葉に詰まっ ...

-WordPress
-