検索結果ページへ追加スタイルを設定する

検索結果ページのレイアウトカスタマイズを行っている中で
スタイルシートの編集を行いたい場合が場面が多々出てくるかと思います。

 

その場合、「追加スタイル」の項目に、ご自身でスタイルを記述して頂く事で
自由に検索フォームのカスタマイズを行うことが可能です。

 

 

検索結果表示画面の画面上部メニューの「検索結果の表示設定」をクリックします。

 

 

「検索結果の表示設定」画面上の『追加スタイル』タブを選択してください。

 

 

すると、下図の追加スタイル設定画面に切り替わります。
この画面で、検索結果ページの追加スタイルの設定を行います。

 

 

 

ユーザー指定スタイルシートの項目に、ご自身でスタイルを記述します。
たとえば下記の例では、検索結果ページの検索アイテム背景色を、灰色ベースに変更しています。
検索結果に関するスタイルシートの記述であれば、原則としてどのような記述内容でも問題ありません。

 

 

以上の設定でスタイルシートのカスタマイズが完了です。
カスタマイズが完了したら「OK」ボタンをクリックして、検索結果プレビューで確認してみましょう。