ワードプレスのブロックエディタの使い方

2021年1月15日2021年1月22日

ワードプレスのバージョンアップがあり、以前からあったブロックエディタが使いやすくなりました。でも、なれるまでにはちょっと時間がかかるかもしれませんね。

今回はこのブロックエディタの使い方の基本をご紹介します。

編集画面の構成

 

 

タイトルと段落ブロックの追加

タイトルと段落を挿入してみます。段落ブロックは【Enter】キーを押すと追加されます。

見出しブロックの追加

【＋】ボタンをクリックして、「見出し」を選択します。【＋】ボタンは上部のボタンでも文末のボタンでも同じです。

表示されたブロックの中から「見出し」を選択します。

見出しを入力できるようになるので、文字を入力します。

見出しが下にあるので上に移動してみましょう。移動は【↑】、【↓】をクリックします。

画像ブロックの追加

写真を追加するときは画像ブロックを追加します。【＋】をクリックして表示されたブロックの中から画像を選択します。

画像を選択すると、以下の画面が表示されます。写真をアップロードする場合は”アップロード”をクリックして写真をアップロードします。

右上の設定ボタンをクリックすると選択した写真のサイズの変更など細かい設定ができます。

動画の追加

YouTubeの動画を追加してみましょう。【＋】をクリックして、ブロックの中から「動画」を選択します。

これで動画を埋め込むことができました。

文章の引用または詩

文章の「引用」は利用することはあると思いますが、「詩」というブロックもあります。

今回は「詩」というブロックを使って雨にも負けずの詩を挿入してみましょう。

ブロックの追加は【＋】をクリックして追加したいブロックを選択します。共通の作業なので使っているうちに覚えてしまうと思います。

では、【＋】をクリックして、「詩」ブロックを選んでみましょう。

 

 

その他の便利な機能

ギャラリーブロック

プラグインを使わないで、ギャレリーを表示することができます。また、設定を変更して表示をスライドにすることもできます。ブロックから「ギャレリー」を選択します。

写真をアップロードする場合は、画面の表示の【アップロード】をクリックして、ギャラリーで表示する写真を選択します。

複数のカラムの追加

デザインカラムを選択すると２列、３列の横並びのブロックを追加できます。

ブロックから「カラム」を選択します。

表示された画面から。カラムを選択します。

以下は３列のカラムを追加した例です。

以下は３カラムに文章や写真を追加したサンプルです。（データはWikipediaからです）