閉じる

技術ブログ

wordpress: tinyMCE 独自スタイル追加方法

2021.09.09

wordpress プラグイン tinyMCEで独自スタイルをプルダウンに実装する方法の説明です。

例えば、文章の解説で「結論」「解説」「参考」「引用」「事例」などのブロックにデザインを追加したい場合、クラスなどを設定することになりますが、それが spanなのかdivなのか、class名は何になるのかなどいちいち調べて記載することは無駄なことです。 tinyMCEのメニュー部分にあるプルダウンから独自のスタイル設定を選択できれば便利ですよね? 以下はその方法です。

参考

WordPressのビジュアルエディター(TinyMCE)に独自タグ挿入用のスタイル選択ボックスを追加するカスタマイズ