インスタ写真

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. ウェブデザイン技能検定3級 合格しました。
  2. 大阪で2つのセミナーを開催します。
  3. Facebook(フェイスブック)ページを変えたらブログアクセスが
  4. Facebook(フェイスブック)の好かれるプロフィール
  5. マーケティングに大切なもの、第二章

関連記事

  1. 画像 ぼかす

    スキルアップ

    Affinity Photoで画像にグラデーションをかける

    バナーやメインビジュアルの写真などの写真に使えるグラデーションの掛け方…

  2. WEB知識

    Photoshopを使わずに画像加工をする無料ソフト

    サイト作成・バナーの作成などをする際はAdobe Photoshop …

  3. プロモーション アピール

    WEB知識

    より好まれる・より効果が出るプロモーション方法

    今ではブログ等で自身のアピールがしやすく、それをFacebookやTw…

  4. 雪 差別化

    スキルアップ

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

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

  5. スキルアップ

    価値観を変えることで生まれる『カタチ』

    今回は、価値観を変えることで生まれる『カタチ』についてマーケテ…

  6. ビューティワールド ジャパン

    スキルアップ

    出展者側からの目線で色々と見てみた。BWJとは

    3110です。(齊藤です。)みなさん、ビューティーワールドジャ…

  1. jeg png 違い

    WEB知識

    ロゴなどを写真に重ねる前に覚えておきたい事
  2. フェイスブックページ とは

    WEB知識

    Facebookページと個人ページとの違いとは
  3. 充電

    充電スポット

    あざみ野駅|充電スポット
  4. スキルアップ

    価値観を変えることで生まれる『カタチ』
  5. フェイスブック フォロー

    WEB知識

    Facebook(フェイスブック)の好かれるプロフィール
PAGE TOP