北欧雑貨ショップやクラフトショップに
シンプルなベースレイアウトに少しだけテクスチャ画像を用い、雰囲気を出しつつも写真の見せ方や使い勝手の良さを重視したデザイン。
ベーシックなHelvaticaフォントと明るい木目調背景で北欧雑貨ショップのように。もちろん背景テクスチャを変えてみるだけで大きくイメージが変わります。
例)ダークウッドのテクスチャでアンティークショップのように、ポップなパターン背景にすることでデザイン雑貨ショップのように
大きなサムネイルの商品一覧
商品は大きく3列に並ぶため、主にモデル着用の縦長の写真に統一すると綺麗に見えます。
ウィジェットをページ下部にレイアウトし、商品画像だけが画面いっぱいに表示されます。大きなサムネイル、画像ギャラリー、またカート画面も1カラムで大きく表示するため、洗練された使い易いショッピング体験ができます。
トップページスライドギャラリー
トップページは固定画像・スライドギャラリーどちらにも対応。スライドする画像は大画面でも横幅いっぱいに表示するためサイズを1020px 520pxと仮定しています。このサイズの画像を作成するための簡単なPSDファイルも付属しています。
スライドギャラリーはWordPress管理画面にある「カスタムヘッダー」に連動しています。オリジナルの写真をドラッグ・アンド・ドロップで追加するだけで、簡単にスライドギャラリーが完成します。(スライドギャラリーではなく1枚静止画像にすることもできます)
ナビゲーション
全体を商品主役の1カラムレイアウトでデザインしているため、いわゆるサイドバーというものがありません。そのため、全てのメニューがヘッダーに収まるよう、ドロップダウンメニューに対応しています。メニューを入れ子すると、マウスオンで表示されます。
また自由に選択できる各種サイドバーウィジェットは画面下に配置されます。
レスポンシブデザイン
全てのレイアウトはデバイスに合わせて自動的に最適化されます。
閲覧画面の幅に合わせて自動的にレイアウトが変わるレスポンシブデザインテーマのため、テーマを有効にしたその瞬間からスマートフォンやタブレットに対応できます。デモサイトにて、ウィンドウサイズを変化させて確認してみてください。(InternetExplorerはモバイル版が存在しないためレスポンシブ機能は非対応です。実際のスマートフォン環境では問題ありません。)
- テーマカスタマイザー対応(トップ写真、お店のロゴを管理画面から簡単に設定可能)
- 商品を大きく見せるイメージギャラリーのある商品画面
- スマートフォンやタブレットに対応(端末の画面幅によってレイアウトが自動的に最適化されます)
- ご利用ガイド・特定商取引法表示(ご利用ガイドや特定商取引法表示のサンプルテンプレートを同包しています)
- Welcartの初期設定・カスタマイズマニュアル(おすすめのカスタマイズなどを詳しく解説しています)
One Response to Stockholm