Cooonのクラシックエディタでbox(タブボックスやアイコンボックス)を記述する

Cocoonの文字修飾

このサイトはWordPressテーマとしてCocoonを使っています。

CocoonはWordPressのブロックエディタで様々な文字修飾ができます。

しかし、このサイトはブロックエディタではなく、クラシックエディタを使っています。

CodeMirrorをWordPressの投稿エディタで使う

クラシックエディタでHTMLを記述したいWordPress 5.0からブロックエディタ(グーテンベルク)が導入され、HTMLやCSSの知識なしで書式や修飾を指定できるようになっています。でもですよ、直接HTMLを記述したいというニーズはやは...

bibouroku.net

文字修飾の方法

クラシックエディタで文字修飾するにはspanタグで以下のようにCocoonの文字修飾のクラス名を指定します。

クラス名には以下が指定できます。

上の表からは”strike-red”や”under”といったクラスもありそうですが、実際にはありません。