メインコンテンツにスキップ

リスト:アイテムごとに異なるテキストを設定する

静的リストで、各アイテムごとに異なるテキストを設定する方法を説明します。リスト内のテキストが同じすべてになってしまう場合の注意も紹介します。

この記事では、静的リスト(通常リスト)でアイテムごとに異なるテキストを設定する方法を説明します。 リストの種類が不明な場合や、CMSリストをお使いの場合は、以下を参照してください。

注意:静的リスト(通常リスト)で他のアイテムのテキストも同じになってしまう場合

リスト内ボックスのテキストを以下の方法で直接変更すると、同じ列にあるテキストボックスすべてに同一のテキストが反映されてしまいます。

  1. リストアイテムを選択し、右パネルを開きます。

  2. [テキスト]タブから、テキストを設定します。


手順1. リストにテキストプロパティを追加する

  1. リスト全体を選択します。

    レイヤーパネルを開き、先頭に水色のリストアイコン が付いた要素を選択します。スクリーン上では、対象の要素の左上にリストアイコンが表示されます。

  2. 右パネルを開きます。閉じている場合は、右パネルを開いてください。

  3. [データ]タブを開きます。

既存のテキストを変更する場合

プロパティ管理表でテキストプロパティのセルをクリックし、文言を差し替えます。

テキストを新規で追加する場合

  1. プロパティ管理表右上の[+]をクリックします。

  2. [テキスト]プロパティを追加します。

  3. 表に追加された[テキスト]列の入力欄に、それぞれのリストアイテムに設定したい個別のテキストを入力します。


手順2. テキストプロパティとテキストボックスを紐付ける

次に、リストのテキストプロパティをスクリーン上のテキストボックスへ紐付けます。 これにより、アイテムごとに登録したそれぞれのテキストプロパティが、対応するボックスに自動反映されます。

  1. リストアイテムを選択します。リスト内のどのリストアイテムを選択しても構いません。スクリーン上でリストアイテムを直接選択しづらい場合は、レイヤーパネルから選択します。

  2. 右パネルの[データ]タブを開きます。パネルが閉じている場合は開いてください。

  3. [テキスト]プロパティのコネクタをドラッグし、テキストボックスを紐付けます。

手順3.サイトを更新して反映する

  1. ライブプレビューでリンクが正しく設定されているかを確認します。

  2. サイトの公開または更新をして、設定内容を反映します。この操作を行うまで、変更点は公開中のサイトに反映されません。


テキスト 文字 同じになる 変えたい

こちらの回答で解決しましたか?