• 
• 
• 
• 
• 
• 
• 
• 

OULUはダークモードに対応したBASEデザインテーマです。
ダークモードに加えて、テーマカラー設定、デザインパターン、メインイメージのカスタム、コンテンツの並べ替え、YouTube背景動画、Instagramの埋め込みなど、多様な機能を網羅しています。

4つのメインイメージと角丸を使ったデザインタイプで北欧デザインや柔らかいイメージのデザイン、コンテンツを右寄せ配置にしたり、縦書きの見出しなどを使ったレイアウトで和風デザインにもおすすめです。

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

■ デモショップ1

https://oulu.base.shop/
https://oulu.base.shop/items/82937215

■ デモショップ2

https://oulu2.base.shop/
https://oulu2.base.shop/items/82943698

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

■ 主な特徴

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

・選べるデザイン設定
配色パターンと見出しデザイン、ボタンデザイン、ヘッダーレイアウトの組み合わせにより、
自由度の高いサイト制作が可能です。

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

・メインイメージ
スライドパターン、背景画像の上に乗せるテキスト（または画像）の設定、
全画面設定など自由度の高いメインイメージ。

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

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

・コンテンツサイズ
右寄せ(小さく)表示では、見出しとコンテンツを左右に振り分ける少し変わったデザインを搭載。

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

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

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

・商品ページの設定
商品画像はスライド・画像1列・画像2列から選択可能。
スクロールで左右のコンテンツを追従したり、画像をズームする機能も搭載。
商品ページにもTOPページの一部コンテンツを表示させることでユーザーの離脱を防止します。

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

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

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

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

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

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

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

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

■ 対応Apps

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

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

■ マニュアル

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

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

■ 姉妹テーマ

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

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