instagramの写真をブログやホームページのサイドバーに載せる方法(2016年10月改訂版)

is

写真共有SNSのInstagram
Instagramの写真を載せると、ブログもちょっとオシャレになるかも?と思って、ブログに貼り付けたい方も多いのではないでしょうか?わたしもHPに載せています。ブログに載せる方法をお伝えします。

 

instagramの写真をブログやホームページにサイドバーに載せる方法

is

WEBSTAWIDGETSというInstagramウィジェット生成サイトがあります。こちらにアクセス。

 

is2

インスタグラムにログインします。

is3

必要事項を入力します。

ウィジェット名は、自分が分かりやすい名前を付けましょう。
ドメイン名は、このウィジェットのアドレスになります。通常○○.meで設定できます。(○○の部分は好きなアカウント名)

is4

設定をしたら下のウィジェットのコードをコピーします。

 

アメブロにInstagramの写真を載せる方法

Instagram5

アメブロの「設定・管理」→「プラグインの追加」をクリック。

Instagram6

フリープラグインに先ほどコピーしたタグを入れます。

名称未設定-7

表示されました!

 

WordPressの場合

名称未設定-8

ダッシュボード→外観→ウィジェット→テキスト→サイドメニューなど置きたい場所を選んでタグを入れる。

これで表示されます。

 

2 件のコメント

  • お世話になります。
    すみません早速おたずねさせていただきます。
    snapwidgetにアクセスしたところ画面が表示されている画面と違い先方のリニューアルされた画面になっているようでした。
    内容が英字のため理解出来ず迷っています。どうすれば良いかアドバイスをいただければ幸いです。
    よろしくお願いします。

    • ご質問ありがとうございます。こちらの記事は昨年のものなので、どうやらリニューアルしたようですね。
      わたしも英語が苦手なため、他のウィジェットの設定を入れましたので、お手すきの際にご確認ください。
      また、基本的に載っているTipsに関してのアドバイスは行っておりませんこと、ご了承ください。

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    three × 1 =