web

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

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


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

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

Instagram Feedをインストール


有効化して

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

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

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

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

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

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

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

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

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

関連記事

  1. WordPress

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

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

  2. WordPress

    ~インデックスされているか、確認する方法~ アナリティクスの連携とSearchConsoleの設定・…

    まだ立ち上げたばっかりだし、アクセス数とかあまり考えずに、更新する…

  3. web

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

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

  4. WordPress

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

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

  5. WordPress

    初めましてエラー500♪すてきな洗礼いただきました。

    サイトを開設してまずは「更新すること」を優先してましたが、健全なサ…

  6. WordPress

    吹き出し

    ずっと気になっていたけど、どうもうまくプラグインを作動することができな…

最近の記事

アーカイブ

  1. web

    インスタグラムの画像をTwitterへ表示させる
  2. web

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

    Surface 3の通信料を見直し!!
  4. Blog運営

    自分の「メディア」を持つということ
  5. web

    Windows10で画面をキャプチャする方法
PAGE TOP