サイトのブランド設定

メモ

日本語で受講されている方へ
このバッジの Trailhead ハンズオン Challenge は英語で受講していただく必要があります。英語の意味についてはかっこ内の翻訳をご参照ください。必ず英語の値をコピーして貼り付けてから、Trailhead Playground の言語を [English] に、ロケールを [United States] に切り替えてください。こちらの指示に従ってください。

翻訳版の Trailhead を活用する方法については、自分の言語の Trailhead バッジをご覧ください。

Trail Together の動画

エキスパートの説明を見ながらこのステップを進めて行きたい場合は、Trail Together シリーズの一部である、こちらの動画をご覧ください。

(巻き戻して最初から見直したい場合、このクリップは 19:37 分から開始されます。)

会社のブランド設定の追加

名刺やテレビのコマーシャル、看板広告と同様に、サイトにとってもブランド設定は大切です。Ursa Major Solar サイトは Ursa Major Solar にふさわしいデザインにする必要があります。このステップでは、会社のロゴ、ヘッダー画像、主要トピックの画像を使用して、人々の目を引くデザインにします。

左上隅にある # をクリックして、メニューセレクターから [Builder (ビルダー)] をクリックします。
注意: ポップアップボックスが表示されたら、[X] をクリックして閉じます。
テーマアイコンをクリックし、[Images (画像)] をクリックして [Images (画像)] メニューを展開します。
[Company Logo (会社のロゴ)] の下にある、画像をアップロードアイコンをクリックします。
[Upload Image (画像をアップロード)] をクリックします。
ダウンロードしたフォルダーから UrsaMajorLogo.png ファイルを選択して、[Open (開く)] をクリックします。
[Header Image (ヘッダー画像)] の下にある、画像をアップロードアイコンをクリックします。
[Upload Image (画像をアップロード)] をクリックします。
ダウンロードしたフォルダーから Sunrise.jpg ファイルを選択して、[Open (開く)] をクリックします。

エクスペリエンスビルダーを使用したカスタマイズ

カスタマイズを続けます! エクスペリエンスビルダーでページやコンポーネントを編集し、そのデザインやコンテンツをカスタマイズします。

ホームページを開いていることを確認します (ページの上部のタブに表示されます)。
左上のページ構造アイコンをクリックします。
[Content Header (コンテンツヘッダー)] セクションで、[Headline (見出し)] をクリックし、[Headline (見出し)] メニューを使用して次の変更を行います。
- Title (タイトル): Welcome to Ursa Major Solar’s Customer Site! (Ursa Major Solar のカスタマーサイトにようこそ!)
- Banner Text (バナーテキスト): Find solutions, ask questions, and contact support. (解決策を見つけたり、質問をしたり、サポートに連絡したりします。)
[Sidebar (サイドバー)] セクションで、[Reputation Leaderboard (評価ランキング表)] をクリックし、[Reputation Leaderboard (評価ランキング表)] メニューを使用して次の変更を行います。
- Title (タイトル): Customer Leaderboard (お客様のランキング表)
[Sidebar (サイドバー)] セクションで、[Trending Topics (トレンドトピック)] をクリックし、[Trending Topics (トレンドトピック)] メニューを使用して次の変更を行います。
- Title (タイトル): Hot Right Now (注目トピック)
  注意: トピックにタグ付けされた公開記事がサイトにある場合は、この時点で該当する記事が [Trending Topics (トレンドトピック)] コンポーネントに表示されます。
[Content Footer (コンテンツフッター)] セクションで、[Contact Support & Ask Buttons (カスタマーサポートおよび質問ボタン)] をクリックし、[Contact Support and Ask Buttons (カスタマーサポートおよび質問ボタン)] メニューを使用して次の変更を行います。
- Ask Community Label (コミュニティへの質問の表示ラベル): Ask Your Peers (コミュニティメンバーに質問)
- Contact Support Label (カスタマーサポートへの連絡の表示ラベル): Ask Support (サポートに質問)

主要トピックへの画像の追加

主要トピックは便利ですが、人々の注目を集めるためには画像が必要です。Ursa Major Solar のイメージを反映する画像をいくつか追加します。

左側の設定アイコンをクリックします。
[General (一般)] タブを開いたまま、スクロールダウンして、[Set Featured Topics (主要トピックを設定)] を選択します。
[Batteries (バッテリー)] 項目をクリックして、メニューを展開します。
[Upload thumbnail image (サムネイル画像をアップロード)] をクリックして、画像をアップロードします。
以前にダウンロードしたフォルダーの SolarBatteries.jpg をクリックして、[Open (開く)] をクリックします。
メモ: 主要トピックへの画像のアップロードで問題が発生する場合は、この単元を確認するときにこのアクションはチェックされないため、主要トピックへの画像の追加をスキップしてもかまいません。
[Close (閉じる)] をクリックします。
[Inverters (インバーター)] (SolarInverter.jpg) と [Solar Panels (ソーラーパネル)] (SolarPanels.jpg) でも上記の手順を繰り返します。
[Save (保存)] をクリックします。

サイトを表示するさまざまな方法

一定のカスタマイズを行ったところで、各種のデバイスでサイトがどのように表示されるのか見てみましょう。

左上をクリックして [Builder (ビルダー)] を選択します。
ページ上部の [View Mode (ビューモード)] ボタンをクリックして、電話 (携帯) やタブレットにサイトがどのように表示されるのか確認します。
[View Mode (ビューモード)] ボタンを使用して、デスクトップモードに戻ります。

いよいよ公開

公開して有効にすべきときがきました。公開すると、サイトに行った最新の変更がプッシュされます。

[Publish (公開)] をクリックします。
[Publish (公開)] ポップアップの [Publish (公開)] をクリックします。
[Got It (了解)] をクリックします。
右上の [Preview (プレビュー)] をクリックして、サイトに行ったすべての変更を確認します。
右上の [Back to Builder (ビルダーに戻る)] をクリックします。

サイトを有効にして、メンバーがアクセスできるようにします。エクスペリエンスビルダーサイトでは、有効にするとメンバー全員にお知らせメールが送信されます。

ビルダーから、左上のメニュー アイコンをクリックして、[Workspaces (ワークスペース)] をクリックします。
[Administration (管理)] タイルをクリックします。
[Activate (有効化)] をクリックし、[OK] をクリックします。

このステップでは、サイトのさまざまなカスタマイズを行いました。まず Ursa Major Solar のブランドを追加し、次にエクスペリエンスビルダーを使用し、最後は Experience Cloud を使用するコミュニティを有効にしました。次のステップでは、評価レベルを使用してユーザーを引き込むことに取り組みます。