テーマテンプレート Skya ユーザーガイド

1. EC (EN).png

banner_copy.jpg

テーマテンプレートSkyaは、スポーツ商品、アウトドア活動用具、スタイリッシュな衣服、テクノロジー商品などを販売するショップに最適です。

SHOPLINEは幅広いカスタムテーマテンプレートを提供しており、ブランドアイデンティティに合わせて独自のデザインを統合し、ストアの美学を向上させることができます。

*Note: あなたのストアが公式プランを使用している場合、ストアのレイアウトを変更することはできません。また、「ソーシャルコマース」プランのみが対象です。

skya.png

 

1. テーマの色とフォントをカスタマイズする

Skyaはさまざまなカスタムカラーオプションを提供しており、ビジネスオーナーがウェブサイトの特徴を表現し、顧客を引き付けて閲覧や購入を促すことができます。

A. ヘッダーとフッターのカスタムカラー

Skyaはビジネスオーナーがウェブサイトをデザインするためのテーマ背景色を提供します。この色は、ブランドイメージに合わせてヘッダーとフッターに表示されます。

ロケーション:管理画面 > オンラインストアデザイン > デザイン > ストアフロントテンプレート > Skyaのテーマ設定

Screen_Shot_2020-08-17_at_3.15.26_PM.png 

 

B. カスタムカラーとテキスト

カスタムテーマカラーは、ボタン、予約販売のリマインダー、メンバー専用アイコン、カート、ラベルに適用されます。適切なカラースキームを使用することで、あなたのストアはより鮮やかになります。

ロケーション:管理画面 > オンラインストアデザイン > デザイン > ストアフロントテンプレート > Skyaのテーマ設定

ブランドカラーとカスタムテーマカラーは、ボタンやサイト全体の重要情報を変更するために使用できます。HEX 6桁のカラーコードを使用してください。(可読性を向上させるために明るい色の使用は避けてください)

カラーコード参照:https://htmlcolorcodes.com/

Screen_Shot_2020-08-17_at_3.15.57_PM.png 

ウェブサイトの背景色とテーマカラーに基づいて、テキストカラーとして黒または白を選択して、メインカラーに合わせることができます。

Screen_Shot_2020-08-17_at_3.16.43_PM.png

 

2. 商品カテゴリと商品詳細ページ

  • 商品一覧ページのレイアウトは、1行に3商品で、より大きな商品リストに適しており、コンテンツマーケティングを強化します。
  • 画像を整然とした見た目にしたい場合は、商品画像のデフォルトサイズ比率(3:4)に従って設定できます。

ヒント:詳細については、よくある質問を参照してください:商品用フォトエディタ(近日公開)

推奨写真サイズ:825px (W) x 1100px (H)

 

7._Skya_-_plp.png

  • 商品詳細ページの左側は固定されています。右側のスライド式商品情報により、顧客がより便利に閲覧できます。
  • 商品情報セクションはタブ形式で表示され、説明が小さな視覚スペースに収められるため、顧客は画像自体により集中できます。全体の画像をクリーンで調和の取れたものにするために、シンプルで明確なテキスト説明を使用することをお勧めします。
  • [近日公開] 画像をクリックしてズームインします。左右にスクロールしてすべての製品画像を表示します。

sky_plp.gif

 

3. バナーを使用してマーケティング広告を表示し、美しいウェブサイトを作成しましょう!

ホームページにフルページバナーを配置して、強力なブランドイメージを作成し、顧客を引き付けます。

フル幅バナーを作成するには、管理画面の[オンラインストアデザイン]に移動し、[ページ]を選択します。次に、「ホーム」ページのハイパーリンクの隣にある編集ボタンをクリックします。

画像要素を使用することで、「フル幅画像を表示」と「上下のパディングを削除」を設定で選択できます。また、複数の画像をアップロードして回転表示することもできます。

ビジネスオーナーは、「モバイル版をアップロード」機能を使用して、携帯電話ユーザーのニーズにも対応できます。

この圧縮画像ツールを試してみてください!ウェブサイトの動作が速くなります!

https://tinypng.com/

1._Skya_-_home.png  

これがSkyaの機能です。今すぐ試してみてください!

 

 

 

 

 

この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版を参照してください。

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています
他にご質問がございましたら、リクエストを送信してください

コメント