WEBツールInstagram、人気ですよね。女子とかに人気ですよねっ。ユーザーの6割は女子ですって。そんなInstagramをWEBサイトに表示していれば・・・そんな淡い期待を抱きながら、チョチョイのチョイでやってみようと思います。SnapWidgetを使いますInstagramをWEBサイトに表示する方法は大きく分けて2通りあります。1つ目はInstagramAPIを使用して表示する。この方法は自由度も高く、出来ることも多いですがプログラムの知識がないと難しいので初心者には敷居が高いと思いますので、今回は「SnapWidget」というサービスを使います。videos」という見出しがあります。Instagramの写真を並べられます。※右下・・・1枚づつフェードイン・アウトします。TODAY」を選択して月$7の有料会員になる必要があるみたいです。今回は複数枚の方を選択していきます。WIDGET」をクリックします。設定項目を入力していきます。「Username」UsernameのテキストボックスをクリックするとInstagramの認証画面が表示されますので、認証してください。WIDGET」をクリックしてコードを取得しましょう。コードをコピーしてWordPressのウィジェットに貼るもよし、テンプレートに貼るもよし。まとめ当サイトのサイドバーにデモとして貼り付けてあります。(外しましたw)設定はほとんどいじってませんが勝手にレスポンシブしてるようです。色々なSNSと連携するのが当たり前となったWEBですが、こういうサービスをじゃんじゃん活用してすばらしいWEBサイトを作っていきたいですねと、思ったり思わなかったりです。関連記事[CSS]奇数とか偶数とかn番目とか忘れてしまうのでメモ。tableで交互に色つけてーとかn番目の要素だけ背景色変えてーとか、よく忘れます・・・歳ですもん。ことで、今回は筆者の本当のメ...記事を読む[jQuery]製作時にGoogleにホスティングされてるjQueryやprototypeなどのscriptタグをコピーできるサイト今更ですが便利なのでメモっておきます。Font]Webフォントを使って洒落たメニューをおっさんが作ってみる。WebFontって使ったことないなー。アイコン的に使ってみた。洒落たメニュー作ってみたよ。今回使ったのは「Fo...記事を読む[WEB]WEB製作時によく使うお役立ちツールさすが年度末です。予算消化に託つけたくだらないシゴトワンサカです。Collection]Photoshopクラッシュの原因は多分これおはよう、こんにちは、おやすみ。学校行ってるかい?私はねぶっちゃけ学校とかクソくらえだと思っ...記事を読む[CSS3]transitionのまとメモ昨夜は会社で寝てました。「え?え?え?どこ?いつ?なんじ?」な状態です。最近頻繁に使うtransit...記事を読む[素材集]お世話になってるシルエット素材集をまとめてみた最近は面倒くさいが大半を占める下山です。そんな下山がお世話になってる素材集をまとめてみましたよ。ベクター画像がほとんどです。...記事を読む[CSS]CSSでアイコンを実装できるICONOを使ってみた。CSSだけでアイコン付けれるっていいじゃない。WEBフォントとか使わなくていいなんてステキじゃない。ノーブラの日ってサイコーじゃない。※オレ用に久しぶりの更新ですがな。今回はbox-shadowでよく使うものをメモっておこうと思います。