Gutenberg用スタイルを作ってみた

ブロックエディタ対応

Gutenberg投稿のコンテンツを良いかんじに調整してくれるSCSSを作りました。
各種ブロックでハチャメチャに投稿をしたとしても、
おかしなことにならず良いかんじで調整してくれる、、、はずです。

仕様

もともとWPにはブロックエディタ用のCSSが入っています。（wp-includs/dist/css/にある）
その付帯しているCSSを上書きして調整していく、っていうイメージ。

使い方

1. テーマファイルの /scss/object/project/ に入っている、_block-editor-style.scss を、皆さんのSCSSファイルの仲間に入れてあげてください。
2. SCSSにはどこのブロックのスタイルなのかコメントで書いてあるので、適宜調整してください。
3. いつものようにコンパイルする。
4. <the_content();>をラップする要素に、class=”editor-styles-wrapper” をつける。
5. 以上！

ここヘンです〜！っていうのがあれば、随時教えてください。

ちなみにこのWPのローダーは、わざと3秒タイマーセットしているので表示に時間がかかります。
すみません、面倒で直していません・・・

以降の内容はテスト投稿なので、まったく身になりません。
ごめんなさい。
↓↓↓

• 箇条書きリストです
• 箇条書きリストです
• 箇条書きリストです

1. 数字リストです
2. 数字リストです
3. 数字リストです

芸術は爆発だ

岡本太郎 のお言葉を引用しました

<div>コードをかくときはこのブロック</div>

整形済みテキストとは、入力された状態のレイアウトをそのまま反映します。

詩！海は広いな大きいな

If today were the last day of my life,
would I want to do what I am about to do today?

すてぃーぶじょぶず