最初の文字に基づいて1文字のアルファベットを表示するだけでなく、Customixでは、お客様が入力した文字数に応じて、複数のスウォッチを動的に表示することもできます。
フルネームや複数文字のモノグラムなど、文字ごとに専用の文字画像が必要なデザインに便利です。
仕組み
- テキスト入力の各文字は、1つのスウォッチに対応付けられます
- 表示されるスウォッチの数は、入力された文字数に合わせて自動的に調整されます
- 必要に応じて、テキストの長さに基づいてレイアウトを制限または制御することもできます
1. ステップ1：アルファベットのアセットフォルダを準備する
まず、アルファベットの画像を厳密な順番で含むフォルダを準備します。先頭は空のファイルにします。
- 最初のファイルは空の画像にする必要があります（文字が検出されない場合に使用されます）。
- それ以降のファイルは、A → Zの順に文字を表す画像にします。
2. ステップ2：アルファベットのアセットをCustomixにアップロードする
- Customix Personalizer → アセットに移動します
- 準備したアルファベットのフォルダ全体をアップロードします
- すべてのアルファベット画像を同じフォルダ（例：Alphabet Style 2）に入れておきます
3. ステップ3：テンプレートを作成し、アルファベットのレイヤーを追加する
- 新しいテンプレートを作成します（または既存のテンプレートを開きます）
- アップロードしたアルファベットのフォルダをテンプレートに追加します
- デザイン内で、アルファベットのレイヤーの位置とサイズを必要に応じて調整します
4. ステップ4：テキスト入力フィールドを追加する
- テキストレイヤーを追加します（例：Enter Name）
- このテキストフィールドで、通常どおりパーソナライズを有効にします
- 右側の設定パネルで、「文字ごとにスウォッチを表示」を有効にします
- 先ほど作成したアルファベットのレイヤー（例：Alphabet Style 2）を選択し、1文字目に割り当てます
必要な数だけスウォッチを割り当てることもできます。例：
- 1文字目 → 1つ目のスウォッチ
- 2文字目 → 2つ目のスウォッチ
最後に、お客様が手動でアルファベットの画像を選択しないようにするため、オプションセットタブに移動して、Alphabet Style 2のオプションセットを非表示にします。この設定により、お客様が画像スウォッチを手動で操作しなくても、最初の文字に基づいてアルファベットが自動的に表示されます。
入力されたテキストの数に応じてレイアウトが自動的に調整される、より高度な活用例をお探しの場合は、専用のガイド「テキストの数に応じたレイアウトの動的表示」をご覧ください
更新日：2026/09/23