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

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

WordPressの記事にギャラリーを挿入する方法をまとめています。

目次

\ FUJI ROCK FESTIVAL '24 /

ギャラリーブロック

ギャラリーブロックはWordPress共通の機能ですが、一部のカスタマイズ機能はテーマに依存します。

基本的な流れ
  • 画像を選択してギャラリーブロックを挿入する
  • ギャラリーブロックのオプションから全体のカラム数やリンク先を設定する
  • 画像の編集から順番を入れ替えたり画像の代替テキストを設定する

参考までに、5枚の画像を3カラムで表示させると、下記の様なギャラリーブロックが挿入されます。

ギャラリーブロックの追加

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

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

パソコンからアップロード及びメディアライブラリから、ギャラリーで表示する画像を選択します。

ギャラリーを作成

ギャラリーに表示される画像を確認して、ギャラリーを挿入します。

ギャラリーを挿入

記事にギャラリーが挿入されます。

ギャラリーが挿入される

細かい設定は後から画像の編集で行った方が楽です。

ギャラリーブロックの編集(全体に影響)

ギャラリーブロックのオプションから、全体のカラム数や画像のリンク先を設定できます。

ギャラリーブロックのオプション
設定詳細
カラム一行に表示させる画像の数(最大8)
画像の切り抜きアスペクト比(縦横比)の統一
リンク先画像のリンク先を指定
新しいタブで開くリンクにtarget="_blank"を追加
画像サイズギャリーに表示される画像のサイズ

ツールバーオプションからは、画像の追加とキャプションを設定できます。

ギャラリーのキャプション

ここでの設定はギャラリー画像全てに適用されます。個別に設定したい時は、画像の編集から行って下さい。

ポイント
  • 画像の横幅はカラム数によって自動調整される
  • 画像の縦幅は同じ行の一番縦幅比率が大きい画像に合わせて調整される
  • 最後の行はカラム数の関係で画像が大きく表示される可能性がある
  • スマホでは最大2カラムで表示される

画像の編集(個別に編集)

ギャラリーブロックの画像を選択して、画像を個別に編集できます。

ギャラリー画像の編集
設定詳細
スタイルデザインの変更
ALTテキスト(代替テキスト)alt属性alt=""のテキスト
画像サイズギャラリー一覧で表示される画像の大きさ

ツールバーオプションからは、画像の順番を入れ替えたりキャプションを設定できます。

任意のリンク先を指定することもできるので、お好みで設定して下さい。

画像の順番入れ替えとキャプションの設定

できることはメディアの挿入とほぼ同じですが、スタイルの変更等、一部の機能はテーマに依存します。

最後に

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

ただ、自動調整が少し特殊で細かいカスタマイズもできないので、ギャラリーブロックを多用する方や自分のサイトに合わないと思った方は、プラグインの導入も検討してみて下さい。

シェアしてね!

この記事を書いた人

6月いっぱいでパチンコ・パチスロ搭載楽曲ネタはフェードアウトしようと思う。とりあえず、未開封フィギュアをレビューしたい!未だに「キャスター/スカサハ」は未開封のままだし、今月は「[暁想]アルベド」も届く予定。ASPにフィギュアレビュー記事について注意を受けてからレビューが完全に滞ってしまった。需要があるか分からないけど、注意を受けた内容についても記事にしたいと思う。

コメント

コメントする

目次