環境に対して日本語リソースを適用していきます。この手順は以前にブログで紹介していましたが、今回はその手順を改めてステップの中に入れていく形です。ページテンプレートの制御をするXM-CloudXMHeadless-SXAヘッダーとフッターが出来上がりましたが、これをデフォルトのページに必ず入れておく形にしていきたいと思います。これを実現する機能はページデザインとなりますので、今回はこれを紹介します。フッターの作成、メニューの制御XM-CloudXMHeadless-SXAヘッダーが出来上がったので今回はフッターのエリアを作成したいと思います。フッターにはメニューの主な項目を表示する様な形としていきたいため、フッターの作り方だけでなくメニューの制御について学んでいきます。ヘッダーのスタイルシートの変更をするXM-CloudXMHeadless-SXA作成をしたヘッダーに対して、スタイルシートで見た目をもう少し整えていきたいと思います。レイアウトの表示するコンポーネントは画面で設計する際に利用し、スタイルシートを変更してみための調整ができる、というのを今回は紹介します。その3XM-CloudXMHeadless-SXAコンテナを3つ配置して上から2つは完成させましたが、まだ3つ目のコンテナの実装をしていません。これは画面のサイズに合わせてメニューを変更するレスポンシブデザインに対応するためのものとして用意しています。それでは最後に3つ目の項目を実装していきましょう。その2XM-CloudXMHeadless-SXA前回はヘッダーエリアに3つのコンテナーを配置して、そのうち2つに関してのバックグランドの色を変更しました。今回は一番上に配置したコンテナーにメンニューの項目を配置していきたいと思います。その1XM-CloudXMHeadless-SXA今回はデモサイトを作る最初の第一歩として、ヘッダーのパーシャルデザインを作りたいと思います。ここで利用するのは標準のコンポーネントを配置して、少し見た目を変えるという感じの簡単な作り方で進めていきます。コンテナをローカルで起動して、作成をしていくのを前提とします。利用した簡単なページを作る際の基本的なポイントを数回に分けて紹介をしていきます。今回はパーシャルデザインとページの考え方、プレースホルダーをどういう風に活用するのか、という基本的な考え方を取り上げます。追加など手元で動かす方法を紹介してきました。毎回同じ手順を実施するのは大変なので、簡単に起動することができるリポジトリを作成しました。リポジトリを利用して起動する方法を今回は紹介します。関する記事をいくつか掲載をしました。最初に評価するポイントとして、以下の記事の一覧を参考にしてください。新規コンポーネントの追加XM-CloudXMHeadless-SXA前回は既存のコンポーネントの表示形式を増やすだけでしたが、今回は新しいコンポーネントを作成します。データ形式の定義をして、見た目の部分を実装するという部分のイメージが湧くかと思います。関して簡単に紹介をしました。サイトを作る上では色々なものが不足しています。今回は、既存のコンポーネントの表示形式を追加する方法を紹介します。サブスクリプションライセンスを利用の場合も同じように利用することが可能です。サイトを外部に公開をしました。