インスタ写真

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. 自分のホームページの歴史(ドメイン年齢)を知ってますか?
  4. Affinity Photo(アフィニティフォト)で文字にグラデーション入れる方…
  5. ロゴ作成で大切なこと

関連記事

  1. 紹介カード

    スキルアップ

    効果的な紹介カードをつくって、効果的に紹介を貰う

    みなさん紹介カードを作る人って多いと思います。最近の結構お客様から評判…

  2. チラシ 読んでる

    WEB知識

    基本をマスターして読まれるチラシを作る方法

    デザインの基本についてです。元々僕の場合はWEBディレクターをしており…

  3. ポケット画像

    スキルアップ

    情報を後で読もうと思った際にすごく便利なpocket

    みなさんは、ブログなどはいつ読んでいますか?Fecabookなどで、気…

  4. 目 画像

    WEB知識

    WordPress(ワードプレス)でアイキャッチ画像を設定する

    Wordpress(ワードプレス)で記事などを書く際ですが、記事を書く…

  5. ホットペッパー集客キレイ

    WEB知識

    ホットペッパービューティーのクチコミの大切さ(ネイル、まつげ、エステ)

    美容系のサロンではホットペッパービューティーの掲載は欠かせないと思いま…

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

    WEB知識

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

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

  1. インスタ タグ

    マーケティング

    開業前から、インスタグラムを有効に使う方法
  2. タイトル 付け方

    スキルアップ

    チラシや記事の上手なタイトルの付け方
  3. マーケティング

    なぜマーケティングは必要なのか?
  4. ピンタレスト

    WEB知識

    まだブックマーク?Pinterest を活用しよう
  5. 独自ドメイン

    スキルアップ

    独自ドメインとレンタルサーバー
PAGE TOP