【WordPress】ライトボックス機能付きフォトギャラリーResponsive Photo Gallery

Responsive Photo Gallery
Responsive Photo Galleryはアニメーション効果を利用したフォトギャラリーとライトボックスのプレビュー機能がついたプラグインです。
レスポンシブにも対応していて、設定もほとんど2択なので簡単です。

Pro版ではGoogle fontsやMasonryレイアウトなどの機能も付いているようです。
デモページも準備されています。

Responsive Photo Galleryプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Responsive Photo Galleryを検索
有効化にするとResponsive Photo Galleryが追加されます。
rgp_1
上記はResponsive Gallery Settings画面です。

Image Hover Animation 画像ホバーアニメーション
Gallery Layout ギャラリーレイアウト
Display Gallery Title ギャラリーのタイトルを表示
Hover Color ホバー色
Hover Color Opacity ホバー色不透明度
Image View Icon イメージビューアイコン
Caption Font Style キャプションフォントスタイル

rgp_2
Add New Galleryに移り、タイトルを入力し、Add New Imageで画像を足します。Upload Imageをクリックします。

rgp_3
画像をアップロードするかメディアライブラリから画像を選択して、挿入します。
画像を選択後公開して、ショートコードを任意の場所にコピペします。

rgp_4
完成は上記のようになります。

rgp_5
ブラウザの幅を狭めてみました。

 
wordpress

【WordPress】ライトボックス機能付きフォトギャラリーResponsive Photo Gallery

  • LATEST
  • RELATED
  • POPULAR