開店ガイド
運用サポート(平日10:00~17:00) 06-6485-6485

ボタンの文字(ラベル)を変更しよう

コマースクリエイターではシステムから自動的に必要なボタンが出力されます(表示されます)。

前のパートでは、[カラー設定]にてボタンの「色」や「文字色」を変更する方法を説明しましたが、ボタンのラベルなどを変更するには、[ボタン]メニューを利用します。

このパートでは、[ボタン設定]の使い方をご紹介します。
  • 例として、PCサイトの[ログイン]画面に表示される、[会員登録]ボタンを[会員登録はこちら]に変更してみます。

    会員登録ボタン
  • [ボタン設定]画面を開く

    1. commerce creator>テーマの[ボタン]をクリックします。

      test
    2. [ボタン一覧]画面で、ボタン名[会員登録-会員]を探し、をクリックします。

      ボタン変更ボタン
      変更するボタンをどうやって探すのか?

      画面に利用されているボタンはあらかじめ決められており、ラベルなどの変更はできますが、ボタン自体を入れ替えることはできません。

      どのボタンを変更すればよいのかを探すには、オンラインマニュアルの[「ユーザー画面」表示イメージ一覧(イメージ逆引き集)]と、初期設定されている[ボタンの種類と一覧]を併用して探します。

      次のパート変更したいボタンの探し方[確認しておきたいボタンリスト]」で詳しく見ていきましょう。

    3. [ボタン設定]画面で、[ラベル]に「会員登録はこちら」と入力してみましょう。

      test

      ボタン設定のその他項目について詳しくは、オンラインマニュアルをご確認ください。

    4. [保存する]をクリックします。

    プレビューで確認する

    1. commerce creator>テーマで[スタートアップテーマ(PC/タブレット)]のプレビューボタンをクリックし、プレビューします。

      テーマプレビューボタン
    2. モーダルが開くので[デザイン確認モードを選択し、[プレビューを表示する]をクリックします。

      プレビューモーダル
    3. 画面を遷移し、[ログイン]画面を開きます。

    4. ボタン文字が変更されているのが確認できたでしょうか。

      会員登録ボタン
      変更前
      会員登録はこちらボタン
      変更後
    5. なお、ボタンに画像を使用することもできます。
      commerce creator>テーマ>ボタンから開く[ボタン設定]画面にて、[画像を読み込み]ボタンをクリックして[画像]を登録すると、ボタン画像を登録できます。
      この場合、画像のみが表示され、ラベル文字は表示されません。

      ボタン画像登録
      会員登録画像ボタン
      ボタンを画像に変更後

      ボタン画像の登録方法は[参照]ボタン画像用のアイテム検索と追加方法についてをご確認ください。

    関連マニュアル

    以上でボタンのラベル変更が完了しました。

    スタートアップテーマでは、必要なボタンが初期設定されています。
    次のパート「変更したいボタンの探し方 [確認しておきたいボタンリスト]」で、初期設定ボタンの確認方法をご紹介します。