Skip to content
さきどりふぁくとり~
  • Webマーケティング
  • WordPress
  • SEO
  • YouTube
  • お問い合わせ
  • 求人情報

WordPressで画像をアルバムみたいに表示するギャラリープラグイン

更新日:2021年9月11日
写真を多く使用しているサイトでは、デザインにギャラリーを取り入れると見栄えがよくなります。 しかし、テンプレート内でギャラリーを実装しようとすると、画像の増減が手間だったり後々のメンテナンスが大変な可能性があります。 この記事では、WordPressでギャラリーページを作りたいという方に向けてギャラリー機能が使用できるプラグインを紹介します。

目次

  • 1 Lightbox系プラグイン
    • 1.1 EasyFancyBox
  • 2 ギャラリー系プラグイン
    • 2.1 FooGalllery
    • 2.2 RoboGallery

Lightbox系プラグイン

Lightbox系プラグインとは、画像をクリックするとポップアップで浮かび上がらせることができる機能を持ったプラグインのことです。

EasyFancyBox

画像をポップアップで浮かび上がらせる機能を持ったプラグインですが、画像をグループ化することができるので、ギャラリーとして使用することができます。 以下の手順で簡単に利用することができます。 プラグイン>新規追加からインストール、有効化 投稿など画像を挿入したい場所にギャラリーブロックで複数画像を挿入(1枚のみの場合は画像ブロックを使用) ブロック挿入後、サイドバーのブロックメニューのリンク先を「メディアファイル」に変更(リンク先をメディアファイルにすることでプラグインが適用されます) 必要な操作はこれだけです。 ポップアップ表示したくない場合には、リンク先をメディアファイル以外に設定すればEasyFancyBoxは適用されません。 ギャラリーを挿入したページを確認すると、登録した画像が指定したカラム数で表示されています。 1枚画像をクリックすると、ポップアップ表示されるのが確認できます。 次の画像を表示したい場合には、ポップアップ表示のまま、カーソルを右か左に近づけると矢印が表示されます。 この矢印をクリックすることで次の画像を表示させることができます。

ギャラリー系プラグイン

FooGalllery

FooGallleryはレスポンシブに対応しており、細かい設定が可能なのでオリジナリティのあるギャラリーを作成することができます。 FooGallleryは以下の手順で利用することができます。 プラグイン>新規追加からWordPress Gallery Plugin – FooGalleryをインストール、有効化します。 (画像が浮かび上がるLightbox機能を使用したい方はFooBox Image Lightbox WordPress Pluginも一緒にインストール、有効化します) プラグインを有効化すると、管理画面にFooGalleryメニューが追加されます。 FooGallery>Add Galleryからギャラリーを作成します。 画像を登録し画面下部でギャラリーの設定をしたあとは、ショートコードをエディターに挿入するだけで作成したギャラリーを任意の場所に表示させることができます。

RoboGallery

RoboGalleryはレスポンシブ対応しており、デフォルトのままでも完成度の高いギャラリーを作成することができます。 ポップアップ表示も、デフォルトのままで使用できます。 RoboGalleryは以下の手順で利用することができます。 プラグイン>新規追加からRoboGalleryをインストール、有効化 プラグインを有効化すると、管理画面にRobo Galleryメニューが追加されます。 ギャラリーを作成するにはRobo Gallery>Add Gallery / Imagesをクリックし、右側の「Manage Images」に画像をアップロードします。 画像を登録し、公開をクリックすると、作成したギャラリーを挿入するためのショートコードが表示されます。 表示されたショートコードをエディターに挿入することで、任意の場所にギャラリーを作成することができます。 オリジナリティを出した個性的なギャラリーを作成することで目を引くコンテンツの一つになります。 ギャラリーを実装できるプラグインを用いて、簡単でサイトに合ったギャラリーを実装してみてください。

カテゴリー

  • AWS (3)
  • SEO (50)
  • SNS (16)
    • Facebook (7)
  • Webマーケティング (38)
  • WordPress (62)
  • YouTube (43)
  • プライバシー・ポリシー (1)
  • 未分類 (2)

プロフィール

ブログ運営・執筆または監修:
株式会社ルミナスネットワークス
https://www.luminous-networks.co.jp

代表取締役:生田 寿行

Webページ制作およびWebアプリケーションの設計~製造に至るまでをすべて通貫して行う独立系SIerです。
弊社はWebマーケティングに強いSIerとしての地位目指し、WEBページを制作することだけでなく、その先のWebマーケティングにも関係する内容を取り扱うことで、高いコストを掛けて制作したWEBページが無駄にならないようお客様を導くことを目標としております。 YouTubeマーケティングやその他SNSについても幅広い知見をもとにお客様をサポートして参ります。

本ブログで記載している内容は、必要に応じて環境を構築し、実際に調査・検証を行っており、より再現性・統計的な正当性の高いデータを目指したものとなっております。
参考にして頂けましたら幸いです。

投稿されている記事に関しまして、もっと深く知りたいという事がございましたら、無料で相談を受け付けておりますのでご遠慮無くお問い合わせください。

お仕事のご依頼・お問い合わせ

目次

  • 1 Lightbox系プラグイン
    • 1.1 EasyFancyBox
  • 2 ギャラリー系プラグイン
    • 2.1 FooGalllery
    • 2.2 RoboGallery
© 2023 さきどりふぁくとり~