web

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

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


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

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

Instagram Feedをインストール


有効化して

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

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

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

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

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

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

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

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

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

関連記事

  1. WordPress

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

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

  2. WordPress

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

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

  3. Photoshop

    Photoshop CC 多角形選択ツールが、いない?!

    勤務先ではPhotoshop Elementをサクサク使ってので、…

  4. web

    WordPressのヘッダーロゴ画像の背景が透過されない問題

    ずっと懸案だったヘッダーロゴ画像の背景が透過されない問題が…

  5. WordPress

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

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

  6. web

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

    昨日の記事で、アイキャッチ画像にあげたキャプチャ画像がぼやけていて…

最近の記事

アーカイブ

  1. life

    理想は高く、My Office
  2. web

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

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

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

    アウトプットと優先順位とデトックス
PAGE TOP