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

テーマテンプレートPhiliaは、ジュエリー、ブティック衣料品、食料品、食品商品などを販売するビジネスオーナーに推奨されるエレガントで繊細なデザインです。品質の詳細で商品画像を強調し、多くの情報を表示したい商品に最適です。

ビジネスオーナーは、テーマテンプレートPhiliaを適用することで、ヘッダーに大きなロゴを挿入し、ブランドイメージをより明確にすることができます。顧客がページをスクロールダウンすると、ヘッダーは最小化されるため、閲覧体験に影響を与える心配はありません。

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

• ストアブランドのウェブサイトテーマの色とフォントをカスタマイズする
• テーマPhiliaの機能
• バナーサイズの提案

1. ストアブランドの色とフォントをカスタマイズする

A. カスタムテーマカラー

SHOPLINE管理画面で、[オンラインストアデザイン]> [ページ]に移動し、クリックして + 高度なページを作成するか、SHOP Builderをサポートする既存のページの隣にある 編集ボタンをクリックします。

SHOP Builderで、[ストア設定] > [色]に移動して、ページ上の各ブロックの色をカスタマイズします。各ブロックのデフォルトの色は、最初に設定した色になります。

B. カスタムテーマフォント

SHOP Builderで、 [ストア設定] > [フォント]に移動します。タイトルと段落のフォントとフォントサイズを設定できます。

*Note:

• ストア全体のボタン、重要な情報、下線の色をカスタマイズするためにカラーコードを使用できます。6桁のHEXカラーコードを使用してください（可読性を高めるために明るい色は避けてください）。カラーコードの参考： https://htmlcolorcodes.com/。  
• 色とフォント設定に関する詳細な指示については、ストア設定 | SHOP Builderをご覧ください。

C. ロゴ調整

Philiaは、マーケティングニーズに応じてストアに大きなロゴを表示することをサポートしています。

[ヘッダー] > [ロゴ]に移動して、ロゴのサイズを調整します（1から10）。顧客が見るためのスペースを増やしたい場合は、「スティッキーヘッダー」トグルをオフにして、ブラウジング体験を向上させることができます。

2. テーマPhiliaの機能

A. 商品一覧ページで

• カテゴリ名とカテゴリへのパスがバナーに表示されます。
• ページはレスポンシブウェブデザインで、モバイルでは1列のみ表示され、より良い閲覧体験が得られます。

B. 商品詳細ページで

• 商品画像はホバーするとズームできます。顧客は画像の右下隅にあるズームボタンをクリックすることで、フルサイズの画像を表示することもできます。[近日公開] 画像をクリックしてズームインします。左右にスクロールしてすべての商品画像を表示します。
• ウェブサイトは、商品説明、配送と支払い、顧客レビューをページネーションで表示します。このようにして、顧客は情報を迅速に見つけるだけでなく、情報に集中することができます。

C. 商品画像

• 商品画像の比率は3:4を推奨します。
• ビジネスオーナーは、SHOPLINE管理画面で、[オンラインストアデザイン] > [ページ] > [高度なページ] > [ストア設定] > [商品] > [商品一覧ページ]に移動し、「商品画像をトリミング」をオンにして変更を保存することで、商品画像を統一して商品ボックスを埋めることができます。

推奨画像サイズ：825px (W) x 1100px (H)

3. バナーサイズの提案

この圧縮画像ツールを試してみてください！あなたのウェブサイトをより速くします！
https://tinypng.com/

A. 高度なページ

ホームページにはフルスクリーンバナーを使用できます。推奨サイズは1920 x 850pxです。


商品を最初の画面に表示したい場合は、1920 x 450pxを推奨します。画面の四分の三が占有され、商品は下部に表示されます。

B. 商品一覧ページ

このページでは、ビジネスオーナーが全体のカテゴリの豊かさを高めるためにフル幅のバナーをアップロードできます。顧客がページにアクセスしたときに最初の行の商品を見ることができるように、バナーの高さは640px以内を強く推奨します。