ヘッダの「お店の名前」「キャッチコピー」「メニュー文言」を変更する

1 「お店の名前」「キャッチコピー」の文言を変更する

■「お店の名前」「キャッチコピー」を変更します

  1. 「お店の名前」を変更します。
  2. 「キャッチコピー」を変更します。
    文字数は40文字以内がきれいに収まります。文字数が多いと、改行され、ロゴの下に表示されてしまう場合があります。
  3. 「設定を保存する」をクリックします。

■カスタムテンプレートでは、合わせてこちらの作業も必要です

カスタムテンプレートの初期値は「お店の名前」「キャッチコピー」を表示しない設定になっています。
表示したい場合は、設定を切り替えるためにHTMLを編集する必要があります。

右図の「HTMLを編集」をクリックし、表示されたHTMLソースから以下の青字部分を「1」に修正してください。

{* お店の名前、キャッチコピーの表示設定
value に 1 を指定:表示する
value に 2 を指定:表示しない
*}
{assign var="flag" value="1"}


ヘッダの「HTMLを編集」ボタンは右図の通り5つあります。
すべて同様に修正してください。

■お店ページを更新します

  1. 管理画面の左上「お店ページの更新へ」をクリックします。
  2. 「注意事項に同意する」にチェックを入れます。
  3. 「編集中のテーマでお店を更新」をクリックします。
  4. 更新が完了したら、お店ページを確認します。


ベーシックテンプレートをご利用の場合は「更新を開始」をクリックします。


カスタムテンプレートをご利用の場合は、デザイン設定の左メニュー「テーマの選択」から「ヘッダとSEOの設定」までは、画面下部の「編集中のテーマでお店を更新」でお店ページに反映します。

編集中のテーマでお店を更新
テンプレートの切り替えや、HTMLやCSSのカスタマイズしたデザイン設定をお店ページに反映する時に利用します。「利用中のテーマ」から「編集中のテーマ」に切り替えて更新するため、注意事項に同意してから更新する必要があります。

利用中のテーマでお店を更新
トップページのお知らせの更新、フリーエリア、サイドバーの表示、商品カテゴリ表示などの反映ができます。また、お店運営中にカスタマイズしている「編集中のテーマ」があっても「利用中のテーマ」のまま、お店ページの更新をする際に利用します。


お店ページを更新しても反映されない場合の対処方法

  • キーボードの「Ctrl」+「F5」キーを押して最新の状態を読み込みます。
  • 画面上部の「利用中のテーマでお店を更新」をクリックしていないか、ボタンの下に表示される「最終更新日時」で確認します。


2 「お店の名前」「キャッチコピー」の「文字の色」「大きさ」を変更する


2-1 スタイルシートの記述のバックアップをとる

■「利用中のテーマから作成」をクリックします

 

■スタイルシートの記述のバックアップをとります

現在適応されているテーマのスタイルシート(CSS)が表示されます。

「文字の色」や「文字の大きさ」を変更する前に、スタイルシートの記述を、管理画面上に保存しておきます。
間違って削除してしまったり、元に戻したりしたい場合に役立ちます。

  1. 「テーマの名前」を入力します。(任意)
  2. 真ん中にある「保存」をクリックします。
  3. 「カスタムテーマ」の一覧に保存されます。

2-2 スタイルシートの記述を編集して「文字の色」「大きさ」を変更する


■「利用中のテーマから作成」をクリックします


現在使用しているカスタマイズしたテーマや「カスタムテーマ」の一覧にあるテーマをベースに編集する場合は、「編集」をクリックします。

■スタイルシートを編集します

現在適応されているテーマのスタイルシート(CSS)が表示されます。


右図の例は、ベーシックテンプレート「ベーシック・グリーン」のものです。
カスタムテンプレートでは、編集すべきクラス名が全く異なりますので、ご注意ください。

  1. 「テーマの名前」を入力します。(任意)
  2. 「スタイルシート」の文字の色、大きさの箇所を編集します。
  3. 以下を参考に変更したい箇所を変更してください。

文字の色を変更する場合
スタイルシートの「color」のカラーコードを変更します。
※Bが、お店の名前(サイト名)の文字の色
※Eが、キャッチコピー(サイトコピー)の文字の色


検索エンジンで「カラーコード」と検索すると、色見本とカラーコードの一覧を紹介しているサイトがあります。参考にしてください。

