ハイスタイルなファッション、モノ系オンラインストアに
TOKYOは、ブランドイメージを重視するハイスタイルなファッション、モノ系オンラインストアをイメージしたテーマです。
トップページではまず画面いっぱいに広がる大きな画像、そして商品画像が主役となり、ヘッダーやナビゲーションは極めてシンプルにまとめられています。
全体は真っ白ではなく薄いベージュを基調に、各所に細かく背景テクスチャやトーン切り替えにより、しっとりとした高級感を醸し出しています。
そして「カートに入れる」を始めとした、各手続き画面で重要なボタンのみが落ち着いたライトブラウンで表現されています。全体のトーンをとことん下げることで、不自然に極彩色を使わず上品さを保ちながら購入手続きで迷わせないよう考えられています。
トップページは固定画像ではなくスライドギャラリーを前提としています。スライドする画像は大画面でも横幅いっぱいに表示するためサイズを1300px 800pxと仮定しています。このサイズの画像を作成するための簡単なPSDファイルも付属しています。
スライドギャラリーはWordPress管理画面にある「カスタムヘッダー」に連動しています。オリジナルの写真をドラッグ・アンド・ドロップで追加するだけで、簡単にスライドギャラリーが完成します。
大きなサムネイルの商品一覧
ウィジェットをページ下部にレイアウトし、商品画像だけが画面いっぱいに表示されます。大きなサムネイル、画像ギャラリー、またカート画面も1カラムで大きく表示するため、洗練された使い易いショッピング体験ができます。
レスポンシブデザイン
全てのレイアウトはデバイスに合わせて自動的に最適化されます。
閲覧画面の幅に合わせて自動的にレイアウトが変わるレスポンシブデザインテーマのため、テーマを有効にしたその瞬間からスマートフォンやタブレットに対応できます。デモサイトにて、ウィンドウサイズを変化させて確認してみてください。(InternetExplorerはモバイル版が存在しないためレスポンシブ機能は非対応です。実際のスマートフォン環境では問題ありません。)
- テーマカスタマイザー対応(トップ写真、お店のロゴ、背景の画像や色を管理画面から簡単に設定可能)
- トップページレスポンシブのスライドギャラリーブランディングイメージやセール情報を印象的な写真で
- 商品を大きく見せるイメージギャラリーのある商品画面
- スマートフォンやタブレットに対応(端末の画面幅によってレイアウトが自動的に最適化されます)
- ご利用ガイド・特定商取引法表示(ご利用ガイドや特定商取引法表示のサンプルテンプレートを同包しています)
- Welcartの初期設定・カスタマイズマニュアル(おすすめのカスタマイズなどを詳しく解説しています)
※このテーマは初期状態で背景画像を指定しています。テーマカスタマイザーで背景色を変える場合、まず背景画像指定を削除する必要があります。
One Response to Tokyo [light]