• 
• 
• 
• 
• 
• 
• 
• 

MCKENLEYは2種類のサイドバーデザインと5種類の商品ページデザインで他と一線を画すECサイトを目指す方に最適です。
TOPページには18種類のコンテンツ要素があり、スライダーを含めてすべての要素を自由に並び替えることができます。従来のスライダーを使用したメインイメージや、コンセプトに基づいてロゴを上部に配置したデザイン、スライドコンテンツを活用したアプローチなど、自由度の高いカスタマイズが可能です。

さらに、スクロールで切り替わるコンテンツやダークモードの設定、テーマカラー設定、メインイメージのカスタム、コンテンツの並び替え、YouTube背景設定、Instagramの埋め込みなど、多彩な機能が搭載されています。

============================================

■ デモショップ1

https://mckenley.base.shop/
https://mckenley.base.shop/items/84685266

■ デモショップ2

https://mckenley2.base.shop/
https://mckenley2.base.shop/items/86390385

============================================

■ 主な特徴

・2種類のサイドバー
サイドバーを展開したデザインと閉じたデザインの2種類から選択できます。

・5種類の商品ページデザイン
一般的なスライダーデザインのほか、全画面スライドや上部のスライド、
さらに画像の1列、二列表示もできますし、画像の位置を左右変更することも可能です。

スクロールに追従、画像をズーム、商品説明カスタムAppを大きく表示と組み合わせることで、
様々な設定が可能となっております。

・スクロールコンテンツ
スクロールに合わせて要素が切り替わるコンテンツを実装。

・ダークモード対応
時間帯で自動でカラーが変わります。
夜間でも目に優しいデザインで、快適なショッピング体験を提供。
売上アップをサポートします。

・選べるデザイン設定
要素間隔、見出し、ボタンとデザインを自由に設定できます。

・フォント設定
見出し、本文で別々の設定が可能。
フォントの太さ、全体の文字サイズを調整できます。

・自由なメインイメージ
トップページはすべてのコンテンツが並び替え可能なため、
スライダーを使ったメインイメージのほか、コンセプトやスクロールコンテンツ、YouTube動画など
好きなコンテンツをページ上部に設定できます。

・TOPページに18のコンテンツ
全18コンテンツ（下記トップページ コンテンツリスト参照）を自由に並び替え可能。
表示のON/OFFと組み合わせることで自由なサイト制作を実現しました。

・表示アニメーション
スクロールに合わせて要素がフェードインで表示されるアニメーションを搭載。
ユーザーの視線を自然に誘導し、サイト全体のダイナミックな印象を強調します。

・Instagram埋め込み
Instagramの投稿を外部ツールを使って埋め込みできます。
外部ツールはSnapWidgetやSauceが簡単でおすすめです。

・YouTube背景動画コンテンツ
YouTube動画を背景で再生するコンテンツが作成できます。

・クーポンApp用のコンテンツ
クーポン設定専用のコンテンツを用意。
クーポン配布時にご利用ください。

・独自CSS、headタグ設定
上級者向け機能。
独自のCSSやJavaScriptの埋め込みも可能です。

============================================

■ トップページ コンテンツリスト

1. ヘッダー
2. スライダー
3. ループテキスト
4. コンセプト
5. カテゴリ別スライド
6. 画像背景バナー
7. スクロールコンテンツ
8. バナーリスト
9. お知らせ
10. メッセージ
11. セール
12. 左右バナー
13. 商品一覧
14. 新着商品
15. YouTube
16. Instagram
17. 閲覧履歴
18. クーポン
19. 新着ブログ
20. フッター

============================================

■ ダークモードの確認方法

テーマ設定＞ダークモード設定をライトモードのみ、
ダークモードのみと切り替えることでそれぞれのカラーを確認できます。

============================================

■ 対応Apps

テーマ側で対応が必要なAppsは基本的に全てのAppsに対応しています。

============================================

■ マニュアル

テーマの設定は以下のオンラインマニュアルを参照ください。
https://base.grayelinc.com/mckenley

============================================

■ その他おすすめテーマ

OULU / 角丸を使った柔らかいデザイン、北欧デザインにおすすめ
https://design.thebase.com/detail/114

HERMANS / 変則的な見出しデザイン、シャドウとグラデを使ったデザイン
https://design.thebase.com/detail/113

MONTANHA / ミニマル・シンプルデザイン、見出しやボタンの組み合わせ自由自在
https://design.thebase.com/detail/108