Gutenberg用スタイルを作ってみた
ブロックエディタ対応
Gutenberg投稿のコンテンツを良いかんじに調整してくれるSCSSを作りました。
各種ブロックでハチャメチャに投稿をしたとしても、
おかしなことにならず良いかんじで調整してくれる、、、はずです。
仕様
もともとWPにはブロックエディタ用のCSSが入っています。（wp-includs/dist/css/にある）
その付帯しているCSSを上書きして調整していく、っていうイメージ。
使い方
- テーマファイルの /scss/object/project/ に入っている、_block-editor-style.scss を、皆さんのSCSSファイルの仲間に入れてあげてください。
- SCSSにはどこのブロックのスタイルなのかコメントで書いてあるので、適宜調整してください。
- いつものようにコンパイルする。
- <the_content();>をラップする要素に、class=”editor-styles-wrapper” をつける。
- 以上！
ここヘンです〜！っていうのがあれば、随時教えてください。
ちなみにこのWPのローダーは、わざと3秒タイマーセットしているので表示に時間がかかります。
すみません、面倒で直していません・・・
以降の内容はテスト投稿なので、まったく身になりません。
ごめんなさい。
↓↓↓
- 箇条書きリストです
- 箇条書きリストです
- 箇条書きリストです
- 数字リストです
- 数字リストです
- 数字リストです
芸術は爆発だ
岡本太郎 のお言葉を引用しました
<div>コードをかくときはこのブロック</div>整形済みテキストとは、入力された状態のレイアウトをそのまま反映します。
詩！海は広いな大きいな
If today were the last day of my life,
すてぃーぶじょぶず
would I want to do what I am about to do today?