ギャラリーを公開しました

お勉強がてら、ギャラリーのページを作りました。

ギャラリーページ

 

 

見た目の処理について

ウィンドウのリサイズでうぃーんと動いたり、絞り込みで整列させるのはjQueryのプラグインを使用しています。

使用したプラグイン:Masonry

*レイアウト崩れの防止の為、imagesLoadedというプラグインを併用しています。

 

それ以外の

・絞り込み

・モーダル

は自力です。

プラグインを使うより自力で書いた方がWordpressに入れるときに都合が良かったので・・・。

画像を「前へ」「次へ」と送るアイコンを付けようかと思いましたが、ソートした後に矛盾が出るので辞めておきました。

 

裏側の処理について

ページの作成にあたり、Wordpressのプラグインを使用せず、カスタム投稿タイプを自前で作成しました。

プラグインを追加すると、ただでさえ重たいサイトが更に重くなるので、プラグインを使わなくても済むところはなるべく使わないようにしたい・・・

需要がありそうでしたらjsの方と合わせて晒そうかと思います。

 

 

写真の過半数を「猫」が占めているので、絞り込んでいる感じがあまり出ていない。。。orz