WordPressのブロックエディターで、画像を一括で記事に挿入する方法!

WordPressのブロックエディターで、画像を一括挿入する方法!

WordPressのエディターが、Gutenberg(グーテンベルク)に変更され、ブロックによる編集方法になりました。

旧エディターは、2022年でサポートが廃止される予定になっています。

私は、このブロックエディターが、とても使いやすいと思っています。

しかし、一つ困っていたことがありました。それは、画像を一括で挿入できないことです。

数枚なら一つ一つ画像ブロックを設定すればいいのですが、いっきに5枚、10枚挿入したいと思った時に、画像ブロックではできません。

ギャラリーブロックを使うことで、いっきに複数枚、挿入することができます。

その方法をご紹介します。

目次

画像ブロックで、一括挿入できない

WordPress画像ブロック

画像ブロックで、メディアを選択します。

WordPress画像ブロックで、画像の選択画面
WordPress画像ブロックで、画像の選択画面

Shiftキーを押しても、画像を複数選択することができません。

ギャラリーブロックで画像を複数選択して、画像ブログに変換する!

WordPressギャラリーブロック

画像ブロックではなく、ギャラリーブロックを使用します。ギャラリーブロックは、一般ブロックの中にあります。

WordPressギャラリーブロック

メディアライブリから画像を選択する場合は、メディアラブリをクリック。

WordPressギャラリーブロックで、画像を複数選択

挿入する画像を、順番に選択していきます。自動的に複数選択になります。選択したら、[ギャラリーを作成]ボタンをクリックします。

WordPressギャラリーブロックで、画像を複数選択

画像にキャプションを入れる画面になります。ここで、画像をドラッグすることで、順番を入れ替えることもできます。

画像が決まったら、[ギャラリーを挿入]をクリックします。

WordPressギャラリーブロックで、複数画像を挿入したところ

ギャラリーブロックに画像が挿入されました。このままでは、ギャラリー表示なので、ギャラリーブロックを画像ブロックに変換します。

WordPressギャラリーブロックを変換

ギャラリーブロックの一番左上のボタンから、変換メニューを表示させます。その中から、[画像]をクリックします。

押した瞬間に、ギャラリーが変換されてしまうので、変換したくない場合は気をつけてください。

WordPress画像ブロック

1枚1枚の画像ブロックに変換されました。

まとめ

ブロックエディターで、画像を複数枚いっきに挿入したい場合は、まずギャラリーブロックで画像を選択します。

そして、ギャラリーブロックを画像ブロックに変換することで、複数枚一括で挿入できます。

しっかりウェブデザインを勉強したいなら、オンライン授業もある「インターネット・アカデミー」がオススメです。

  • 表面的な部分だけでなく質の高いWeb・ITのスキルを身に着けたい方
  • Webデザイナーやプログラマーとして副業を考えている方
  • 初心者から中級者まで、スキルアップしたい方
  • 給付金を活用してお得にWeb・ITの勉強を行いたい方
  • ライフスタイルに合わせて柔軟に勉強をしたい方

目的に合わせたコースのカスタマイズも可能。無料相談・カウンセリングも受けられます。

ウェブデザインWordPressを学びたい方にはオススメです!

  • 当日無断キャンセルの場合は、次回のカウンセリングをお断りさせていただく場合がございます。
あわせて読みたい
WordPressのリビジョン機能(自動保存履歴)を停止する方法とプラグイン! WordPressで記事を書いている最中に、記事は自動保存されます。 書いている記事に変更が加わると記事全体をバックアップ用に保存してくれます。 ちょっと前の状態に戻し...
あわせて読みたい
WordPressテーマ「SWELL」に変更!クールなデザインで、ブロックエディター完全対応でとても使いやすい! 2019年10月頭に、当サイトのWordPressテーマを「SWELL()」に変更しました。 以前は、「Snow Monkey」を使っていました。 どちらもWordPress最新型のブロックエディタ...

ブログカフェ開催のご案内!Blog Cafe

ブログ記事を書いたり、情報交換したり、ブログの悩みを共有できる場です。

ブログを始めたい方も、オンラインで気軽に参加できます。

次回のブログカフェは、2024年10月14日(月・祝)夜開催予定!(イベントページ準備中)

第66回ブログカフェ@オンライン9/18(水)開催

詳細・参加申し込みは、こちらから!

WordPressのブロックエディターで、画像を一括挿入する方法!

この記事が気に入ったら
いいね または フォローしてね!

シェアはこちらから!
  • URLをコピーしました!
目次