金沢レンタサイクル「まちのり」

石川県金沢市で運営されているレンタサイクルの公式サイト。もともとWordPressで構築されていましたが、2016年7月に1カラム構成のレスポンシブデザインにリニューアルされました(参考:Internet Archiveのアーカイブ)。パララックス効果やスクロールとともにズームインで現れるアイキャッチ画像のサムネイルなど、目を引く仕掛けが随所にちりばめられています。前者はライブラリ『AOS』での実装、後者はライブラリ『skrollr』での実装。画面右上にあるバーガーメニューのクリック(タップ)で現れるグリーンのモーダルウインドウはjQueryによるもので、テーマディレクトリ内の menu.js にコードがあります。興味のある方はご覧になってはいかがでしょうか。

URL http://www.machi-nori.jp/
テーマ名 まちのり(実際は複数のCSSファイルを読み込み)
使用プラグイン WP Social Bookmarking Light MapPress Easy Google Maps

最終更新日:2016.8.8
テーマ名や使用プラグインはWordClip運営者の調査によるものです

タグ:

この構築事例についてのコメント