ブロックエディタ デザイン編

ブロック-デザイン

ボタン

ボタンは、サイトの他のページや外部のページにリンクするボタンを追加
ツールバー 配置を変更、コンテンツ揃え位置を変更 等

カラム

テキスト、メディア、その他の種類のコンテンツを最大6カラムまで挿入
メニューバー 配置、垂直配置を変更 等
設定 スタイル、色設定、カラム 等

それほど昔のことではありません。その名は忘れましたが、ラ・マンチャ地方のある村に、槍立て台に槍、古い盾、痩せ馬と猟犬と住むような型通りの郷士がおりました。

羊肉よりも牛肉の方が多めの煮込み鍋、ほとんどの夜食はサラダ、土曜日には臓物、金曜日にはレンズ豆、日曜日には少し贅沢に小鳩を余分に食べ、これで収入の4分の3ほどは消えていました。

グループ

複数のブロック(又は一つのブロック)をグループ化
ツールバー 配置を変更 等
設定 スタイル、色設定、間隔 等

グループ化することで全体が <div> タグで囲われた状態となり、文字色や背景色などをグループに対して設定できる他、 CSS クラスを追加して装飾などを設定することが可

  • リスト1
  • リスト2
  • リスト3

続き

ブログエントリを切り取ることができ、ホームページ、アーカイブページや、メルマガには投稿の最初の部分のみが表示される

ページ区切り

ページや投稿にページネーションやページ区切りを追加
ページ区切りブロックの後に書かれたコンテンツは、ライブサイトで次ページに表示されます。改ページの数の上限はありません。
改ページブロック を追加するたびにページ下部に表示されるマルチページリンクに新しい番号が追加され、コンテンツが複数のページに分割されていきます。

区切り

段落レベルのテーマの区切りなどで利用される水平罫線
<hr> タグ (Horizontal Rule)
ツールバー 配置を変更 等
設定 スタイル、色設定 等

<hr class=”wp-block-separator alignwide is-style-default”/>


スペーサー

2ブロックの間に、高さをカスタマイズ可能な余白を追加
ツールバー オプション 等
設定 ピクセル値での高さ 等

この上の隙間は、スペーサーブロックで、ピクセル値での高さ100px を設定しています。

<div style=”height:100px” aria-hidden=”true” class=”wp-block-spacer”></div>

投稿日:
カテゴリー: WordPress