メインコンテンツにスキップ
すべてのコレクションよくある質問エディタ(デザイン)
リストアイテムごとにデザインを変える方法
リストアイテムごとにデザインを変える方法

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

Saika avatar
対応者:Saika
4か月以上前に更新

Tips:リストとは?

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

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

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

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

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

設定手順

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

リストを選択し、レイヤーパネルを表示します。[+]をクリックしてブール値プロパティを追加します。

スクリーンショット:リストにプロパティを追加する様子。

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

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

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

3.表示条件を設定

表示を制御したい要素を選択し、画面右側のボックス設定パネルを開きます。表示条件からブール値を選択します。

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

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