カーブテキストオプションを使うと、お客様が入力したテキストを直線ではなく円弧に沿って表示できます。マグカップ、バッジ、コインなど、テキストを曲線に沿って配置したい商品に最適です。標準のテキストオプションと同じように動作しますが、テキストをどれだけ強く曲げるか、円弧のどこから始めてどこで終えるかを設定するコントロールが追加されます。

追加するには、サイドバーのオプションセットに移動し、商品のオプションセットを開いてオプションを追加をクリックし、テキストの下にあるカーブテキストを選択して追加をクリックします。プレビューキャンバスにサンプルテキストが入ったカーブテキストレイヤーが表示されるので、ドラッグ、サイズ変更、回転で商品上の位置に合わせます。

サイドバーナビゲーションのオプションセット
オプションセットエディターのオプションを追加ボタン
テキストの下でカーブテキストを選択したオプションを追加メニュー

コンテンツ

コンテンツセクションでは、ラベル、デフォルトのテキスト、カーブそのものを設定します。

  • テキストをパーソナライズ:お客様が自分でテキストを入力できるようにします。デフォルトでオンです
  • ラベル:入力欄の上に表示されるフィールド名。デフォルトは「Curved text」です
  • デフォルトのテキスト:お客様が何も入力する前にプレビューキャンバスに表示されるサンプルテキスト。デフォルトは「Your text」です
  • プレースホルダー:お客様が入力する前に、空の入力欄の中に表示されるヒントテキスト
  • ヘルプテキスト:入力欄の下に表示される任意の案内
  • 必須:お客様はテキストを入力しないと商品をカートに追加できません
  • 段落にする:入力欄を1行ではなく複数行のテキストエリアに切り替えます
  • バウンディングボックスとともに移動:ボックスの枠を固定し、テキストを枠内で移動・サイズ変更できるようにします。レイヤーをダブルクリックすると、テキストを直接編集できます
テキストをパーソナライズ、ラベル、デフォルトのテキスト、プレースホルダー、ヘルプテキスト、必須、段落にする、バウンディングボックスとともに移動のフィールドがあるコンテンツパネル

これらのフィールドの下には、カーブのコントロールも同じパネルにあります。カーブはテキストをどれだけ強く曲げるかを設定するスライダー、開始点(度)と終了点(度)は円周上でテキストを始める位置と終える位置を設定します(デフォルトは320°と40°で、円の上部にまたがります)。テキストを反転はテキストを反転させて、反対方向にカーブさせます。

カーブスライダー、開始点と終了点の度数フィールド、テキストを反転チェックボックス

フォントと文字

フォントと文字セクションでは、タイポグラフィと、お客様が入力できるテキストの量を設定します。

  • デフォルトのフォント:カーブテキストに使用するフォントを検索して選択します
  • フォントをパーソナライズ:お客様がストアフロントで好きなフォントを選べるようにします。デフォルトではオフです
  • 最大フォントサイズと最小フォントサイズ:テキストを拡大縮小できる範囲。デフォルトは75と1です
  • 文字間隔:文字と文字の間に追加するスペース。デフォルトは0です
  • 横書き:テキストを曲線に沿って左揃え、中央揃え、右揃えにします。デフォルトでは中央が選択されています
  • 最大文字数:お客様が入力できる文字数の上限。デフォルトでは無制限です
デフォルトのフォント、フォントをパーソナライズ、最大・最小フォントサイズ、文字間隔、横書きの配置、最大文字数があるフォントと文字パネル

カラー

カラーセクションでは、テキストの色を設定します。

  • デフォルト値:テキストに適用される色。デフォルトは黒です
  • パーソナライズ:お客様がストアフロントでテキストの色を選べるようにします。デフォルトではオフです
デフォルト値のスウォッチとパーソナライズのチェックボックスがあるカラーパネル

スタイルとエフェクト

スタイルとエフェクトセクションでは、テキストの周囲に縁取りを追加します。

  • 線の幅:縁取りの太さ。デフォルトは0(線なし)です
  • 線の色:縁取りの色。デフォルトは黒です
線の幅スライダーと線の色スウォッチがあるスタイルとエフェクトパネル

変形

カーブテキストレイヤーの幅、高さ、X/Y位置、傾斜、不透明度、回転を細かく調整して、モックアップ上の最適な位置に配置します。これらは他のすべてのレイヤータイプでも使える共通のコントロールです。

幅、高さ、X、Y、傾斜X、傾斜Y、不透明度、回転のフィールドがある変形パネル

ほとんどのオプションタイプと同様に、カーブテキストも条件に対応しています。オプションセット内の別の選択内容に応じて、表示と非表示を切り替えられます。設定方法については、「条件付きオプションセット」のガイドをご覧ください。

更新日:2026/07/15