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

リストアイテムごとにデザインを変える

リスト内のアイテムごとにデザインを個別調整する方法を解説します。

一週間前以上前にアップデートされました

Tips:リストとは?

リストとは、同じレイアウトを繰り返す場合に内容やデザインを一括管理するための機能です。基本操作については、リストの作成と管理方法をご覧ください。

アイテムごとにデザイン(スタイル)を変える

リストでは、アイテムごとに色やボタン表示などのデザインを個別に設定できます。本記事ではブール値プロパティを使ってリスト内のアイテムごとに要素を表示/非表示させる方法をご紹介します。

要素の表示/非表示を制御する

ブール値プロパティを使用すると、特定の要素の表示・非表示を設定できます。例えば、特定のアイテムにのみ特別なコンテンツを表示する際に便利です。

設定手順

1.リストにブール値プロパティを追加する

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

  2. 右パネルで[データ]タブを選択します。

    パネルが閉じている場合には、右パネルを開いてください。

  3. [+]をクリックしてブール値プロパティを追加します。

2.アイテム毎に有効/無効を設定する

要素を表示したいアイテムで、ブール値プロパティを有効にします。

スクリーンショット:ブール値を編集する様子。

3.表示条件を設定

  1. 表示を制御したい要素を選択します。

  2. 右パネルで[設定]タブを選択します。

    パネルが閉じている場合には、右パネルを開いてください。

  3. 表示条件の入力フィールドで、[Boolean]ブール値を選択します。

注意:CMSのブール値で設定可能な表示条件の「is True」「is False」は、リストの場合選択できません。トグルで有効/無効を切り替えて調整します。

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