• 
• 
• 
• 
• 
• 
• 
• 

RUKAはアクセシビリティにも配慮、強化された商品検索やカテゴリ機能に加え、流れるメインイメージなど、独自の演出を多数搭載したフラグシップモデルです。
ABOUTページはタブで三つのコンテンツを作成可能で、ショッピングガイドやよくある質問などお好きなコンテンツページを作成可能です。

TOPページには多数のコンテンツを配置、コンテンツの並び替え、YouTube設定、Instagramの埋め込みなど、多彩な機能が搭載されています。

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

■ デモショップ1

https://ruka1.base.shop/
https://ruka1.base.shop/items/112833575

■ デモショップ2

https://ruka2.base.shop/
https://ruka2.base.shop/items/117268533

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

■ 主な特徴

・アクセシビリティに配慮したテーマ設計
視認性・操作性・音声対応にも配慮した使いやすいユニバーサルデザインテーマです。
* 一部の画像リンクは読み上げに対応しておりません。

・ABOUTページタブ機能
ABOUTページには三つのタブを設置し、それぞれのタブにリンクを設置することも可能です
会社案内とお買物ガイドを別ページにしたり、任意のページ代わりとして使用することも可能です。

・おしゃれなフォントラインナップ
少し特殊なかわいいフォントなどラインナップしています。

・流れるメインイメージ
流れるメインイメージと右下のポップアップテキストで他と差別化したサイト制作が可能です。

・カテゴリリスト
カテゴリリストは5つのデザインパターンがあり、子カテゴリを非表示にしたり、特定のカテゴリを非表示にする機能も備わっています。
カテゴリアイコンやカテゴリリスト画像と組み合わせることでさまざまな見せ方が可能で、ヘッダーメニュー内にも設置可能です。

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

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

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

・YouTube動画コンテンツ
YouTubeのiframeの埋め込みコンテンツエリアにも対応しています。

・Markdown記法の適用
上級者向けの機能となりますが、
商品説明、ショッピングガイドはMarkdown記法にも対応しています。

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

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

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

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

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

■ 対応Apps

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

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

■ マニュアル

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

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

■ その他おすすめテーマ

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

ELBERT / アクセシビリティに配慮、フラグシップモデル
https://design.thebase.com/detail/127