memo-20150608a

今回はInstagramの写真をデザインして埋め込む事のできるサイトを見つけたので実際にやってみました。

まずはサイトにアクセス

memo-20150608b

まずはサイトにアクセスします。
SnapWidget:http://snapwidget.com/
下にスクロールすると必要事項入力欄がありますので入力します。

新しくレスポンシブ対応の項目が。。。

memo-20150608c

前回は無かったレスポンシブ対応機能が新しく追加されていたので今回はこれを対応させました。

気に入るまでトライアンドエラーで。。。

memo-20150608d

Previewボタンを押して、あとは気に入るまでトライアンドエラーします。

最後はGetWidget!

memo-20150608e

OKなら最後にGetWidgetボタンを押してソースコードを吐き出しコピーしてサイトに貼り付けて完了。

実際にサイトに埋め込んでみる。

以下の様にサイトに埋め込むことが出来ました。レスポンシブ対応なのでグリッド3×3を保ちつつ画像サイズが可変します。スマホなどに対応しているかと思います。

https://emplace.jp/main201506/wp-content/uploads/2015/06/memo-20150608a1-960x540.jpghttps://emplace.jp/main201506/wp-content/uploads/2015/06/memo-20150608a1-150x150.jpgコトナリWEB関連Instagram,インスタグラム,カメラ,レスポンシブ今回はInstagramの写真をデザインして埋め込む事のできるサイトを見つけたので実際にやってみました。 まずはサイトにアクセス まずはサイトにアクセスします。 SnapWidget:http://snapwidget.com/ 下にスクロールすると必要事項入力欄がありますので入力します。 新しくレスポンシブ対応の項目が。。。 前回は無かったレスポンシブ対応機能が新しく追加されていたので今回はこれを対応させました。 気に入るまでトライアンドエラーで。。。 Previewボタンを押して、あとは気に入るまでトライアンドエラーします。 最後はGetWidget! OKなら最後にGetWidgetボタンを押してソースコードを吐き出しコピーしてサイトに貼り付けて完了。 実際にサイトに埋め込んでみる。 以下の様にサイトに埋め込むことが出来ました。レスポンシブ対応なのでグリッド3×3を保ちつつ画像サイズが可変します。スマホなどに対応しているかと思います。楽しくいきましょう!