(投稿日:2014年05月29日) 最近カメラがマイブームなので、WordPressを使ってフォトログを作成してみました。jQueryの「Masorny」と「Infinitescroll」を使って今をときめく(?)Pinterest風になっています。 完成したサイトはこちら、Snap of the Deadです。 Pinterest風のタイルレイアウトなら、横長の写真と縦長の写真やアスペクト比の違う写真が混在してもキレイに整列してくれます。また、端末サイズが変わってもタイルの配置パターンを変えれば簡単に対応できます。 Pinterest風の一覧ページの作り方 タイル風のレイアウトはjQueryのMasonryを使い、それに無限スクールのInfinitescrollを組み合わせて作ります。 まずは各スクリプトを読み込みます。 <script src="//code.jquery.com/jq
![MasonryとInfinitescrollでPinterest風一覧ページを作る | 埼玉のWebコンサルタント ColdSleep Works](https://cdn-ak-scissors.b.st-hatena.com/image/square/0a4776ef1bec890c803f9685653648d8f511b057/height=288;version=1;width=512/https%3A%2F%2Fworks.coldsleep.jp%2Fwp%2Fwp-content%2Fuploads%2F2014%2F05%2Fsotd.png)