ブロックエディターの基礎

基礎編 基礎編
この記事は約2分で読めます。

ブロックエディターとは

現在のワードプレスでページを作成する場合、このブロックエディターを使って作成していくことになります。
考え方はとてもシンプルです。

白紙の紙があるとして、まずはページのタイトルが一番上に来ます。このページでいうと「ブロックエディターの基礎」というタイトルです。

このタイトルを1つのブロック(かたまり)と考えます。そしてその下に解説の文章が入ります。これもまた1つのブロック(かたまり)と考えます。

そして例えばその下に写真を入れるとすると、その写真も1つのブロックになります。さらにその写真の下に中見出しを入れるとその中見出しも1つのブロック(かたまり)として考えます。

そしてその中見出しの下に文章が入ります。
この文章も1つのブロックとして扱います。さらにその下に表(テーブル)を入れるとするとこれもまた一つのブロック(かたまり)として入れることになります。

このように種類の違う必要なものをブロック(かたまり)として追加していき、ページができあがっていくというのがブロックエディターなのです。

そう考えるととてもシンプルな構造だということがお分かりになると思います。

ブロックエディターの編集方法

ブロックエディターを編集したい場合は、編集したいブロックをまずクリックします。するとクリックしたすぐ上の部分と画面右側に編集できる項目が表示されるので、選択すればいいだけです。

例えば、上の「ブロックエディターの編集方法」という見出しをh3からh4に変更したい場合は、

  1. 見出しの文字をクリックする
  2. すぐ上に表示されたリストの中の「H3」をクリックし、「H4」を選択する

だけで簡単に変更することが可能です。

例えば、上の黒丸リストをチェックリストに変えたい場合は、

  1. リストの中の文字をクリックする
  2. すぐ上に表示されたリストの一番左の「リストを選択」マークをクリックする
  3. 画面の右に表示されるメニューの中の「(C)スタイル」をクリックし、好きなデザインを選択する

と簡単にリストのデザインを変更することができます。また同時に「(C)ボーダー設定」でリストをボーダー(線)で囲むこともできます。

コメント