web

WordPress フッターにInstagramのギャラリーを表示させてみた

Twitterのタイムラインを公式サイトで埋め込みコードを作って、
サイドバーに表示させることができたので、


次はInstagramをフッターに表示してみることに。

フッターにInstagramをギャラリーにして連携するには、
無料プラグインでできる方法があるそうなので、早速ログにしました。

Instagram Feedをインストール


有効化して

管理画面の左側に新しく追加されたInstagram Feedを選択

Instagramアカウントと連携するために「Configure」から接続

アカウント登録に問題なければ「Authorize」をクリック。

3. Display Your Feedタブに切り替えると、必要なショートコードが表示されるので

ショートコードで好きなとことに埋め込める!と。

私はフッターに表示させたかったので、ウィジェットからテキスト形式で保存しました。

twitterはサイドバーに表示させましたが、埋め込みコードを入手さえすれば
同様に好きなところに表示できるようです。

表示方法は、2.Customizeタブから無料の範囲内でカスタマイズできるので、
ちょびーっとだけカスタマイズしてみました。
※カスタマイズは日本語に翻訳したらサクサク選択できるので、拡張機能はおススメです♪
どこでも翻訳 Translate Anywhere
(これないと、もうどうにも進まなかったであろう案件)
~日本語翻訳にした画面サンプルはこんな感じ~

いい感じになりました。
まだまだカスタマイズの余地はあるので、これまたおいおい♪

関連記事

  1. web

    外部リンクにアイコンのマークを入れる

    カードリンクで外部リンクを表示するのもいいんだけど、カードリンクほ…

  2. WordPress

    画像サイズを把握するには

    フッター画像がどうしても揃わず、どうにも不格好。アップロー…

  3. WordPress

    アイコンフォントが表示されない?

    ここ2.3日で急に。。。なぜ?ホームアイコンとか、アローアイコ…

  4. web

    拡張機能Awesome Screenshotを使ってみる

    前回の続きですども、なつです。いつ…

  5. WordPress

    ブログに外部リンクをカード型で表示する方法

    記事の途中で、自分のサイトの別記事なら、「関連記事カードリンク」ボタン…

  6. web

    サイドバーにツイッターのタイムラインを埋め込んでみた

    twitterせっかくはじめたからには、やっぱり連携しないとな~、…

最近の記事

アーカイブ

  1. life

    理想は高く、My Office
  2. web

    インスタグラムの画像をTwitterへ表示させる
  3. Blog運営

    Googleアドセンスに審査通過して
  4. web

    サイドバーにツイッターのタイムラインを埋め込んでみた
  5. cats

    猫が好き
PAGE TOP