写真をまとめて挿入できる!WordPressのギャラリーの使い方

Sponsored Link


WordPressブログに複数の写真を並べて表示したい!

どうも、Linです。個室に、8時間です。

 

WordPressのサイトを運営しているとたまに、

「複数の写真を一気に、しかもオシャレに並べて配置したい!」

なんて時があるでしょう。

複数の写真を挿入しようとすると、記事が縦長になってしまいますし、写真ばかりでスカスカのブログだと認識(バレる笑)されてしまう恐れだってあります。

 

そんな時に活用したいのが、

WordPressのギャラリー機能

というやつです。

ギャラリー機能を使えば複数の写真を並べて、複数の写真を一挙に投下できるのです。

こんな感じで写真を複数枚並べることができます↓

今日は実際にこのWordPressのギャラリーの使い方をマスターしたのでその使い方を忘れないうちに書き留めておきますね。

 

 

プラグインなんて不要!WordPressのギャラリー機能の使い方

今日は試しに、中国旅行で撮影した北京動物園の写真を意味もなく複数枚記事に挿入してみます笑

 

Step1. メディアを追加から「ギャラリー追加」を選ぶ

単体の写真を追加した場合と同様に、「メディアを追加」というコマンドを選びます。

 

https://gyazo.com/c8e61629d821e6a32f69ba8386761c4f

 

すると、左上に「ギャラリーを作成」という箇所が見えてくると思いますので、今回はこちらをクリック。

 

wordpress ギャラリー 使い方

 

Step2. 挿入したい写真を複数枚選ぶ

WordPressに挿入したい写真を複数枚選んでみましょう。

 

1枚1枚個別にクリックして行ってもいいですが、

https://gyazo.com/cc4db7ce25771de033efeed407a4e4b9

Shiftキーを使うともっと素早く選択できますね。

最初の写真をクリックして、最後の写真をShiftキーを押しながらクリックしてやると、その間の写真たちも選択状態になってくれます。
https://gyazo.com/06228648907a28e4cb59c24c24d52975
お望みの写真をすべて選択したら右下の「ギャラリーを作成」を押してやりましょう。

wordpress ギャラリー 使い方

 

Step3. ギャラリーの設定

ここからがWordPressのギャラリー機能の使い方の本番。

自分好みに設定をしていくことになりますね。

wordpress ギャラリー 使い方

WordPressのギャラリーの設定は次の4項目。

項目 内容
リンク先 画像をクリックしたらどうなるか?
カラム ギャラリーの列数
ランダム ランダムに並べるか?
サイズ ギャラリーに表示するときのサイズ

 

リンク先

リンク先とは「ギャラリーの写真をクリックしたらどうなるのか?」を決定します

選択肢としては、

  • 添付ファイルのページ
  • メディアファイル
  • なし

の3つ。

 

wordpress ギャラリー 使い方

 

デフォルトでは「添付ファイルのページ」に設定されていますが、これはあまりいけてないです。

なぜなら、クリックすると、画像名がデカデカと表示されて、画像単体で1ページ占領することになるからです。

 

wordpress ギャラリー 使い方

 

PV数は無駄に稼げそうですがこれはちょっとね、痛々しいです。

 

おすすめは2つ目の、

メディアファイル

です。

これならページを更新せずに、ギャラリーの写真がポップアップして来ますからね。

おしゃれでスタイリッシュです。

https://gyazo.com/859e7e87c7359327b152f374cc78bc5c

 

カラム

こちらはギャラリーで並べる写真の列数ですね。

カラムが2なら2列、3ならば3列で写真が配置されるようになってます。

 

個人の好みと写真の枚数にもよると思いますのでお好きなものを選んでみましょう。

カラム数は

1~9

まで選択できますよ。

 

wordpress ギャラリー 使い方

 

画像枚数をちょうど割り切れる数にカラム数を設定してやると、きれいにギャラリーが作成できそうです。

たとえば、9枚の写真だったら3列にするとか、ですね。

 

ランダム

こいつにチェックを入れると、

写真の並び順がランダムに決定されます。

 

wordpress ギャラリー 使い方

 

つまり、ページを読み込むごとに配置が異なるわけです。

これも個々人の好きにすればいい箇所なので、遊び心がある方はランダムにチェックを入れてみましょう。

 

サイズ

「サイズ」とは、WordPressのギャラリーに並べる写真の大きさです。

選択肢としては、

  • サムネイル
  • フルサイズ

などなどありますが、おすすめは「フルサイズ」。

wordpress ギャラリー 使い方

下手に「中」とか「大」とかでケチってしまうと、垢抜けないギャラリーが誕生してしまいます。

 

ただ、「フルサイズ」に設定すると画質は上がるものの、ページを読み込むのに時間がかかってしまうというジレンマを抱えてしまいます。

おしゃれ度を優先する方はフルサイズ、ページの読み込み速度が欲しい方はサムネイルでもいいんじゃないですかね。

 

ってことで、ぼくが個人的にオススメするWordPressギャラリーの設定は、

リンク先 メディアファイル
カラム 写真数を割り切れる数(例えば9枚なら3)
ランダム あり
サイズ フルサイズ

ですね。

 

wordpress ギャラリー 使い方

 

設定が完了しましたら、右下の「ギャラリーを挿入」をクリックしてDONE。

wordpress ギャラリー 使い方

 

こんな感じでWordPressの記事内に複数の写真を並べられたんじゃないですかね。

 

 

 

プラグインを入れるとスライド表示できる!

以上がWordPressのギャラリー機能を使って複数枚の写真を表示させる方法でした。

ここで欲が出てくると、

ギャラリーの写真をスライドで切り替えて表示させたい・・・!

と思ってしまうかもしれません。

ぼくが利用している無料テーマ「Olsen Light」ではなぜかテーマのデフォルトでスライド機能が実装されていたので、何もせずとも写真の左右に矢印が出現し、スルスルと切り替えることができました。

https://gyazo.com/1261dd2c19c14143117a70f0c8ce5ed0

がしかし、他のテーマだとこのようなスライド機能がないのが普通のようです。

そんなときは、

Responsive Lightbox & Gallery

というプラグインを導入してみてください。

 

wordpress ギャラリー 使い方

 

インストールして有効化するだけでそれまで出現してなかった「矢印マーク」が写真の下部に現れるでしょう。

プラグインはなくてもギャラリーは使えますが、テーマによってはプラグインを用いるとよりおしゃれに写真を表示できそうです。

 

「それでもギャラリーに異変が!!」

という方にはエンジニア専門のQAサイト「teratail」がおすすめです。

質問に答えてくれる方はプロのエンジニアの方ばかりなので、問題を解決できるかもしれません。

よかったら試してみてくださいね。

 

それでは!

Lin

飯橋凛(Ihashi Lin)

新卒で入ったネット広告代理店を1年半で退職。
その後、副業として活動していたウェブメディア運営のフリーランスへ。
現在はプログラミングの勉強に励み、0からフリーエンジニアの道を目指す。最近はキムチをまとめ買いしている


Sponsored Link

コメントはこちらからお願いします!



もう1本読んでみる