Sitecore Search の Preview Search のスタイルシートを変更する
前回はページを少し見やすくするために、Tailwind.css を適用しましたが、今回は Preview Search の Widget でも利用する方法を紹介します。
ブログの記事を時系列で確認することが出来ます
前回はページを少し見やすくするために、Tailwind.css を適用しましたが、今回は Preview Search の Widget でも利用する方法を紹介します。
Sitecore Search のサンプルに関しては、まだサンプルのコード、および見た目は何も制御していません。今回は、このプロジェクトに Tailwind.css および NextUI を利用できるように変更していきます。
前回は Sitecore Search のウィジットを追加することができるように、言語切替えのボックスのみ準備をしました。今回は、ウィジットを追加して検索結果を表示したいと思います。
これまでブログでは Sitecore Search SDK を利用して検索結果を表示していました。今回から数回に分けて、Next.js のプレーンな環境に対して Widget を追加していく形で、実際のどういう形で動いているのかを紹介していきます。
今回は Next.js のアプリに対してヘッダーとフッターを追加していきます。今回は特に外部との連携は入れていません。
Web サイトでライトモードとダークモードを切り替えることができるようになっています。私個人も、ダークモードを利用しています。今回はこれを NextUI で実装する手順を確認していきます。
これまで動かしていたサンプルは、最低限のデザインも入っておらず、文字を表示する程度の動きでした。もう少し見た目をきれいにするべく、今回はプロジェクトで NextUI を利用できるようにしていきます。
これまで、Search Starter Kit を利用して検索ページを作っていましたが、いくつかの項目を変更するだけで日本語での表示が可能となります。今回はいくつかの項目を翻訳指定いきます。
これまでブログで紹介してきたように、クロールの際に JavaScript で属性を設定することができます。実際にファセットの動きを確認して、属性を増やしていく手順を今回は紹介します。
Sitecore Search は HTML 以外にもドキュメントに関しても検索をすることができます。今回は、PDF のファイルを対象にする手順を紹介していきます。
前回はコンテンツに関して URL を利用した ID を作成するところまで進めました。今回は、ロケールの部分を外して、多言語でのクロールの機能を使っていく部分を紹介していきます。
多言語サイトにおける検索結果で、1つのコンテンツの言語の違い、という情報を持たせる形でソースを作成することができます。この手順に関して、2回に分けてソースを作成する手順を紹介していきます。