インスタ写真

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. 4年振りに…。やらかしました。
  2. ホームページリニューアルしたいけど検索順位さげたくない!
  3. Facebook(フェイスブック)ページを変えたらブログアクセスが
  4. ウェブデザイン技能検定3級 合格しました。
  5. 物事を極端に考えることをやめること

関連記事

  1. 集客 リピート

    スキルアップ

    クチコミなどをしてくれる『強烈なファン』を作る方法

    最近では、ポータルサイトなどで値段次第で簡単に集客ができる店舗が多くな…

  2. OGP サムネイル

    WEB知識

    フェイスブックでブログのサムネイル(OGP)画像の確認方法

    先日、知り合いのオーナーさんが気にされていたので、記事にしたいと思いま…

  3. WEB知識

    WEBディレクターなら覚えておいた方がいいシュートカットキー

    WEBディレクターは電車の中、合間時間での作業など様々な時にパソコンを…

  4. 画像に文字を重ねる

    WEB知識

    画像に文字を入れたり、画像を重ねる方法

    ホームページやブログなど、やっている方が非常に多くなってきていますが、…

  5. セール チラシ ポップ

    スキルアップ

    地味な事だけど、訴求力を上げるPOP(ポップ)を作る方法

    商品などをサービス提供する際にさりげなくアピールができるのがPOPにな…

  6. スマホ 画像

    WEB知識

    スマホサイトがあるだけではダメな時代へ突入ですね

    Googleが新たな検索エンジンの対策を発表しました。今までの常識を覆…

  1. 看板 書き方

    マーケティング

    店舗前の看板を使いこなす4つの方法
  2. ピンタレスト

    WEB知識

    Pinterest(ピンタレスト)でWEBサイト全体がスクショできない
  3. 充電

    充電スポット

    赤羽駅|充電スポット
  4. 気遣い

    独り言

    サービス業を見ているから、気になることサービスの差別化とは
  5. アクセス 下がる

    独り言

    Facebook(フェイスブック)ページを変えたらブログアクセスが
PAGE TOP