【マニュアル】画像を追加したい・差し替えたい時

さぽ子

お客様から画像の入れ方が分からない...とよくご質問いただきますので、画像の追加方法にフォーカスして解説します!

WordPressのバージョンによって、ブロックの表示が異なる場合がございますが、基本的には操作方法は一緒です。(この記事の画像はバーション5.7 です。)

画像の追加方法

1. 画像ブロックを追加する

記事やページへの画像を入れたい場合、まずはブロックを追加します。
追加したい位置にマウスを持っていき、一回クリックすると、+のアイコンが表示されるので、
それをクリックしてください。

ブロックのポップアップが表示されますので、「画像」というのがあれば、それを選択します。
なければ、検索バーに「画像」と入力して検索するとすぐに出てきます。
(または、下のすべて表示をクリックするとすべてのブロックが表示されるので、そこから探してもOKです)

ちなみに、編集画面の左上にある+アイコンをクリックすると、はじめからすべて表示されます。

2.画像を選択する

追加方法の選択画面が表示されますので、新規で追加する場合は「アップロード」を選択、すでにアップされている画像から選択したい場合は「メディアライブラリ」をそれぞれクリックすると、画像を選択する画面になりますので、追加したい画像を選択してください。

3. 表示を調整する

選択した画像が挿入されますので、画像の表示位置(左揃え、中央揃え、右揃えなど)を選択したり、リンクをつけたりなど調整します。

さらに、右側に色々出ますので、大きさや枠線をつけたりなどさらに調整できます。
プレビューで確認しつつ、お好みの表示にしましょう。

枠線つけたり装飾をつけれます。
大きさはこちらで調整できます。

画像を差し替えたい場合

画像を差し替えたい場合は、画像を選択すると上にブロック設定のショートカットが表示されるので「置換」をクリックしてもう一度画像を選択しなおせば、差し替えることができます。

画像を横並びにしたい場合

画像を横に並ばせたいときは、「カラム」ブロックを使います。

まずはカラムブロックを追加します。
さきほど解説したとおり、+マークをクリックして、カラムと検索バーに入力するとすぐに出てきます。2つありますが、グリッドカラムではなく、普通の「カラム」を選択してください。

上記のようにパターンが表示されますので、お好きな割合を選んでください。(後からでも右側のブロック設定にて変更できます)
そうすると、カラムが追加されますので、それぞれのカラムの+マークをクリックして、中に画像ブロックを追加します。


これで画像を横並びにすることができます!簡単ですね〜^^

画像を複数アップしたいとき

たくさんの画像をまとめてアップしたいときは、「ギャラリー」ブロックが便利です!
以下のように、いい感じに画像を並べることができます。(横並びにする数は右側のブロック設定エリアで調節できます)

以上です!
ブロックエディタになってから、とても簡単にレイアウトできるようになりました。
ぜひ色々試して活用してみてください。

よく分からなかったり、お困りのご契約者様はお気軽にサポートセンターへご相談ください。
操作説明はもちろんのこと、プランによっては無料更新サービスもございますので、代行更新も可能です。ぜひご利用ください。

また、他にもマニュアル記事をいくつかアップしていますので、お時間のあるときに確認してみてくださいね。

無料相談してみる