準備をしましょう

みるめもぼっくす を使うためにちょっとだけ準備をします。手順はたった2つだけ。また、この作業は1度行えば以降は必要ありません。
1下記CSSを子テーマのstyle.csseditor-style.cssに貼り付けます。
Copy!
.mbo p{margin:0 0 .5em;padding:0;}.mbo ul,.mbo ol{margin:.75em 0;padding:0 .1em 0 1.5em;}.mbo p:last-child,.mbo ul:last-child,.mbo ol:last-child{margin:0;}.mbo li{margin:5px 0;padding:0;}
2同様に、下記のPHPコードもfunctions.phpに入力します。
Copy!
add_filter('wp_head', function(){
    echo '<link href="https://use.fontawesome.com/releases/v5.12.1/css/all.css" rel="stylesheet">'."\n";
});
add_editor_style();
add_theme_support('editor-styles');
add_editor_style('https://use.fontawesome.com/releases/v5.12.1/css/all.css');

みるめもぼっくす

手軽に使えるブログ用タイトルボックス!
  • Border
  • Background
  • Font 1
  • Font 2
ボックスのタイトル

これは本文の例です。

WordPressでの改行(Enter)による複数pタグにもご覧のように対応しています(ul/olのリストもOK)。

出力コードにクラスを付与する
(知識のある方向け。よく分からない場合はチェックしなくてOK!)