sxastarter サンプルを多言語サイトで利用できるように調整する - その2 Link List
前回は Navigation コンポーネントでの多言語対応を紹介しましたが、今回は Link List に関しての多言語の対応を紹介していきます。
世界トップクラスのエンタープライズ対応CMSで、適切なコンテンツをあらゆる場所で素早く作成、管理、配信できます。
前回は Navigation コンポーネントでの多言語対応を紹介しましたが、今回は Link List に関しての多言語の対応を紹介していきます。
リンクリストを利用することで、手軽に関連リンクをページに追加することができます。今回はこのリンクリストで利用できるアイテムの上限について確認をしていきます。
前回は Navigation コンポーネントで表示をする URL に関して、ロケールを入れた URL を利用してリンクを張る手順を紹介しました。実は多言語でデータを持っているときのナビゲーションに関して、もう少し課題を見ていきます。
XM Cloud のサンプルとなっている sxastarter は1言語でサイトを作ることが前提となっているため、多言語でサイトを運用するためには少し調整が必要です。今回はこの部分を2回にわたって紹介をします。
Tailwind CSS を利用している際には、Next.js に記載されていないスタイルに関しては build のタイミングで対象外となるため、CMS の変数として利用できるように tailwind.config.js に一部定義を追加する必要があります。
多言語サイトを運用する際に、未翻訳の部分があれば別の言語の情報を表示することができると、翻訳前にまずは英語でコンテンツ表示などが可能になります。今回はこの機能に関して紹介をします。
Sitecore XM Cloud にはワークフローの仕組みが組み込まれているため、今回はこのワークフローを設定して Pages でどのように動作するのかを確認していきます。
XM Cloud のローカルの環境でプレビューを実行する際に、sxastarter の標準の設定では画像を利用しているコンポーネントでエラーが発生します。今回はこれを修正していきます。
これまでこのサイトで数回にわたって Tailwind CSS を利用している Sitecore XM Cloud のサンプルを提供していました。今回はサイトのサンプルを一新して、標準の sxastarter のサンプルとこのブログで紹介しているサンプルを共存させるように変更をしました。
今回は XM Cloud のアイテムを GraphQL 経由で更新する方法を確認していきます。これにより、XM Cloud で発生した Webhook を利用して外部システムで処理、その結果を反映させる手順を確立できます。
Sitecore CMS のワークフローの中で、Webhook を実行して外部に対して処理のリクエストをすることができます。今回はこの動作に関して確認をしていきます。
Sitecore Forms を利用する際に、ロジックという仕組みが用意されています。これを利用することで、フォームの解答率を上げるために不要な質問を表示しない、などの実装を開発なしで実装することができます。