【WordPress】Gutenbergで画像を2カラム表示する

WordPressで画像を2カラム(横並び)表示する方法をご紹介します。

手順1

投稿画面左上の⊕(ブロックの追加)ボタンをリックし、レイアウト要素→カラムをクリックします。

もしくは、ブロックに / と入力し、カラムを選択します。

今回は2カラム:等分を選択し画像を横並びに配置したいと思います。

手順2

(ブロックの追加)をクリックし画像を選択します。

手順3 

下図のような画面になります。

  • アップロード:自分のPC内にある画像をアップロードして表示
  • メディアライブラリ:既にWordPress内に保存してある画像を選択して表示
  • URLから挿入: Web上の画像を表示

URLから挿入でWeb上の画像を表示する方法ですが、Windowsで、ブラウザGoogle Chromeの場合の方法をご紹介します。

URLを取得したい画像の上でマウスを右クリックし、「画像アドレスをコピー」をクリックします。URLから挿入をクリックし貼り付けて完了です。

下図のようになります。

上図はO-DAN(オーダン)の写真を利用させて頂きました。

利用規約の確認など著作権に関しては十分ご注意下さい。

以上で完了です。3カラムにしたり、カラムの中にさらにカラムを追加したり、文章を入力したり、色々と試して活用してみて下さい。

最後までご覧頂きありがとうございます。