フィールドを切り替える

スイッチ フィールドは、主にフィルタリング ツールとして使用されるコレクション フィールドです。スイッチは、Yes または No の 2 つの値のいずれかを持つことができるフィールド タイプです。

トグルフィールドは コレクション 主にフィルタリングツールとして使用されるフィールドです。トグルは、はいまたはいいえの2つの値のいずれかを持つフィールドタイプです。共同編集者は、トグルをオンまたはオフに切り替えて、たとえばブログ投稿が「注目」かどうかを指定できます。トグルフィールドは、フィルタリングに使用できます。 コレクションリストトグルを使用してリストを整理することもできます。トグルフィールドを活用する最適な方法の1つは、コレクションリスト内の要素に条件付き表示を設定することです。 コレクションページ.

頻繁なアプリケーション
  • 非営利団体だけを紹介したいですか? 「非営利団体?」の切り替えを作成します。
  • 注目記事を展示したいですか? 「注目?」トグルを作成します。
  • 特定のアイテムを、サイトに掲載する準備ができるまで非表示にしたいですか? 「非表示?」トグルを作成します。
  • 選択した商品にのみ「セール中」ラベルを表示したいですか? 「セール中ですか?」トグルを作成します。
このチュートリアル全体を通して
  1. トグルフィールドの開発
  2. トグル値の定義
  3. トグルフィールドを使用してコレクションリストをフィルタリングする
  4. トグルフィールドを使用してコレクションリストを整理する
  5. トグルフィールドを使用して条件付き表示を確立する

トグルフィールドの開発

トグルフィールドは、新規または既存のコレクションに追加できます。コレクション設定内で、 新しいフィールド そして、 トグル 分野。

インサイダーヒント
トグルの一般的な値は「いいえ」です。したがって、トグルを作成するときは、ほとんどの場合に「いいえ」が答えになる可能性のあるクエリでラベルを付けるようにしてください。そうすれば、選択された「はい」の答えに対してのみスイッチが起動します。たとえば、100 件のブログ投稿のうち数件だけを非表示にしたい場合は、「表示」ではなく「非表示」というトグルを作成します。

トグル値の定義

デザイナーまたはエディターからCMSに新しいアイテムを作成する場合でも、トグルをオンまたはオフに設定できます。 はい または いいえ.

 

トグルフィールドを使用してコレクションリストをフィルタリングする

注目の投稿のコレクション リストなど、特定のトグルが「はい」に設定されているアイテムのみを表示するコレクション リストを生成する場合は、それを実現するフィルターを設定できます。

  1. フィルタリングするコレクションリストを選択します
  2. 進む 設定パネル(D)
  3. 組み込む フィルター 下に コレクションリスト設定
  4. 最初のドロップダウンで切り替えフィールドを選択します
  5. 選ぶ オンです 2番目のドロップダウン
  6. 打つ 保存
 

リンク フィールドと値で使用できるフィルター規則は次のとおりです。

  • オンです – このトグルフィールドのスイッチをオンに切り替えたCMSアイテムを検査します
  • オフです – このトグルフィールドのスイッチをオフにしたままになっているCMSアイテムを精査します

コレクションリストのフィルタリングの詳細.

トグルフィールドを使用してコレクションリストを整理する

場合によっては、コレクション リスト内のコレクション アイテムを除外するのではなく、特定のアイテムを最初に表示し、その後に重要度の低いアイテムを表示したいことがあります。この場合、フィルターを適用する代わりに、トグル フィールドを使用して並べ替え順序を定義できます。

  1. フィルタリングしたいコレクションリストを選択します
  2. に向かう 設定パネル(D)
  3. 追加 並び替え順コレクションリスト設定
  4. 最初のドロップダウンで切り替えフィールドを選択します
  5. 2 番目のドロップダウンで並べ替え順序を選択します。 最初にオフ または 最初に
  6. 打つ 保存

トグルフィールドを使用して条件付き表示を確立する

トグルを最大限に活用するには、条件付き表示機能を利用してさまざまなデザインを実現できます。次にいくつかの例を示します。

固有のラベルを表示する

「注目」、「セール中」、「在庫切れ」などのラベルを所有している場合は、条件付きの表示設定を使用して、特定のトグルが「はい」に設定されているアイテムにのみラベルを表示できます。

  1. ラベルを選択
  2. 進む 設定パネル(D)
  3. 組み込む 状態 (この要素が表示されている場合)下 条件付き可視性
  4. 最初のドロップダウンで切り替えフィールドを選択します
  5. 選ぶ オンです 2番目のドロップダウン
  6. 打つ 保存

完全なセクションを表示する

コレクション ページのセクションに設定された条件に基づいて、それぞれが完全に異なるレイアウトを持つことができる個別のコレクション ページを作成できます。

たとえば、コレクション ページに問い合わせフォーム セクションを作成できます。次に、コレクションに「問い合わせフォームを表示」というトグルを設定します。現在、このセクションに条件付き表示ルールを設定すると、問い合わせフォームは、問い合わせフォーム トグルが「はい」に設定されているコレクション アイテムのコレクション ページにのみ表示されます。

このような条件を制定するには:

  1. 描写/隠したいセクション全体を選択します
  2. に向かう 設定パネル(D)
  3. 組み込む 状態 (この要素が表示されている場合) 条件付き可視性
  4. 最初のドロップダウンで切り替えフィールドを選択します
  5. 選ぶ オンです (または オフです)2番目のドロップダウン
  6. 打つ 保存
 

条件付き可視性について詳しくご覧ください。

ユアン・マック