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

ページタイプ:検索ページ

キーワードでCMSアイテムを検索し、結果を表示するページを作成できます。

今日アップデートされました

検索ページとは

検索ページは、検索ワードを元にCMSリスト内の表示アイテムを絞り込み検索できるページです。

Point: CMSリストとは

CMSリストとは、Studio内外のデータを参照してサイト上で表示する動的リストのうち、Studio CMSの内部コンテンツデータを紐付けたリストです。

あらかじめ設定したCMSプロパティを元に、リストを動的に編集することも可能です。

検索機能を使う様子。

注意:「Studio デザイン」のような複数キーワードでの検索(AND検索)には対応していません。


想定される利用シーン

検索ページは、Studio CMSで作成したコンテンツの検索機能として活用できます。

  • ブログサイトで記事を探す

  • お知らせ記事から関連記事を探す

  • 企業サイトで特定のサービスを見つける


検索ページを追加する

  1. スクリーン右上の[+]ボタンをクリックします。

    ページパネルの[+]ボタンからも追加が可能です。

    スクリーンショット:ページ追加の[+]ボタンを示している画像。
  2. ページタイプの選択で、[検索ページ]を選択します。

    デフォルトでは、[ページ]・[モーダル]・[リダイレクト]のみが選択肢として表示されているため、「>」をクリックするとその他のページタイプが表示されます。

    スクリーンショット:ページタイプの選択画面。

検索ページの構成要素

検索ページには、以下の要素が自動で配置されています。

検索フォーム(検索キーワードの入力欄)

検索フォームは、検索キーワードを入力するための入力フィールドです。

Tips: 検索フォームを追加する
検索ページ以外のページにも検索フォームを配置できますが、検索結果は必ず検索ページに表示されます。

スクリーンショット:検索フォームを配置する様子。

CMSリスト(検索対象のリスト)

CMSリストは、検索結果を表示するリストです。

  • デフォルトでは、CMSダッシュボードのモデルリストで先頭にある記事タイプモデルが紐付けられています。紐づけられたモデルが、キーワード検索の対象となります。

  • CMSリストに紐付けるCMSモデルの変更右パネルの[データ]タブで可能です。

  • CMSリストには以下のフィルター(検索ワードフィルター)があらかじめ設定されています。

    • フィルター:検索ワード

    • 検索条件:検索ワード

  • 次のような表示設定が可能です。

    • 表示数

    • 0件の表示

    • もっと見るボタン

    詳細は、動的リスト > リストアイテムの表示設定をするを参照してください。

注意:検索対象のCMSプロパティ

本文とタイトル以外のテキストプロパティは、ワード検索の検索対象外です。

  • 記事タイプモデル:本文とタイトル

  • 記事タイプ以外のモデル:タイトルのみ


検索結果を確認する

検索結果は、デザインエディタ、ライブプレビュー、公開サイトで確認できます。

デザインエディタで確認する

検索ページ画面の左下の[検索ワードでプレビュー]欄で確認する方法です。

公開ステータスが「下書き」「公開予約中」を含むすべてのCMSアイテムが表示されます。

ライブプレビューで確認する

ライブプレビュー上で検索フォームにキーワードを入力して動作を確認する方法です。

公開ステータスが「下書き」「公開予約中」を含むすべてのCMSアイテムが表示されます。

公開サイトで確認する

サイトを公開または更新して、実際のサイトで動作確認をする方法です。公開ステータスが公開中のCMSアイテムのみ検索・表示されます。

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