WordPress

【WordPress】ギャラリーもしくはカルーセルスライダーで表示できるInstagram Gallery

November 27, 2017
Instagram Gallery

Instagram GalleryはInstagram画像をWebサイトに表示するためのプラグイン。GalleryまたはCarousel SliderとしてInstagramアカウントから画像を表示します。設定パネルでポップアップイメージの設定も可能。

Instagram Galleryプラグインを導入

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

Instagram Gallery


Add New Galleryをクリックします。

Display Instagram Gallery from Instagramユーザー名もしくはタグから画像を表示するオプションを選択
Instagram User Name インスタグラムユーザー名 Example:https://www.instagram.com/MyUsername/ MyUsername部分
Pictures Limit 写真の数(最大:20)
Show As 表示形式
No. of Pics Columns 行の写真の数(Gallery)
Image hover effect マウスオーバーアニメーション効果(Gallery)
Space between images 画像間に空白を追加(Gallery)
Images thumbnail size 画像サムネイルサイズ
Images hover color 画像のホバーカラー
Popup images on thumbnail click サムネイルクリックで画像をポップアップ
Display Likes お気に入りを表示
Display Comments 表示コメント
Display Instagram Link Button Instagramリンクボタンを表示
Instagram Button Text Instagramボタンテキスト
Button Background Color ボタンの背景色
Button Mouse Hover Color ボタンマウスのホバーカラー

Update / Addをクリック。


一覧にショートコードが表示されるので投稿などにコピペします。


ギャラリー表示。

カルーセル表示。

ライトボックス表示。

PHP

テンプレートファイルに埋め込む場合は以下のようになります。

<?php echo do_shortcode( '[insta-gallery id="1"]' ); ?>