トップに全面背景で画像を表示する、元気でポップなイメージのテンプレート。
大変人気のあった「Elegant02」をベースに、色やフォントなどを変えてポップにしてみました。
桜の写真を全面に使った1カラムのテンプレートです。 写真にあわせて、女性らしい繊細な雰囲気になっています。 最初の画面から、少しスクロールすると背景写真がぼやけ、さらにスクロールすると、メニューボタンがふんわりと表示されます。 創作系の個人サイトを想定して作成しておりますが、他の目的のサイトにも使っていただけます。
最初の画面から少しスクロールすると、背景が少しセピア調に変化します。
さらにスクロールすると、メニューボタンが表示されます。
画像展示は、spotlightというJavaScriptライブラリを使用しています。
個別にイラストページを作らずに、サムネイルをクリックすると画像がポップアップで表示されます。
特段カスタマイズはしていませんので、必要な方は公式のREADMEを参照の上、カスタマイズしてみてください。
英語ですが、Google翻訳でそこそこ対応できます。
オプションでキャプションを入れることもできるようです。
レスポンシブデザインになっていますので、ブラウザの横幅が小さくなると、スマホ用の表示に切り替わります。
単純に、ブラウザの横幅を狭めても確認はできますが、
GoogleChromeをお使いの方は、ブラウザ上右クリック→検証→上部のスマホ・タブレットのアイコン(Toggle device toolber)をクリックすると、モバイル用のレイアウトを確認できます。