インスタ写真

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. 自分のホームページの歴史(ドメイン年齢)を知ってますか?
  2. Facebook(フェイスブック)ページのリーチ・エンゲージメントとは
  3. 物事を極端に考えることをやめること
  4. 大阪で2つのセミナーを開催します。
  5. ウェブデザイン技能検定3級 合格しました。

関連記事

  1. 画像 重ねる

    スキルアップ

    画像加工の知らないでは済まされない最低限の用語

    昔は、年賀状ぐらいしが写真を見る機会は無かったのですが、今はブログ・S…

  2. 大切な事 メモ

    スキルアップ

    ディレクション大事な事〜事前準備〜

    僕がディレクションをするにあたり気を付けている事その①です。こ…

  3. フェイスブック 画像

    WEB知識

    フェイスブックは最大の口コミ・プロモーション

    色々なSNSがありますが、今回はFace bookの特徴をご案内したい…

  4. html タグ タイトルタグ キーワード 

    WEB知識

    SEOの基本《TDKH》について知っていますか?

    前回の記事で書きましたがSEOの基本となる部分の《TDKH》について考…

  5. 手帳 写真

    WEB知識

    ディレクション大事な事〜スケジュール管理〜

    僕がディレクションをするにあたり気を付けている事その②です。色…

  6. Affinity Photo 画像を丸く切り取る

    WEB知識

    Affinity Photoで画像を丸く切り取る方法

    Affinity Photoで画像を丸く切り取る方法をお伝えします。バ…

  1. SEO

    WEB知識

    SEOなどに有効で、色々な意味でいいドメインってあるの?
  2. ビューティワールドジャパン

    プライベート

    2018年ビューティワールドジャパン(BWJ)に行ってきました。
  3. ホットペッパービューティー特集

    WEB知識

    ホットペッパービューティーの特集の選び方
  4. スキルアップ

    ブログ開設しました。
  5. フェイスブック 画像

    WEB知識

    フェイスブックは最大の口コミ・プロモーション
PAGE TOP