PR

【WordPress】ブロックエディターで複数の画像を一括で中央寄せする方法(初心者向け)

スポンサーリンク
初心者向け ワードプレス ブロックエディターで複数画像を一括で中央寄せする方法

最近、WordPressでブログを書く時に使うエディターを、クラシックエディターからブロックエディターに切りかえました。ところが、ブロックエディターで複数の画像を一括で中央寄せにする方法がわかりません。調べたところ、簡単にできる方法があったので、初心者の方に画像付きで紹介したいと思います。

記事の内容を素早く理解したい方は、目次を活用してください。また、使用しているテーマによって仕様が異なる場合があります(当ブログはcocoonを使用しています)。

スポンサーリンク

WordPressのブロックエディターで複数の画像を一括で中央寄せする方法

すでにブロックエディターになった状態で、記事内に複数の画像が入っているところから説明します。

複数画像を選ぶ方法を覚える

ワードプレス ブロックエディターで複数画像を一括で中央寄せする方法
何もしないと「左寄せ」の状態です

まず、ブロックエディターでは画像をクリックすると上に「ブロックツールバー」が表示されます(赤い丸で囲った部分)。その中の「配置」から、画像の位置を変更することができます。

まずは、画像を複数選ぶ方法を3つ紹介します。

シフトキー(shiftキー)を使って一気に選ぶ方法

1.複数選択したい一つ目の画像ブロックを左クリックで選択します。

2.シフトキー(shiftキー)を押しながら、他の画像ブロックをクリックすることで、複数の画像ブロックを選択します。

連続して画像がある場合、最初と最後の画像を選びます。

コントロールキー(Ctrlキー)を使って個別に選ぶ方法

1.複数選択したい一つの画像ブロックを左クリックで選択します。

2.コントロールキー(Ctrlキー)を押しながら他の画像ブロックをクリックし、複数の画像ブロックを選択します。

コントロールキー(Ctrlキー)をつかうと、連続していない画像を複数選択できます。

ドラッグを使って範囲を指定する方法

1.複数選択したい一つ目の画像ブロックを左クリックで選択します。

2.マウスの左ボタンを押したまま、ドラッグして複数の画像を選択します。

初心者向け ワードプレス ブロックエディターで複数画像を一括で中央寄せする方法
複数画像が選ばれている状態
はちこ
はちこ

複数の画像が選ばれると、それらの画像は青い枠線で囲まれ、背景色が変わるのでわかります👆

ブロックエディターで中央揃えにする

ブロックエディターで複数画像を一括で中央寄せする方法

1.複数の画像が選べたら「中央揃え」にしていきます。

2.選択した画像ブロックの上にマウスカーソルを合わせ、上に表示される「ブロックツールバー」の中から「配置」を選択します。

3.配置の中から「中央揃え」を選択します。

4.選択した複数の画像ブロックが中央揃えになります。

【まとめ】WordPressのブロックエディターで画像を使った記事作成がよりスムーズに

色々なサイズの画像を記事の中で使う場合、画像を中央寄せにしておいた方がバランスが取れる気がしています。 ただ、左に寄せたり、右に寄せたりすることでデザイン性を高めるケースもありますよね。 シフトやコントロールキーを使い分けたりすることで、複数の画像を一括で操作するバリエーションが増えました。 初心者も覚えておくと便利なので、ぜひお試しください。

タイトルとURLをコピーしました