このガイドでは、Customixのテンプレートでテキストのパーソナライズを設定する方法を、順を追って説明します。この機能を使うと、名前、メッセージ、名言を追加するなど、お客様がテキストフィールドをパーソナライズできるようになります。

1. テキストレイヤーを追加する

テンプレートエディターで、左サイドバーのテキストタブをクリックします。ここには、デザインに追加できる5種類のテキスト要素があります。

標準テキスト — テキストを追加ボタンから追加します。通常の編集可能なテキストレイヤーです
カーブテキスト — テキストを円形のパスに沿って配置します
ワープテキスト （ベータ版） — ベジェ曲線のワープ形状を使ってテキストを変形します
クロスワード — インタラクティブなクロスワードパズルを作成します
ワードサーチ — インタラクティブなワードサーチパズルを作成します

このガイドでは、標準のテキストレイヤーに焦点を当てます。その他の特殊なテキストタイプについては、それぞれ別のドキュメントで説明しています。
標準のテキストレイヤーを追加するには：

コンテンツフィールドにデフォルトのテキスト（例：「Your text」）を入力します。
テキストを追加をクリックして、キャンバスに配置します。

テキストレイヤーを追加すると、2つのコントロールが使えるようになります。

上部のツールバーでは、テキストのスタイルを設定でき、フォント、フォントサイズ、テキストの色、塗り、線、文字間隔、配置、影、その他の視覚的なプロパティを調整できます。これらを使って、デザイン内でのテキストの見た目を決めます。

右側のパネルには、パーソナライズの設定があります。お客様が編集する必要のない単なるデフォルトのテキストレイヤーの場合は、これらの設定をそのままにしておけます。お客様が自分でテキストを入力したり、このレイヤーを変更したりできるようにしたい場合は、パーソナライズを有効にする方法について、以下の各セクションをご覧ください。

パーソナライズパネルには、お客様がテキストレイヤーをカスタマイズできるようにする方法がいくつかあります。以下の各オプションは個別に有効にでき、それぞれのセクションで詳しく説明します。

2. テキストをパーソナライズを有効にする

テキストをパーソナライズを有効にすると、アプリは商品ページに、お客様が自分の内容を入力できるテキスト入力フィールドを追加します。以下の設定で、この入力フィールドの動作を制御できます。

ラベル — お客様に表示されるフィールド名（例：「Your text」）
ヘルプテキスト — お客様をガイドするために、フィールドの下に表示される任意のヒント
プレースホルダー — お客様が何も入力していないときに、フィールド内に表示されるサンプルテキスト
最大文字数 — お客様が入力できる最大文字数
必須 — フィールドを必須にします。お客様は商品をカートに追加する前に入力する必要があります
段落にする — フィールドを、長いテキストの入力に適した大きなテキストエリアに切り替えます
数値のみ — 入力を数字のみに制限します
空白を削除 — お客様の入力の先頭と末尾にある余分なスペースを自動的に削除します
大文字/小文字の変換 — 入力に、大文字や小文字などの固定のテキストスタイルを適用します

文字ごとにスウォッチを表示とテキストの長さに応じてレイアウトのスウォッチを表示は、文字数ベースのスウォッチ表示モード専用の詳細設定です。これらの仕組みと使用するタイミングの詳細については、専用ガイドの文字数に応じて複数のスウォッチを表示するをご覧ください。

3. フォントをパーソナライズ

フォントをパーソナライズを有効にすると、お客様は1つの固定フォントに限定されず、あらかじめ用意したフォントの中から選べるようになります。設定するには：

フォントをパーソナライズのチェックボックスをオンにします。
表示される「フォント」ダイアログで、アセットセクションで事前に作成したフォントフォルダを選択し、完了をクリックします。

フォルダを選択すると、画像2のようにパネルが更新され、次の項目を設定できます。

ラベル — お客様に表示されるフィールド名（デフォルトはフォルダ名で、例：「Custom font」）
必須 — 商品をカートに追加する前に、フォントの選択を必須にします
値 — 選択したフォルダから取り込まれたフォントを表示します。それぞれがお客様向けの選択可能なスウォッチとして表示されます
フォルダ — リンクされているフォントフォルダを表示します。クリックして変更します
表示タイプを編集 — フォントオプションをお客様にどのように表示するかを調整します
値を追加 — 選択肢に個別のフォントを追加できます

4. カラーをパーソナライズ

Customixには、お客様がテキストの色を変更できる方法が2つあります。お客様にどの程度の自由度を与えたいかに応じて、どちらか一方を有効にできます。

オプションA：カラーパレットでパーソナライズ

このオプションでは、お客様があらかじめ用意したカラーセットから選べます。設定するには：

カラーパレットでパーソナライズのチェックボックスをオンにします。
表示される「カラー」ダイアログで、アセットセクションで事前に作成したカラーフォルダを選択し、完了をクリックします。

フォルダがリンクされると、パネルに利用可能なカラーが表示され、ラベルの設定、必須への設定、リンクされたフォルダの変更、表示タイプを編集によるカラーの表示方法の調整ができます。
お客様の選択肢を、ブランドにふさわしいカラーに厳選したセットに限定したい場合に、このオプションを使用します。

オプションB：カラーピッカーでパーソナライズ

このオプションでは、お客様がカラースペクトルから好きな色を自由に選べます（画像3を参照）。設定するには：

カラーピッカーでパーソナライズのチェックボックスをオンにします。
ラベルを設定し、任意でヘルプテキストを追加して、お客様が変更する前にテキストに使用されるデフォルトのカラーを設定します。
フィールドを必須にすることもできます。

固定のパレットではなく、お客様に制限のない色の選択肢を提供したい場合に、このオプションを使用します。

5. 線のパレットでパーソナライズ

線のパレットはカラーパレットとほぼ同じように機能しますが、テキストの色を変更するのではなく、お客様がテキストの線（輪郭）の色を変更できるようにします。
設定するには：

線のパレットでパーソナライズのチェックボックスをオンにします。
表示される「カラー」ダイアログで、アセットセクションで事前に作成したカラーフォルダを選択し、完了をクリックします。

フォルダがリンクされると、カラーパレットと同様に、ラベルの設定、必須への設定、リンクされたフォルダの変更、表示タイプを編集によるカラーの表示方法の調整ができます。
お客様に、塗りの色の代わりに（または塗りの色に加えて）テキストの輪郭をカスタマイズしてもらいたい場合に、このオプションを使用します。

6. テキスト背景のスウォッチをパーソナライズ

このオプションでは、お客様があらかじめ用意したカラーセットから選んで、テキストの背後に色付きの背景（スウォッチ）を適用できます。設定するには：

テキスト背景のスウォッチをパーソナライズのチェックボックスをオンにします。
表示される「カラー」ダイアログで、アセットセクションで事前に作成したカラーフォルダを選択し、完了をクリックします。

フォルダがリンクされると、次の項目を設定できます。

ラベル — お客様に表示されるフィールド名（例：「Change Text Pattern」）
必須 — 商品をカートに追加する前に、選択を必須にします
値 — リンクされたフォルダから取り込まれた背景色を表示します。それぞれが選択可能なスウォッチとして表示されます
フォルダ — リンクされているカラーフォルダを表示します。クリックして変更します
表示タイプを編集 — スウォッチのオプションをお客様にどのように表示するかを調整します

お客様に、テキストの色そのものだけでなく、テキストの背後の背景や塗りも変更できるようにしたい場合に、このオプションを使用します。

更新日：2026/09/23