instagramウィジェットをブログやサイトに設置！SnapWidgetの使い方と設置方法

仕事でinstagramに関する相談や問い合わせが増えてきているのでツールなどを調べています。今まで知らなかったツールが色々出てきたのでまとめて更新しちゃいます。

最初はinstagramの写真を、ウィジェットにして簡単にブログやサイトに設置できる『SnapWidget』について、使い方や設置方法を紹介します。

SnapWidgetとは？

SnapWidgetは登録などの必要もなく無料でinstagramのウィジェットを生成できるツールです。使い勝手はFacebookの公式ウィジェットのような感じで一瞬でウィジェットを作成できます。

写真にホバーした時のフェードイン・フェードアウトや枠線など、ちょっとしたカスタマイズも一緒に行うことができます。

使い方も簡単なので、今すぐ設置したい！という時にピッタリのツールですね。

さっそくSnapWidgetへアクセスしてみます。

【Get Your Free Widget】と書かれたボタンをクリックすると、ページ下部にあるフォームへアンカーされています。

基本的には、最初の2項目のどちらかを入力するだけで利用できます。

instagramアカウントに関連する写真を表示したい場合は『Username』に該当のアカウント名を、instagram内でハッシュタグで検索した際に表示される写真を表示したいときは『Hashtag』にキーワードを入力します。

さっそく自分でも作ってみますね。

自分は下記のように入力しました。

Username : tada.san
Layout : 5×2
Photo Border : Yes
Hover Effect : Fade Out
Sharing Buttons : No
Responsive : Yes

さっそくプレビューで確認してみましょう！

特に問題無さそうですね。

それではいよいよサイト内に設置してみようと思います。

【Get Widget】ボタンをクリックするとコードが表示されます。

後はこのコードをサイト内の任意の場所に設置するのみ！Wordpressで記事内に設置するときは、codeで囲むのを忘れないように。

どうでしょう？簡単な割にしっかりしていて個人的にはいい感じかなと思います。見出しは自分で加えないといけませんね。

※やっぱり後からソーシャルボタンも表示しました。

こちらは『#mushroom』で作成してみました。世界中のきのこ好きの写真が表示されます。趣味のブログなどには良いかもしれませんね！

とりあえず簡単だってところが一番ですね。ホバー時のフェードや写真のボーダーなどもウィジェット作成時に指定できるのも非常に便利なところ。

最後のは大した問題ではないのですが、初心者だとここで引っかかるかもと思い記載しました。

個人的にはこれで充分！という印象です。凝ったレイアウト等は出来ませんが、フリーでこれだけの機能があれば充分かと。

ただ、リンク先がSnapWidget内のページになってしまうので、そういった点を気にしない人には十分なツールだと思います。

http://snapwidget.com/