ページ設定

ページのメインセクションは、その一部が一連の標準HTMLタグによって制御されます。 これらのタグの一部は、ページの各セクションで使用されるフォント、カラー、サイズ、背景色および画像の選択を決定するために使用できます。 その他の設定は、ヘッダーのロゴやフッターの著作権表示などのページ要素を制御します。 これらのセクションは、HTMLページの基盤となる構造に対応しており、多くの基本的なプロパティは管理者から設定できます。

HTMLページセクション

HTMLヘッド

「HTMLヘッド」セクションの設定は、 <head> HTMLページのタグで、ストア表示ごとに設定できます。 このセクションには、ページタイトル、説明およびキーワードのメタデータに加えて、favicon およびその他のスクリプトへのリンクが含まれています。 検索エンジンロボットの手順とストアデモ通知の表示についても、この節で設定します。

HTMLヘッドの設定

  1. Admin サイドバー、に移動 Content > Design>Configuration.

  2. 設定するストア表示を見つけて、クリックします Edit が含まれる Action ​列。

  3. 次の下 その他の設定、を展開 展開セレクター この HTML Head セクション。

    HTMLヘッドの設定 {width="500" modal="regular"}

  4. を更新 favicon 必要に応じて、

  5. 必要に応じて、ページタイトル設定を更新します。

    • Default Page Title
    • Page Title Prefix
    • Page Title Suffix

    サフィックスやプレフィックスをデフォルトのタイトルと共に使用して、2 つまたは 3 つの部分から成るタイトルを作成できます。 接頭辞または接尾辞とデフォルトのタイトルの間の区切り文字として、縦棒またはコロンを追加できます。

  6. 検索エンジン最適化(SEO)をサポートし、検索結果から顧客をストアに誘導するのに役立つメタデータを追加または変更します。

    • Default Meta Description
    • Default Meta Keywords
  7. 次のいずれかを入力 Scripts and Style Sheets 必要に応じて。

  8. を有効または無効にする デモストアのお知らせ 必要に応じて、

  9. 完了したら、 Save Configuration.

HTML見出しフィールドの説明

フィールド
範囲
説明
Favicon Icon
ストア表示
ブラウザーのアドレスバーとタブに表示される小さなグラフィック画像をアップロードします。 許可されるファイルタイプ:ICO、PNG、APNG、GIF、JPG(JPEG)。 すべてのブラウザーがこれらの形式をサポートしているわけではありません。
Default Page Title
ストア表示
ブラウザーで表示された際に各ページのタイトルバーに表示されるタイトル。 個々のページに別のタイトルを指定しない限り、デフォルトのタイトルはすべてのページに使用されます。
Page Title Prefix
ストア表示
タイトルの前にプレフィックスを追加して、2 つまたは 3 つの部分から成るタイトルを作成できます。 メインタイトルのテキストと区別するために、プリフィックスの末尾に縦棒またはコロンを区切り文字として使用することができます。
Page Title Suffix
ストア表示
タイトルの後にサフィックスを追加して、2 つまたは 3 つの部分のタイトルを作成できます。 メインタイトルのテキストと区別するために、プリフィックスの末尾に縦棒またはコロンを区切り文字として使用することができます。
Default Meta Description
ストア表示
説明には、検索エンジンの一覧用にサイトの概要が記載されています。160 文字以下にする必要があります。
Default Meta Keywords
ストア表示
ストアを説明する一連のキーワード。各キーワードはコンマで区切ります。
Scripts and Style Sheets
ストア表示
終了する前にHTMLに含める必要があるスクリプトが含まれます <head> タグ。 例えば、以下より前に配置する必要があるサードパーティ JavaScript です。 <body> タグはここで入力できます。
Display Demo Store Notice
ストア表示
ページ上部でのデモストア通知の表示を制御します。 オプション: Yes / No

ヘッダー

ヘッダー設定は、ストアのロゴのパスを識別し、ロゴの代替テキストとようこそメッセージを指定します。

ヘッダー設定

ヘッダーの設定

  1. Admin サイドバー、に移動 Content > Design>Configuration.

  2. 設定するストア表示を見つけて、クリックします Edit が含まれる Action ​列。

  3. 次の下 その他の設定、を展開 展開セレクター この Header セクション。

  4. ストア表示に必要な変更を加えます。

  5. 完了したら、 Save Configuration.

ヘッダーフィールドの説明

フィールド
範囲
説明
Logo Image
ストア表示
ヘッダーに表示されるロゴへのパスを識別します。 サポートされているファイルタイプ:PNG、GIF、JPG(JPEG)
Logo Attribute Width
ストア表示
ロゴ画像の幅(ピクセル単位)。
Logo Attribute Height
ストア表示
ロゴ画像の高さ(ピクセル単位)。
Welcome Text
ストア表示
ウェルカムメッセージはページのヘッダーに表示され、ログインした顧客の名前が含まれます。
Logo Image Alt
ストア表示
ロゴに関連付けられている代替テキストです。
Translate Title
ストア表示
次のかどうかを判断します Page Title または Meta Title 翻訳する必要があります。

フッター

フッター設定セクションでは、を更新できます 著作権表示 ページの下部に表示され、終了する前に配置する必要があるその他のスクリプトを入力します <body> タグ。

フッター設定

フッターの設定

  1. Admin サイドバー、に移動 Content > Design>Configuration.

  2. 設定するストア表示を見つけて、クリックします Edit が含まれる Action ​列。

  3. 次の下 その他の設定、を展開 展開セレクター この Footer セクション。

  4. に必要な変更を加えます Copyright および Miscellaneous HTML 設定。

  5. 完了したら、 Save Configuration.

フッターフィールドの説明

フィールド
範囲
説明
Miscellaneous HTML
ストア表示
終了する直前に配置する必要があるその他のスクリプトをサーバーにアップロードできる入力ボックス <body> タグ。
Copyright
ストア表示
各ページの下部に表示される著作権情報。 著作権記号を含めるには、HTML文字エンティティを使用します \&copy; 例えば、次のようになります。 \&copy; 2021 Commerce Demo Store. All Rights Reserved. サンプルの著作権表示は必ず独自のものに置き換えてください。
Display Report Bugs Link
ストア表示
バグ報告のリンク (一部のテーマでサポートされています)が有効になっているか無効になっているかを判断します。
recommendation-more-help
2b0136b4-ef75-405f-9734-60d741f198de