※この記事はグーテンベルクで書いています。
どもんも、グーテンが手に馴染み始めたくまです( ˙꒳˙ᐢ )
さてさて、今回もグーテンさんのエディタ画面を使いやすくして行きたいと思います！
さささ、やってやんよ！
お～おぉ～やる気まんまんじゃな
やる気だけだけどな（まじでおっさんじゃまやな、オレのポジションが無いぜ）
書きやすくしよう記事
MEMO
グーテンベルクは単純にeditor-style.cssにコードを書いても、エディタのスタイル変更ができません。function.phpにグーテン専用のコードを記入しておく必要があります。もくじ
タイトル部分をスッキリさせるって？
これが元の設定のタイトルですね。
そしてこれが控えめにしたタイトルの設定です。
タイトルが主張しすぎててウザかったんだよね！
言うてくれるのぉw
追加するコード
|
1 2 3 4 5 6 7 8 9 10 |
.editor-post-title { border-bottom: 10px solid #f9f9f9; height: 120px; margin-top: 10px; } .editor-styles-wrapper .editor-post-title__input { color: #797979; font-weight: 500; font-size: 1.6em; } |
これをエディタ編集用のCSSにズドンっ！！とぶち込んでください٩( ᐛ )و
まとめ
タイトルもすっきりしたし、次はなにしようかな。
[…] 背景に色を追加する書きやすくしよう③： タイトル部分をスッキリ書きやすくしよう④： […]