準備をしましょう

みるめもぼっくす を使うためにちょっとだけ準備をします。手順はたった２つだけ。また、この作業は１度行えば以降は必要ありません。
1下記CSSを子テーマのstyle.cssとeditor-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;}
editor-style.cssは使用しなくても動作はしますが、記事編集画面でより実際に近い見た目になるので利用をおすすめします。
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！）