こちらの記事の現象が開発中のプラグインでも発生したため原因を調査しました。フォーマットタイプを登録ビジュアルエディタのツールボタン等...2019.02.06WordPress雑記WordPressGutenbergのビジュアルエディタとコードエディタの切り替えなどを検出する方法ブロックエディタには「ビジュアルエディター」と「コードエディター」の二種類のエディタが用意されており、気軽に切り替えることができます。エディタにデザインを適用させるためにクラスを...2018.12.24WordPressプログラミングJavaScriptWordPressGutenbergエディタにテーマ以外の外部CSSを追加する方法テーマのCSSをエディタに適用することで公開後のデザインに近づけることができます。今までのクラシックエディタではテーマディレクトリ配下のCSSを「add_editor_style」を使用して追加することができました。以下の方法でGutenbergエディタ(ブロックエディタ)とクラシックエディタを判定することが可能です。今までのエディタでは「tiny_mce_before_init」フィルタなどのフックでクラスを付与したり色々な設定を変更したりすることができました。Gutenbergでは同様の方法をとることができません。新たにDOMの構築...2018.12.10WordPress開発WordPressGutenbergエディタ(ブロックエディタ)にボタンを追加するWordPressのバージョンが5.0になり、エディタが新しくなりました。これまでのTinyMCEとは異なりReactを利用したモダンな実装になっており、エディタへの機能の追加方法も大きく変わりました。IntellijタイトルとURLをコピーしました。