Biancoは、ブティック衣料品、ジュエリー、3C電子製品、化粧品の販売に最適なエレガントでスリークなテーマテンプレートです。
高解像度の商品画像を配置したり、ウェブサイトのミニマリストでクラシックなスタイルを作成したい場合、Biancoがあなたが探しているものです。サイドバーナビゲーションを使用することで、顧客は商品をすばやく閲覧でき、商品のフル幅画像を表示できます。さあ、あなたのブランドスタイルに合ったストアを作成しましょう！
*Note: あなたのストアが公式プランと「ソーシャルコマース」プランを使用している場合、ストアのレイアウトを変更することはできません。
1. テーマカラーとフォントのカスタマイズ
A. テーマ背景色のカスタマイズ
カスタマイズ可能な色は、ボタン、予約販売リマインダー、メンバー専用アイコン、カート、ラベルに表示され、ブランドイメージに合わせてストアの美観を高めます。
SHOPLINE管理画面で、[オンラインストアデザイン] > [デザイン]に移動し、Biancoテーマをクリックします。
色コードを使用して、ボタン、重要情報、サイト全体の下線の色を変更します。HEX 6桁の色コードを使用してください。（可読性を向上させるために明るい色の使用は避けてください）
色コードの参考：https://htmlcolorcodes.com/
B. フォントスタイルのカスタマイズ
Biancoテーマには、MuliとLoraの2種類のフォントを提供しています。適用すると、サイト全体が選択したフォントに置き換わります。
Muli - モダンでトレンディ、またはミニマリストの商品に適しています。
Lora - ヴィンテージ、ファッション、クラシックにより適しています。
2. 商品カテゴリと商品詳細ページ
Biancoのストアカタログはページの側に表示されるため、商品画像が大きなサイズで明確に表示され、ビジネスオーナーはより美しい商品画像を使用して商品を紹介し、マーケティングできます。
A. PCサイト
- このレイアウトの特別な機能 - サイドバーナビゲーション。顧客がどのページに行っても、すばやくページを切り替えられます。
- カテゴリページでは、メニューが固定され、メニューに商品カテゴリを含めるのに理想的で、常に左側に表示されます。
- マウスカーソルがサイドバーのボタンにあるとき、メニューが自動的に展開され、多くのタブや商品カテゴリに適しています。
サイドバーメニューの設定については、次を参照してください：メニューナビゲーション。
B. モバイルウェブサイト
Biancoのモバイルデザインは、このテンプレートのハイライトの1つです - ボトムナビゲーション。
ページ間の切り替えが簡単で、モバイルユーザーの顧客に配慮されています。
モバイル版のメニューはPC版とは異なり、メニューとカテゴリリストの両方が表示されます。したがって、商品カテゴリがメニューに含まれている場合は、「モバイルメニューでカテゴリを非表示にする」を有効にして、PCとモバイルの表示を一貫させることをお勧めします。
C. 商品詳細ページ
メインの商品画像はサムネイルで表示されません。商品画像を表示するには、画像をクリックして拡大することなく、ページの下にスクロールするだけです。[近日公開] 画像をクリックしてズームインします。左右にスクロールしてすべての商品画像を表示します。
商品説明、配送＆支払いセクションは、メイン画像の下にあり、顧客が商品画像自体に集中できるようにしています。
3. バナーを使用してマーケティング広告を表示し、美しいウェブサイトを作成しましょう！
ホームページにフルページバナーを配置して、ブランドイメージを作成し、顧客を引き付けます。
フル幅バナーの設定方法：
ロケーション：管理画面 > オンラインストアデザイン > ページ > ホーム > 編集画像要素を使用して、アップロード後に設定で「フル幅画像を表示」と「上下のパディングを削除」を選択できます。また、複数の画像をアップロードして回転表示することもできます。
ビジネスオーナーは、モバイル電話の顧客に対応するために「電話版をアップロード」機能を使用することもできます。
この圧縮画像ツールを試してみてください！ウェブサイトの動作が速くなります！
4. 商品画像の推奨サイズ
Biancoが提供する商品のデフォルトサイズは、ユーザーのウィンドウのサイズに応じて変わり、可能な限り最良の商品表示を実現します。
画像を整然とした状態に保ちたい場合は、商品画像サイズをデフォルトに設定できます。デフォルト比率は3:4で、画像のサイズはスケーリングされるため、推奨サイズは：
推奨写真サイズ：825px（W）x 1100px（H）
ロケーション：管理画面 > オンラインストアデザイン > デザイン > 詳細設定 > 「商品ボックスを埋めるために商品画像をトリミングする」を選択
5. 商品バリエーション
すべてのテーマ付きテンプレートと同様に、Biancoもストアの美観を高め、商品バリエーションの文脈に合うさまざまな色のオプションを提供しています。
ロケーション：商品とカテゴリ ＞ 商品 ＞ 編集 ＞ バリエーション"画像セレクターを編集"をクリックし、"商品詳細ページに画像セレクターを表示"にチェックを入れます。
ロケーション：設定 ＞ 商品設定 ＞ バリエーション表示スタイルストアでの商品バリエーションの表示スタイルを選択します。
詳細については、画像付きカスタマイズバリエーションセレクターをご参照ください。
6. ブログレイアウトデザイン
Biancoのブログレイアウトはレスポンシブで、記事の最初の画像が自動的にカバーページとして使用され、記事タイトルとカバーページの長さの比率に応じて高さとレイアウトが調整されます。
このレイアウトのブログページの画像もウィンドウのサイズに応じて変わり、大きく美しい画像の投稿に特に適しています。
これがBiancoの機能です。今すぐ試してみてください！
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。
コメント