サイトにページを追加する

メモ

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

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

アクセシビリティ

この単元ではスクリーンリーダーのユーザー向けに指示が追加されている部分があります。この単元の詳細なスクリーンリーダー版を表示するには、以下のリンクをクリックしてください。

Trailhead スクリーンリーダー版を開く。

情報を特定のページにまとめて、情報管理能力をアピールします。たとえば、自己紹介のページ、学歴に関するページ、職歴や課外活動に関するページ、自ら完成させた Salesforce アプリケーションやプロジェクトに関するページを追加したり、キャンパスやコミュニティ、ボランティア活動などを紹介する写真を掲載したりすることができます。選択するページ数や記載する内容は自分で決められます。このプロジェクトでは、次の 3 つのページを追加します。

• 自己紹介
• 経歴
• 学歴

あなたの優れた情報管理能力をアピールするために情報をどのようにまとめるか検討したら、ページを作成します。

各自のページを作成する

1. [Home (ホーム)] タブで、ページのプロパティ アイコンの横にある下矢印をクリックします。
2. メニューの下部にある [New Page (新規ページ)] を選択します。
3. [Standard Page (標準ページ)] をクリックします。
4. [+New Page (+新規ページ)] をクリックします。
5. コンテンツレイアウトを選択します。このレイアウトで、コンテンツをページのどこに表示するかが定義されます。この演習では、[Flexible Layout (柔軟なレイアウト)] を選択します。[Next (次へ)] をクリックします。
6. [Name (名前)] 項目に About Me (自己紹介) と入力します。
7. [Create (作成)] をクリックします。各自のページを見ながら、どのような構成にするか検討します。次の単元でページの構成を行います。
8. ページの一番上にあるメインタブをクリックします (この時点で [About Me (自己紹介)] と表示されている可能性があります)。
9. [About Me (自己紹介)] ページを作成したら、ステップ 1 ～ 6 を繰り返して [Experience (経歴)] ページと [Education (学歴)] ページも完成させます。

完了すると、[Pages (ページ)] メニューに新しく作成した各ページが表示されます。

お疲れさまでした。各自のページが定義されたら、次は閲覧者がページ間を移動する方法を設定します。

ナビゲーションを作成する

1. [Home (ホーム)] タブで、ページのプロパティ アイコンの横にある下矢印をクリックします。
2. ホームページに戻ったら、[Tile Menu (タイルメニュー)] 領域 (ナビゲーション項目が表示される領域) をクリックして、[Default Menu (デフォルトメニュー)] ドロップダウンから [Default Navigation (デフォルトナビゲーション)] を選択します。
   
   
3. [Edit Default Navigation (デフォルトのナビゲーションを編集)] をクリックします。
4. デフォルトの [Support (サポート)] 項目と [Knowledge (ナレッジ)] 項目が表示されている場合に、これらのメニュー項目を削除するには、その横にある [X] をクリックします。
5. [Edit Navigation Menu (ナビゲーションメニューを編集)] パネルで、[Add Menu Item (メニュー項目を追加)] をクリックします。前のステップで作成した各ページのメニュー項目を追加します。
6. [Name (名前)] 項目で、新しいメニュー項目に接続するページと同じ名前を付けます。このプロジェクトでは、「About Me (自己紹介)」「Experience (経歴)」「Education (学歴)」にします。
7. 種別項目で、[Site Page (サイトページ)] を選択します。
8. [Page (ページ)] ドロップダウンリストから、先ほど作成した対応するページを選択します。
9. [Publicly available (一般公開)] を選択します。
10. ページとメニュー項目ごとにステップ 3 ～ 6 を繰り返し、対応するページをリンクします。
11. デフォルトのメニュー項目で、各自のページに対応しないものは削除します。
12. [Save Menu (メニューを保存)] をクリックします。

完了すると、バナー画像の下に各メニュー項目がタイルとして表示されます。

変更をプレビューして公開する

ページを公開する前に、すべてが望んだとおり表示されることを確認します。テキストのスペルや配置に注意します。

1. サイトの左上にある [Preview (プレビュー)] をクリックして、この時点でサイトがどのように表示されるか確認します。
2. ページとナビゲーションの対応付けをテストするために、各ボックスをクリックして、タブが対応するタブに変わることを確認します。ページの上部にあるメニュー項目をクリックして、表示されたタブがメニュー項目と一致していることを確認します。
3. [Back To Builder (ビルダーに戻る)] をクリックします。
4. [Publish (公開)] をクリックします。
5. もう一度 [Publish (公開)] をクリックします。
6. [Got It (了解)] をクリックします。