カフェ会のイベント日程はこちら!

ワードプレスのサイドバーに自分のインスタグラムを埋め込む方法

※当サイトはアフィリエイト広告を利用しています。

ワードプレスのサイトバーに自分のインスタグラムを埋め込む方法を解説します

下の画像のサイドバーの赤枠の部分にインスタグラムが埋め込まれていますが、このように自分のインスタグラムをサイドバーに埋め込むことができます。

目次

管理画面にログインしプラグインをインストールする

まずは、ワードプレスの管理画面にログインしてください。

あわせて読みたい
【2024年最新】WordPress(ワードプレス)でホームページを作成する方法【初心者向け】 というご要望を沢山いただきましたので、今日はワードプレスでホームページを作成する初心者向けの方法を解説していきます。 ちなみにこの記事を書いている僕は、ワード...

管理画面のプラグインで新規追加して、「Smash Balloon Social Photo Feed」というプラグインを検索して、インストールし有効化してください。

プラグインの設定

プラグイン一覧に、以下のようなInstagram Feedというプラグインが追加されますので、Settinngsをクリックしてください。

以下のような画面に移りますので、Connect an Instagram Accountをクリックしてください。

以下のような画面になります。

usami12593は宇佐美のインスタグラムのアカウント名ですので、ここは自身のインスタアカウント名になります。

Authorizeをクリックしてください。

以下のように自身のインスタグラムのアカウントとワードプレスを連携することができました。

デフォルトでは、横:4枚、縦:5枚になっています。

横:2枚、縦:5枚にしてみたいと思います。

Customizeをクリックしてください。

以下のように、Layoutという箇所がありますので、その中のNumber of Photos10Number of columnsに変更します。

変更を保存をクリックします。

表示したいページに

と入力すれば完了です。

管理画面のウィジェットに貼り付ける

管理画面の外観ウィジェットをクリックしてください。

ウィジェットの画面に移りましたら、左のテキストをサイドバーの載せたい箇所にドラック&ドロップしてください。

テキストの右側に▼をクリックすると以下のような画面になります。

ビジュアルタブに

と入力して、保存をクリックしてください。

実際に確認してみる

実際に確認してみてください。

以上、サイドバーに自身のインスタグラムを埋め込む方法でした。

補足

※もしこのプラグインで上手く表示されない場合は、こちらの「Instagram Feed Gallery(もしくは、Social Feed Gallery)」のプラグインをご使用ください。

あわせて読みたい
ワードプレスのサイドバーに自分のTwitterのタイムラインを埋め込む方法 下の画像のサイドバー(赤枠)にTwitterのタイムラインが埋め込まれていますが、このように自分のTwitterのタイムラインをサイドバーに埋め込むことができます。 【PCで...

(おまけ)オススメのワードプレスのテーマ

このブログも以前このテーマを使っていました。とても使い安くて、デザインもオシャレなのでおススメですよ。今はこのテーマを使っています。

この記事が気に入ったら
いいねしてね!

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次