文字サイズを変更する
スタイルシートの「font-size」の数値を変更します。
※Aが、お店の名前(サイト名)の文字サイズ
※Fが、キャッチコピー(サイトコピー)の文字サイズ

テキストの下線を削除する
スタイルシートの「text-decoration」の後に「none」と記述します。
テキストに下線を付ける場合は、「underline」と記述します。
※CDが、お店の名前(サイト名)のテキスト下線
※Gが、キャッチコピー(サイトコピー)のテキスト下線

■プレビューで確認します

保存する前に、どのようにお店ページに反映するか「プレビュー」で確認します。

プレビューでお店ページを確認しながら、文字の色味や文字の大きさを調整します。

■「保存して適用」をクリックします

変更した内容に問題なければ、「保存して適応」をクリックします。既存のスタイルシートに上書きされます。

「保存」をクリックする場合は、既存のスタイルシートに上書きされず、「カスタムテーマ」に保存されます。

■お店ページを更新します

  1. 管理画面の左上「お店ページの更新へ」をクリックします。
  2. 「注意事項に同意する」にチェックを入れます。
  3. 「編集中のテーマでお店を更新」をクリックします。
  4. 更新が完了したら、お店ページを確認します。


ベーシックテンプレートをご利用の場合は「更新を開始」をクリックします。


カスタムテンプレートをご利用の場合は、デザイン設定の左メニュー「テーマの選択」から「ヘッダとSEOの設定」までは、画面下部の「編集中のテーマでお店を更新」でお店ページに反映します。

編集中のテーマでお店を更新
テンプレートの切り替えや、HTMLやCSSのカスタマイズしたデザイン設定をお店ページに反映する時に利用します。「利用中のテーマ」から「編集中のテーマ」に切り替えて更新するため、注意事項に同意してから更新する必要があります。

利用中のテーマでお店を更新
トップページのお知らせの更新、フリーエリア、サイドバーの表示、商品カテゴリ表示などの反映ができます。また、お店運営中にカスタマイズしている「編集中のテーマ」があっても「利用中のテーマ」のまま、お店ページの更新をする際に利用します。


お店ページを更新しても反映されない場合の対処方法

  • キーボードの「Ctrl」+「F5」キーを押して最新の状態を読み込みます。
  • 画面上部の「利用中のテーマでお店を更新」をクリックしていないか、ボタンの下に表示される「最終更新日時」で確認します。


3 「お店の名前」「キャッチコピー」の「文字を表示する位置」を変更する


3-1 スタイルシートの記述のバックアップをとる

■「利用中のテーマから作成」をクリックします

 

■スタイルシートの記述のバックアップをとります

現在適応されているテーマのスタイルシート(CSS)が表示されます。

「表示位置」を変更する前に、スタイルシートの記述を、管理画面上に保存しておきます。
間違って削除してしまったり、元に戻したりしたい場合に役立ちます。

  1. 「テーマの名前」を入力します。(任意)
  2. 真ん中にある「保存」をクリックします。「カスタムテーマ」の一覧に保存されます。

3-2 スタイルシートの記述を編集して「文字を表示する位置」を変更する


■「利用中のテーマから作成」をクリックします


現在使用しているカスタマイズしたテーマや「カスタムテーマ」の一覧にあるテーマをベースに編集する場合は、「編集」をクリックします。

■スタイルシートを編集します

現在適応されているテーマのスタイルシート(CSS)が表示されます。


右図の例は、ベーシックテンプレート「ベーシック・グリーン」のものです。
カスタムテンプレートでは、編集すべきクラス名が全く異なりますので、ご注意ください。

  1. 「テーマの名前」を入力します。(任意)
  2. 「スタイルシート」の表示位置の箇所を編集します。
※Aが、お店の名前(サイト名)の表示位置
※Bが、キャッチコピー(サイトコピー)の表示位置

変更したい箇所を以下を参考に変更してください。

■プレビューで確認します

保存する前に、どのようにお店ページに反映するか「プレビュー」で確認します。
プレビューでお店ページを確認しながら、文字の色味や文字の大きさを調整します。

■「保存して適用」をクリックします

変更した内容に問題なければ、「保存して適応」をクリックします。既存のスタイルシートに上書きされます。
「保存」をクリックする場合は、既存のスタイルシートに上書きされず、「カスタムテーマ」に保存されます。

