WordPressの記事にギャラリーを挿入する

WordPressの記事にギャラリーを挿入する

WordPressの記事にギャラリー(画像一覧)を挿入する方法をまとめておきます。

目次

ブロックエディター

編集画面で「ギャラリー」ブロックを追加します。

「ギャラリー」ブロックをクリック

新規アップロード及びメディアライブラリで画像の保存先を選択します。

「アップロード」及び「メディアライブラリ」をクリック

ギャラリーに追加したい画像を選択して、「ギャラリーを作成」をクリックします。

必要であれば、添付ファイルの詳細で各画像の詳細も入力します。

画像を選択して「ギャラリーを作成」をクリック

スクロールできます
詳細
代替テキスト alt属性alt=""(SEO効果あり)
タイトル メディアライブラリや添付ファイルのページで表示されるタイトル
(title属性ではない)
キャプション 画像の上に重ねて表示される&添付ファイルのページで表示される
説明 添付ファイルのページで表示される

必要であれば、ドラッグ&ドロップで画像の順番を入れ替えて、「ギャラリーを挿入」をクリックします。

ドラッグ&ドロップで画像の順番を入れ替える

ギャラリーが挿入されたら、ブロックメニューから各種設定を変更できます。

テーマによって若干デザインが異なるので、プレビューを確認しながら設定して下さい。

ギャラリーのオプション設定

スクロールできます
詳細
カラム 一列に表示させる画像の数
画像の切り抜き アスペクト比(縦横比)の統一
リンク先 画像のリンク先
画像サイズ 使用する画像のサイズ(小さなサイズ推奨)
HTML アンカー アンカーリンク(スラッグ)の追加
追加 CSS クラス CSSを追加したい時のクラス名

これでブロックエディターのギャラリー挿入は完了です。

あわせて読みたい
WordPressのメディアライブラリとファイルの詳細設定 WordPressの「メディアライブラリ」でできることをまとめておきます。 【メディアライブラリ】 管理画面の「メディアライブラリ」では、メディアファイルのアップロード...

クラシックエディター

編集画面で、「メディアを追加」をクリックします。

「メディアを追加」をクリック

アクションの「ギャラリーを作成」をクリックします。

「ギャラリーを作成」をクリック

ギャラリーに追加したい画像を選択して、「ギャラリーを作成」をクリックします。

必要であれば、添付ファイルの詳細で各画像の詳細も入力します。

画像を選択して「ギャラリーを作成」をクリック(クラシックエディター)

スクロールできます
詳細
代替テキスト alt属性alt=""(SEO効果あり)
タイトル メディアライブラリや添付ファイルのページで表示されるタイトル
(title属性ではない)
キャプション 画像の下に表示される&添付ファイルのページで表示される
説明 添付ファイルのページで表示される

必要であれば、ドラッグ&ドロップで画像の順番を入れ替えて、「ギャラリーを挿入」をクリックします。

ギャラリーの設定変更

スクロールできます
詳細
リンク先 画像のリンク先
カラム 一列に表示させる画像の数
ランダム 画像の順番をランダムで表示
サイズ 使用する画像のサイズ(小さなサイズ推奨)

ギャラリーのショートコードが挿入されたら設定完了です。

ギャラリーのショートコードが挿入される

ブロックエディターの場合は、「クラシック」ブロックで追加することもできます。

最後に

ギャラリーは、複数画像をまとめて表示させたい時に使うと便利です。

ただ、ブロックエディターとクラシックエディターでは、ギャラリーの挿入方法やカスタマイズできる項目が異なりますし、挿入されるタグやデザインも異なるので注意して下さい。

スポンサーリンク
スポンサーリンク

スポンサーリンク

この記事を書いた人

このブログでは、管理人が学んだこと、体験したこと、購入した商品を好き勝手レビューしています。また、できるだけ正確な情報を伝えるよう心がけてはいますが、古い情報や間違った情報を掲載している可能性があります。

気づかれましたら、遠慮なくコメントして頂けるとうれしいです。

関連コンテンツ

コメント

コメントする

目次
閉じる