ページ設定
ページの主なセクションは、標準的なHTML タグのセットによって制御されています。 これらのタグの中には、ページの各セクションで使用されるフォント、色、サイズ、背景色、画像の選択を決定するために使用できるものもあります。 その他の設定では、ヘッダーのロゴやフッターの著作権表示などのページ要素を制御できます。 これらのセクションは、HTML ページの基本構造に対応しており、多くの基本プロパティは管理者から設定できます。
HTMLヘッド
HTML ヘッドセクションの設定は、HTML ページの<head> タグに対応しており、各ストアビューに対して設定できます。 このセクションには、ページタイトル、説明、キーワードのメタデータに加えて、ファビコンとその他のスクリプトへのリンクが含まれています。 検索エンジンロボットの手順とストアデモ通知の表示も、この節で設定します。
HTML ヘッドの設定
-
管理者 サイドバーで、Content > Design>Configurationに移動します。
-
設定するストアビューを見つけ、Action列の Edit をクリックします。
-
その他の設定で、HTML Head セクションの
を展開します。
{width="500" modal="regular"}
-
必要に応じてfaviconを更新します。
-
必要に応じて、ページタイトルの設定を更新します。
- Default Page Title
- Page Title Prefix
- Page Title Suffix
接尾辞や接頭辞をデフォルトのタイトルと共に使用して、2部または3部のタイトルを作成できます。 接頭辞または接尾辞とデフォルトのタイトルの間の区切り文字として、縦棒またはコロンを追加できます。
-
検索エンジン最適化(SEO)をサポートし、検索結果から顧客をストアに誘導するのに役立つメタデータを追加または変更します。
- Default Meta Description
- Default Meta Keywords
-
必要に応じて Scripts and Style Sheets を入力します。
note NOTE Scripts and Style Sheets フィールドに入力されたすべてのJavaScriptは、コンテンツセキュリティポリシー(CSP)の設定でホワイトリストに登録する必要があります。そうしないと、チェックアウトページで実行されません。 詳しくは、 コンテンツセキュリティポリシーを参照してください。 -
必要に応じて、 デモストア通知を有効または無効にします。
-
完了したら、Save Configurationをクリックします。
HTML Head フィールドの説明
<head> タグの前にHTMLに含める必要があるスクリプトが含まれています。 例えば、<body> タグの前に配置する必要があるサードパーティ JavaScriptは、ここに入力できます。Yes / Noヘッダー
ヘッダー設定は、ストアロゴへのパスを識別し、ロゴの代替テキストとウェルカムメッセージを指定します。
ヘッダーの設定
-
管理者 サイドバーで、Content > Design>Configurationに移動します。
-
設定するストアビューを見つけ、Action列の Edit をクリックします。
-
その他の設定で、Header セクションの
を展開します。
-
ストアビューに必要な変更を行います。
- ロゴ 設定
- ウェルカムメッセージ 設定
-
完了したら、Save Configurationをクリックします。
ヘッダーフィールドの説明
Page TitleまたはMeta Titleを翻訳するかどうかを決定します。フッター
フッター設定セクションでは、ページの下部に表示される著作権通知を更新し、終了<body> タグの前に配置する必要があるその他のスクリプトを入力できます。
フッターの設定
-
管理者 サイドバーで、Content > Design>Configurationに移動します。
-
設定するストアビューを見つけ、Action列の Edit をクリックします。
-
その他の設定で、Footer セクションの
を展開します。
-
Copyrightと Miscellaneous HTML の設定に必要な変更を加えます。
note NOTE Miscellaneous HTML フィールドに入力されたすべてのJavaScriptは、コンテンツセキュリティポリシー(CSP)の設定でホワイトリストに登録する必要があります。そうしないと、チェックアウトページで実行されません。 詳しくは、 コンテンツセキュリティポリシーを参照してください。 -
完了したら、Save Configurationをクリックします。
フッターフィールドの説明
<body> タグの直前に配置する必要があるサーバーに、その他のスクリプトをアップロードできる入力ボックス。\©を使用します。\© 2021 Commerce Demo Store. All Rights Reserved. サンプルの著作権表示を必ず自分の著作権表示に置き換えてください。