■お店ページを更新します

  1. 管理画面の左上「お店ページの更新へ」をクリックします。
  2. 「注意事項に同意する」にチェックを入れます。
  3. 「編集中のテーマでお店を更新」をクリックします。
  4. 更新が完了したら、お店ページを確認します。


ベーシックテンプレートをご利用の場合は「更新を開始」をクリックします。


カスタムテンプレートをご利用の場合は、デザイン設定の左メニュー「テーマの選択」から「ヘッダとSEOの設定」までは、画面下部の「編集中のテーマでお店を更新」でお店ページに反映します。

編集中のテーマでお店を更新
テンプレートの切り替えや、HTMLやCSSのカスタマイズしたデザイン設定をお店ページに反映する時に利用します。「利用中のテーマ」から「編集中のテーマ」に切り替えて更新するため、注意事項に同意してから更新する必要があります。

利用中のテーマでお店を更新
トップページのお知らせの更新、フリーエリア、サイドバーの表示、商品カテゴリ表示などの反映ができます。また、お店運営中にカスタマイズしている「編集中のテーマ」があっても「利用中のテーマ」のまま、お店ページの更新をする際に利用します。


お店ページを更新しても反映されない場合の対処方法

  • キーボードの「Ctrl」+「F5」キーを押して最新の状態を読み込みます。
  • 画面上部の「利用中のテーマでお店を更新」をクリックしていないか、ボタンの下に表示される「最終更新日時」で確認します。


4 ヘッダメニューの文言を変更する

■ヘッダメニューの各項目名を変更します

  1. 「カートをみる」~「お問い合せ」の中で変更したい項目名を編集します。
  2. 画面下部まで移動し、「設定を保存する」をクリックします。


変更できる箇所は「項目名」のみです。リンク先URLは変更できません。

  • 入力ボックスを空欄にすると、項目名はお店ページに表示されません。
  • 各項目名の役割について
    カートをみる
    ショッピングカート画面が開き、カートに入れた商品を確認できます。

    ご利用案内
    購入手順、商品発送の流れ、送料、支払方法、手数料など、お客さんが安心してお買い物できるように様々なご案内を確認できます。

    マイページへログイン
    会員のお客様専用のログインページ。この機能を使う場合は、あらかじめ「会員機能の設定」をする必要があります。
    会員機能について、他のページで詳しくご案内しています。
    >>オンラインサポート「026」で検索

    お客様の声
    商品のレビューを掲載したページ。この機能を使う場合は、あらかじめ「評価ページの設定」をする必要があります。
    お客様の声について、他のページで詳しくご案内しています。
    >>オンラインサポート「053」で検索

    サイトマップ
    サイトの構成が一目でわかるように一覧まとめたページ。サイト内の主要なページにリンクしてある目次のようなものです。

    お問い合せ
    店舗に質問などある場合に活用できるお問い合せフォーム。お問い合せが送られてきたときに、自動で返信メールも送れます。

■お店ページを更新します

  1. 管理画面の左上「お店ページの更新へ」をクリックします。
  2. 「注意事項に同意する」にチェックを入れます。
  3. 「編集中のテーマでお店を更新」をクリックします。
  4. 更新が完了したら、お店ページを確認します。


ベーシックテンプレートをご利用の場合は「更新を開始」をクリックします。


カスタムテンプレートをご利用の場合は、デザイン設定の左メニュー「テーマの選択」から「ヘッダとSEOの設定」までは、画面下部の「編集中のテーマでお店を更新」でお店ページに反映します。

編集中のテーマでお店を更新
テンプレートの切り替えや、HTMLやCSSのカスタマイズしたデザイン設定をお店ページに反映する時に利用します。「利用中のテーマ」から「編集中のテーマ」に切り替えて更新するため、注意事項に同意してから更新する必要があります。

利用中のテーマでお店を更新
トップページのお知らせの更新、フリーエリア、サイドバーの表示、商品カテゴリ表示などの反映ができます。また、お店運営中にカスタマイズしている「編集中のテーマ」があっても「利用中のテーマ」のまま、お店ページの更新をする際に利用します。


お店ページを更新しても反映されない場合の対処方法

  • キーボードの「Ctrl」+「F5」キーを押して最新の状態を読み込みます。
  • 画面上部の「利用中のテーマでお店を更新」をクリックしていないか、ボタンの下に表示される「最終更新日時」で確認します。