Social Slider Widget:Instagramの写真を取得してスライド表示できる
人気の SNS のインスタグラム。
自分のインスタグラムアカウントにアップロードした写真を WordPress でも使いたい。
そのような時に便利な WordPress 用プラグインがあります。
それは「Social Slider Widget」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
Social Slider Widget
Social Slider Widget は、インスタグラムにアップロードした写真を自動で取得します。
そして、スライドショーとして表示できます。
ウィジェットとして利用しますので、ウィジェットのあるエリアなら好きな場所に表示できます。
記事を作成もしくは更新時点でのバージョン:v 1.4.2
マルチサイトでの利用:可
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Social Slider Widget – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Social Slider Widget」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
使い方
設定画面などは無くて、直接ウィジェットで設定します。
ダッシュボード > 外観 > ウィジット >
このウィジェットを表示させたいウィジェットエリアにドラッグアンドドロップします。
「Instagram Slider – Shortcode Generator」にドロップすると
ウィジェットエリアに表示させないで、ショートコードとして任意の場所に表示できます。
Title:
ウィジェットのタイトルを設定できます。
Search Instagram for:
Username か Hashtag を指定します。
Source:
画像取得元を Instagram かワードプレスのメディアライブラリ を選択します。
Save and Display Images from Media Library:
画像をインスタグラムから取得する場合、
ワードプレスのメディアライブラリに保存して表示したい場合にチェックを付けます。
Number of images to show:
スライドショーとして使う画像数を指定します。初期値:5
Check for new images every:
新しい画像が無いかをチェックする間隔を指定します。初期値:5 時間おき
Template:
画像の表示形式を指定します。初期値:スライドショー
Image size:
画像サイズを指定します。初期値:Large
Order by:
画像の表示順を指定します。初期値:ランダム
他には日付の新しいもしくは古い順 か 人気順が指定できます。
Link to:
画像にリンクさせるものを指定します。初期値:Instagram Image
Image Link rel attribute:
リンク先のウェブサイトとの間の関係を指定できます。
Image Link class::
jQuery のライトボックスのプラグインを使用している場合に指定できます。
Slider Navigation Controls:
スライダーのナビゲーションを指定できます。
Prev & Next か Dotted か No Navigation を選べます。
Slider Animation:
スライダーの動作を指定できます。
Slide か Fade を選べます。
Number of words in caption:
最大文字数を指定できます。初期値:100 バイト
Slide Speed::
スライダーの速度を指定できます。初期値 7000 ミリ秒
1000 ミリ秒 = 1 秒
Slider Text Description:
スライダーに表示する項目を指定します。
複数項目を指定する場合には、ctrl キーを押しながらクリックします。
Shortcode of this Widget:
今までで設定した値で表示できるショートコードです。
設定したら、「保存」ボタンをクリックして、設定を保存します。
あとは、ウィジェットを表示させて確認しましょう。
代替プラグイン
Social Slider Widget にほしい機能が無かった場合には、
Social Slider Widget 以外にも Instagram の写真を取得し表示できるプラグインを記事にしています。
以下では、Social Slider Widget を含めて 10 個を簡単に紹介しています。
Instagramの写真を取得し表示できるWordPressプラグイン一覧