ワープテキストオプションを使うと、お客様が入力したテキストを、直線上に並べる代わりに、アーチ、波、蝶ネクタイなどのプリセットの形に曲げて表示できます。ロゴ風のバナーやカーブしたバッジなど、デザインにスタイリッシュな文字が必要な場合に加盟店がよく使うオプションで、単純なカーブよりも多くの形から選べます。

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

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

コンテンツ

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

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

これらのフィールドの下には、ワープのコントロールも同じパネルにあります。接頭辞と接尾辞は、お客様が入力したテキストの前後に固定のテキストを追加します。ワープの種類には、テキストを曲げる12種類のプリセットの形(Bow Tie、Distort、Angle、Arch、Rise、Bubble、Wave、Flag、Arc、Lower、Bend、Wedge)があります。ワープポイントを編集では、プリセットを使う代わりに、キャンバスをドラッグモードに切り替えて、完全にカスタムの形を作れます。

接頭辞と接尾辞のフィールド、12種類のワープの種類のプリセット、ワープポイントを編集ボタン

ワープポイントを編集をクリックすると、テキストのバウンディングボックスに沿ってドラッグ可能なハンドルが表示され、角や中間点を引っ張ってテキストをカスタムの形にワープさせられます。

テキストのバウンディングボックスに沿ってドラッグ可能なハンドルが表示されたワープポイントを編集モード

フォントと文字

フォントと文字セクションでは、タイポグラフィを設定します。

  • デフォルトのフォント:ワープテキストに使用するフォントを検索して選択します
  • フォントをパーソナライズ:お客様がストアフロントで好きなフォントを選べるようにします。デフォルトではオフです
デフォルトのフォントとフォントをパーソナライズのフィールドがあるフォントと文字パネル

カラー

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

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

スタイルとエフェクト

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

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

変形

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

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

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

更新日:2026/07/15