インスタ写真

WEB知識

ブログにインスタのタイムラインの画像を表示させる方法

最近は、色々な美容師さんや、ネイリストさんなどとお話しをさせて頂いておりますが感じたことは皆さん発信する『力』が非常に強いということがわかります。お店ではみなさんホームページがなどでは色々なギャラリーを載せていると思います。スタッフでも個人ブログを書いているのなら個人的に発信しているブログをベースに考えた方が良いと思います。

僕のブログのウィジェットには色々なSNSをつけてるのですが今回はInstagramを貼り付ける方法を紹介します。非常に簡単なので皆さんもやって見て下さい。

ブログのウィジェットにインスタのタイムライン表示

実に簡単なので説明する必要もないかもしれませんが…。

まずは下記のサイトにアクセスします。

http://instawidget.net/

 

インスタグラム タイムライン

最低限の設定

【ユーザー名】web_3110
僕の場合のURLは、https://www.instagram.com/web_3110/なので一番後ろの【web_3110】がユーザー名になります。

【ウィジェット幅】サイトにより異なります。
このサイトはウィジェット幅は290pxになっていますので290と入れます。

【その他】お好みでどうぞ。

設定が一通り終わったら

全てが終わったら、下のプレビューボタンを押して下さい。右側にどの様に表示されるのかが出て来ます。確認をして埋め込みコードを取得します。
後はWordPressのウィジェットのテキストを開き先ほどのコードを貼り付ければOKです。

補足

外枠の色・文字の色等がありますが、この設定です。ネットでいい色があってもその色がわからないことはよくあると思います。その時、役に立つのがChromeの拡張機能のColorPick Eyedropperです。お好きな色のコードを読み取ってくれます。

ColorPick Eyedropper

ここの拡張機能に追加されます。やってみて下さい。拡張機能を停止する場合は『esc』で停止できまます。

残念なこと

ただし、これで作ってもレシポンシブ対応出ないのでタブレットで見られると少し寂しくなってしまうのと、写真をクリックして詳細に入ると広告が表示されてしまうという点です。

 

まとめ

SNSは色々とありますが、ユーザーもあれこれチェックするのは大変です。ホームページ・ブログなどのオフィシャルサイトにはただのバナー(ボタン)だけではなくタイムラインを入れた方がいいと思います。このサイトでは右側に並べています。

ピックアップ記事

  1. Facebook(フェイスブック)ページのリーチ・エンゲージメントとは
  2. ロゴ作成で大切なこと
  3. 4年振りに…。やらかしました。
  4. ホームページリニューアルしたいけど検索順位さげたくない!
  5. 看板のメニューを考えて来店動機を掴もう

関連記事

  1. WEB知識

    メディアの使い方

    アクセス数を増やしたくても増やせない方。たくさんいると思います。自社メ…

  2. ショッピング セール

    スキルアップ

    効果を最大限引き出せるPOP(ポップ)作りの基本

    良く聞くPOPですが、実際のところ良くわからない事も多いのですが、まず…

  3. 雪 差別化

    スキルアップ

    ちょっとした投稿でも差別化を図る

    ちょっとした事ですが、差別化を図る方法があります。1/22(月…

  4. FBページ作成

    WEB知識

    店舗のFacebook(フェイスブック)ページの作成方法

    いままで何回かFacebookページについての事を書いており、なんとな…

  5. Affinity Photo 髪の毛まで 綺麗に切り取る

    WEB知識

    Affinity Photoで髪の毛一本まで切抜く方法

    Affinity Photoでの画像切り取り方法をお伝えします。画像加…

  6. ターゲット 的 狙う

    WEB知識

    知っているようで知らない。ターゲットとペルソナの違いは

    様々なツールやホームページ作成の際にペルソナを決めてしっかりと考える事…

  1. ぎっくり腰

    独り言

    4年振りに…。やらかしました。
  2. リニューアル 検索エンジン

    よくある質問

    ホームページリニューアルしたいけど検索順位さげたくない!
  3. 大阪ビューティガレージ セミナー

    マーケティング

    大阪で2つのセミナーを開催します。
  4. タグ カテゴリー

    WEB知識

    WordPress(ワードプレス)のカテゴリーとタグって
  5. インスタ写真

    WEB知識

    ブログにインスタのタイムラインの画像を表示させる方法
PAGE TOP