ブロックエディターのブロック仕上がり一覧【Gutenberg】

何となく使い辛さを感じていたブロックエディターですが、思っていたより便利な機能がたくさんありました。もちろん問題もあるんですけど、そこは割り切って使える時は使おうかなみたいな。

ブロック仕上がり一覧

全部ではありませんが、主なブロックの仕上がりイメージを一覧にしました。

段落

①と②の間は改行で、②と③の間は段落です。ブロック追加しなくてもEnterで段落を追加できます。

①これは改行です。
②これは改行です。

③これは段落です。

見出し

H2〜H4の見出しが選択できます。

リスト

• リストは
• 今までと
• 一緒です

1. 数字の
2. パターンも
3. もちろん
   1. さらに
   2. インデントも
   3. できます

1. カスタマイズ方法は
2. 参考にできるサイトがたくさんあるので
3. 是非チェックしてみてください

ギャラリー

画像ギャラリーは新しいですね。オシャレ。

カバー

引用

この様なヤツです。引用です。

※引用元 Unity Right

プルクオート

引用は他人の文章を挿入しますが、プルクオートは自分の文章の一部分を目立たせる「抜粋」みたいです。

音声

音声を追加する事もできます。ここでは割愛(特に音声データ無いので・・)

メディアと文章

画像と文章を並べるやつ

クラシック

そのブロックだけ旧エディターが使えるという。斬新。

ボタン

カラム

PCだと横並びになりますが、スマホで閲覧するとカラムは縦1列に並びます。

カテゴリー・最新記事

それぞれ簡単に挿入できます。一度入れておけば内容は自動的に更新されていくので、見た目をカスタマイズしておけばかなり使えると思います。

↓カテゴリー記事

• Google Tools
• Kawaii
• Webサイト
• アイテム
• エクセル
• ゲーム
• ドクターマリオ
• マジックキャッスル
• 個人的ニュース

↓最新記事

• Switchのマイクラを持っているのにランチャーでJava版が入手できない！
• マイクラ「Realms(レルムズ)」とは？VPSとの簡単な違いや設定方法について【Switch 統合版】
• 突然マイクラが起動しなくなった(´；ω；｀)【Nintendo Switch 統合版】
• スプラ3のエキスパンションパス購入済みなのに購入を求められる【ついでに連敗対策】
• 2台目のSwitch本体を購入して2台とも家族で使う場合の「いつも遊ぶ本体」の設定や必要な周辺機器

埋め込み

SNSなど色々埋め込みできます

↓Instagram の埋め込み

ブラウザーをアップデートしてください | Facebook

www.instagram.com

↓twitter の埋め込み

↓Youtubeの埋め込み

スペーサー

例えば段落をたくさん追加してもスペースは広がりません。そんな時はスペーサー。直観的にスペースをあけることができます。

マーカーとアンダーライン

マーカー【黄色】

マーカー【青色】

マーカー【赤色】

アンダーライン【黄色】

アンダーライン【青色】

アンダーライン【赤色】

Cocoon

旧エディターで多用していたものがブロックエディターでも使える様になっていました。いつもありがとうございます。

吹き出しとか