【WordPress】レスポンシブ対応ギャラリーWP Bootstrap Gallery

WP Bootstrap Gallery
WP Bootstrap Galleryはブートストラップを使ったレスポンシブ対応のギャラリープラグインです。このプラグインを使用すると簡単に複数の画像ギャラリーを作成でき、任意のページに表示させることができます。

デモページも準備されています。

WP Bootstrap Galleryプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> WP Bootstrap Galleryを検索
有効化にするとWPB Galleriesが追加されます。

WP Bootstrap Gallery1
Gallery Settingsに移ります。

Caption Text キャプションテキスト
Use TimThumb TimThumbを使用
TimThumb Width TimThumb幅
TimThumb Height TimThumb高さ
Borderless フチなし
Fullscreen 全画面表示
Automatically Add Bootstrap Scripts ブートストラップスクリプトを追加

最後にSave Optionsをクリックします。

WP Bootstrap Gallery2
Add Newに移ります。
タイトルを入力し、Quick Upload・Upload Imageどちらかで画像をアップロード・選択します。
Delete Allで選択したものをすべて削除できます。最後に公開します。

wpbg_3
WPB Galleriesでショートコードを投稿などにコピペしたら完成です。

wpbg_4
Caption TextをFilename、TimThumb Width・TimThumb Heightを300、Borderless・Automatically Add Bootstrap Scriptsにチェックを入れた状態で幅を狭めてみました。

 
wordpress

【WordPress】レスポンシブ対応ギャラリーWP Bootstrap Gallery

  • LATEST
  • RELATED
  • POPULAR