キャリアサイトの構築

フッタの作成

Objective

After completing this lesson, you will be able to フッタを作成します。

フッター

表示スタイルフッタから、詳細ページを選択してフッタに表示するテキストを入力し、フッタでサイトの全幅を拡張するか、または中央揃えにするかを決定します。

詳細ページを選択して、フッタに表示するテキストを入力し、フッタをサイトの全幅に拡張するか、中央揃えにするかを決定します。フッタイメージを追加するには、フッタイメージトグルをオンに切り替えます。ロゴタブで、ロゴタイトル、イメージ、URL クリック (href)、およびイメージ位置を追加します。

フッターイメージに対してはいを選択すると、ロゴメニューが表示されます。フッタロゴは、ヘッダロゴと同じ方法で設定します。

行メニューおよび列メニューフッタ

行メニューまたは列メニューを選択して、フッタにリンクを追加します。以下の図では、行メニューと列メニューの両方が設定されています。

行メニューまたは列メニューを選択して、フッタにリンクを追加します。

列メニューでリンクを設定するには、追加を選択して、列に表示されるリンクの新しい一覧を追加します。リンク一覧のテキスト項目に入力したテキストは、リンクの列ヘッダになります。列ラベルが不要な場合は、これを空白のままにすることができます。

フッターリンク

  • このページはヘッダメニューの設定ページと同じですが、タイプドロップダウンメニューにリストオプションは表示されません。

  • 追加を選択し、追加するリンクのタイプを選択します。

    • カテゴリリンク

    • コンテンツ

    • cookie 同意マネージャー

    • 外部

    • ホームページ

    • TC 結合

    • トップ求人

    • すべてのジョブを表示

追加を選択し、追加するリンクのタイプを選択します。Category リンク、Content、Cookie Consent Manager、External、Home Page、TC Join、Top Jobs、または View All Jobs のいずれかを選択します。

ソーシャルリンク

ソーシャルリンクはフッタに表示されます。ソーシャルリンク領域で、目的のリンクを追加し、ソーシャルネットワークに対する会社の優先 URL を入力します。リーディングプラクティスは、求職者に固有のソーシャルネットワーキングリンクのみを含めることです。

追加を選択し、追加するソーシャルリンクのタイプを選択します。Facebook、Google+、Instagram、Pinterest、Twitter、Vine、Xing、YouTube から選択します。

ヘッダとフッタの作成

ビジネスの例

Best Run ブランドとレッドブランドのヘッダーとフッターを作成します。

  • ヘッダを有効化し、ロゴを追加します。

  • ヘッダリンクを作成します。

  • フッタリンクを登録します。

  • フッタにソーシャルリンクを追加します。

タスク 1: ヘッダとフッタの有効化

このビデオでは、ヘッダとフッタを有効化する方法について説明します。

この表を参照して、Best Run のキャリアサイトのヘッダーを有効化します。

ブランドタイトル代替テキストイメージURL をクリックします。
デフォルトブランドベストランBest Run 社のロゴBest_Run_logo.png/
赤色レッドブランドRed Brand 社のロゴRed_Brand_logo.png/赤/

ステップ

  1. Career Site Builder で、AppearanceStylesHeadersEnglish にナビゲートします。

  2. デフォルトブランドを選択します。

  3. ロゴタブを選択します。

  4. 左側のナビゲーションメニューの HeadersEnglish で、Red を選択します。

  5. レッドブランドに対してステップ 1 から 4 を再度完了します。

タスク 2: デフォルトブランドに対するブランドヘッダリンクの登録

このビデオでは、ブランドヘッダーリンクの作成に関するデモを提供します。

Best Run では、ヘッダーに 4 つのドロップダウンメニューが必要です。最初に、ブランドリンクを作成します。

ブランドTypeタイトルテキスト供給元新規セッション
デフォルトブランド外部Best Run ブランドへのナビゲートBest Run ブランド/いいえ
赤色外部レッドブランドにナビゲートするレッドブランド/赤/いいえ

ステップ

  1. 表示スタイルヘッダ英語のデフォルトブランドにナビゲートします。

  2. メニュータブを選択して、ドロップダウンリンクを作成します。

    1. + 追加を選択します

    2. タイプで一覧を選択します。

    3. TitleNavigate to Brands と入力します。

    4. TextBrands と入力します。

  3. リンク一覧で+ 追加を選択します

    1. 表に示されている値をデフォルトブランドに入力します。

    2. OK を選択してから、はいを選択します。

  4. 前のステップを繰り返して新しいリンクリストを追加し、表のレッドブランドの値を入力します。

  5. OK を選択してから、はいを選択します。

  6. 保存してプレビューを選択します。

  7. 新しいリンクをテストします。最初のリンクを選択した後、ブラウザの戻る矢印を選択して 2 番目のリンクをテストします。また、各リンクのテキストの上にマウスを置きます。

タスク 3: Red Brand のホームページヘッダリンクの作成

ステップ

  1. 表示スタイルヘッダ英語 (赤) から開始する場合を除き、タスク Create the Brands Header Links for the Default Brand のステップを繰り返します。

タスク 4: Best Run ブランドの Why Work Here(コンテンツページ)を作成する

このビデオでは、Why Work Here コンテンツページを作成する方法のデモを提供します。

この表を参照して、Best Run ブランドの Why Work Here リンクを作成します。

ブランドTypeコンテンツリンクタイトルテキスト
デフォルトブランドコンテンツ会社 - 英語 - デフォルトブランド弊社について会社
デフォルトブランドコンテンツ福利厚生 - 英語 - デフォルトブランド当社のメリットについて利点

ステップ

  1. 表示スタイルヘッダ英語のデフォルトブランドメニューに移動します。

    1. + 追加を選択します

    2. タイプで一覧を選択します。

    3. Title、Learn about our Company と入力します。

    4. テキストに、ここで作業する理由を入力します。

  2. リンク一覧で+ 追加を選択します

    1. タイプでコンテンツを選択します。

    2. 下部の [コンテンツリンク] までスキップし、テーブルの最初の行から値を選択します。このアクションにより、以前に登録したページが選択されます。

    3. 表に示されているタイトルテキストの値を入力します。

    4. OKはいの順に選択します。

  3. 前のステップを繰り返して 2 番目の [内容] ページを追加し、表の 2 行目の値を入力します。

  4. OKはいの順に選択します。

  5. 保存してプレビューします。

  6. 新しいリンクをテストします。

タスク 5: レッドブランドの Why Work Here(コンテンツページ)を作成する

この表を参照して、レッドブランドの Why Work Here リンクを作成します。

ブランドTypeコンテンツリンクタイトルテキスト
赤色コンテンツ会社 - 英語 - 赤弊社について会社
赤色コンテンツ福利厚生 - 英語 - 赤当社のメリットについて利点

ステップ

  1. 表示スタイルヘッダ英語レッドメニューから開始する場合を除き、Best Run ブランドに対してタスク Why Work Here (コンテンツページ) の登録のステップを繰り返します。

タスク 6: Best Run ブランドのキャリアの機会 (カテゴリページ) ヘッダーリンクの作成

このビデオでは、キャリアの機会カテゴリページを作成する方法について説明します。

この表を参照して、Best Run ブランドとレッドブランドのキャリアの機会 (カテゴリページ) ヘッダーのリンクを作成します。

Typeカテゴリリンクタイトルテキスト
カテゴリエンジニアリングの求人設計ジョブにナビゲートするエンジニアリングの求人
カテゴリ販売の求人販売ジョブにナビゲートする販売の求人
カテゴリ管理の求人管理ジョブへのナビゲート管理の求人
カテゴリ赤ブランドの求人レッドブランドの求人に移動赤ブランドの求人
カテゴリリモートジョブリモートジョブにナビゲートリモートジョブ

ステップ

  1. 表示スタイルヘッダ英語のデフォルトブランドメニューに移動します。

    1. + 追加を選択します

    2. タイプで一覧を選択します。

    3. TitleNavigate to Featured Jobs と入力します。

    4. テキストキャリアの機会と入力します。

  2. リンク一覧で+ 追加を選択します

    1. [種類] で、[カテゴリリンク] を選択します。

    2. 下部の [カテゴリリンク] までスキップし、テーブルの最初の行から値を選択します。このアクションにより、以前に登録したページが選択されます。

    3. 表に示されているタイトルテキストの値を入力します。

    4. OK を選択してから、はいを選択します

  3. 前のステップを繰り返して新しいリンクリストを追加し、テーブルの 2 番目の行の値を入力します。

  4. テーブルの 3 行目、4 行目、および 5 行目のリンクリストの追加を続行します。

  5. OKはいの順に選択します。

  6. 保存してプレビューを選択します。

  7. 新しいリンクをテストします。カテゴリーページの一部は Best Run ブランドに関連付けられており、一部はレッドブランドに関連付けられています。

タスク 7: 赤ブランドに対するキャリアの機会 (カテゴリページ) ヘッダーリンクの作成

ステップ

  1. 表示スタイルヘッダ英語レッドメニューから開始する場合を除き、タスク Create the Career Opportunities (Category Page) Header Links for the Best Run Brand のステップを繰り返します。

タスク 8: ジョブを登録しませんか? Best Run ブランドのヘッダリンク

Best Run では、キャリアサイトのランディングページへのリンクは通常、サイトには含まれていないが、就労しないの下にエンジニアリング学生ランディングページへのリンクを含めることを理解していますか。ヘッダーのプルダウンリスト。最初に、このランディングページへのリンクを見つけます。 

このテーブルを参照して、ジョブが見つかりませんか? Best Run ブランドとレッドブランドのヘッダリンク。

Typeタイトルテキスト供給元新規セッション
TC 結合ジョブアラートへのサインアップJohn Our Talent Community  
外部すべての求人の検索すべてのジョブを表示/search/いいえ
外部利息書式の入力エンジニアリング学生関心フォーム[ステップを参照]いいえ

ステップ

  1. ページランディングにナビゲートします。

    1. エンジニアリング学生ページのランディングページの編集 (鉛筆) アイコンをクリックします。

    2. プレビューボタンをクリックします。

    3. ページの URL をコピーします。

    4. テキストエディタ (メモ帳など) にリンクをペーストします。

    5. ペーストした、で始まる URL の末尾を削除しますか?ロケール =…

    6. 新しいブラウザウィンドウを開き、リンクをテストします。エンジニアリング学生ランディングページが表示されます。

  2. 表示スタイルヘッダ英語のデフォルトブランドメニューに移動します。

    1. + 追加をクリックします。

    2. タイプで一覧を選択します。

    3. TitleFind job in other ways と入力します。

    4. テキストに Not find a job? と入力します。

  3. リンク一覧で+ 追加をクリックします。

    1. 表の最初の行に示されている値を入力します。

    2. OKはいの順にクリックします

  4. ステップ 3 を繰り返して、テーブルの 2 番目の行にリンク一覧を追加します。

  5. テーブルの 3 行目にリンクリストを追加します。

    1. ソース項目に入力するには、最初のステップで保存したランディングページリンクをコピーしてペーストします。

    2. OK を選択してから、はいを選択します。

    3. 保存してプレビューを選択します。

    4. 新しいリンクをテストします。

タスク 9: ジョブを登録しませんか? レッドブランドのヘッダリンク

ステップ

  1. タスクジョブが見つからない場合の登録のステップを繰り返します。Red Brand のヘッダリンク (AppearanceStylesHeadersEnglishBest RunMenu からの開始を除く)

タスク 10: フッターリンクの作成

このビデオでは、フッタリンクの登録方法に関するデモを提供します。

Best Run では、フッターに 5 つのリンクがあります。両方のブランドのフッタを登録します。

この表を参照して、Best Run ブランドとレッドブランドの両方のフッターリンクを作成します。

Typeタイトルテキスト供給元新規セッション
ホームページキャリアホームへ移動キャリアのホーム  
外部Best Run 企業サイトBestRun.comhttps://www.sap.comはい
トップ求人Best Run ジョブの検索に使用された上位のキーワードトップ求人  
すべてのジョブを表示カテゴリで検索すべてのジョブを表示  
cookie 同意マネージャーcookie 同意マネージャーを開くcookie 同意マネージャー  

ステップ

  1. 表示スタイルフッタ英語デフォルトブランドにナビゲートします。

    1. 詳細タブを選択します。

    2. フッタテキスト© Copyright 2024 と入力します。

    3. フッタの幅で、中央揃えを選択します。

    4. フッタイメージで、いいえを選択します。

    5. 保存してプレビューします。

  2. 行メニュータブを選択します。

    1. + 追加を選択します

    2. 表に示されている値を入力します。

    3. OKはいの順に選択します。

    4. 保存してプレビューします。

  3. ステップ 2 を繰り返して、テーブルの行 2 から 5 のリンク一覧を追加します。

  4. 保存してプレビューを選択します。

  5. Red ブランドのフッターリンクを作成するには、AppearanceStylesFootersEnglishRed にナビゲートします。

  6. レッドブランドに対して a から g までのステップを完了します。

  7. フッタリンクをテストします。

タスク 11: ソーシャルリンクをフッターに追加

この表を参照して、Best Run ブランドとレッドブランドの両方のフッターリンクを作成します。

Typeリンク
Facebook リンク

https://www.facebook.com/sap

LinkedIn リンクhttps://www.linkedin.com/company/sap
Twitter リンクhttps://twitter.com/sap

ステップ

  1. 表示スタイルフッタ英語デフォルトブランドソーシャルリンクにナビゲートします。

    1. + タブ追加を選択します

    2. テーブル (Facebook) から最初のタイプを選択します。

    3. 表からリンクを入力します。

  2. ステップ 1 を繰り返して、他のソーシャルリンク (LinkedIn および Twitter) を追加します。

  3. ソーシャルリンクを保存してプレビューします。

  4. Red ブランドのフッターリンクを作成するには、AppearanceStylesFootersEnglishRed にナビゲートします。

  5. レッドブランドについても同じステップを完了します。

  6. 両方のブランドのヘッダーとフッターのリンクをランダムにテストします。ヘッダーのロゴをクリックすると、ホームページに戻ることに注意してください。

ホームページの更新

すべてのカテゴリページおよびコンテンツページが構築されたため、ホームページの構築を終了できます。

  • 作成された他のページのリンクを追加します。

  • デフォルトのブランドホームページを複製して、レッドブランドのホームページを作成します。

ホームページの更新

このビデオでは、ホームページの更新方法のデモを示します。

ビジネスの例

Best Run キャリアサイトに必要なすべてのページが作成されたら、これらのページへのリンクを使用してホームページを更新することができます。その後、レッドブランドのデフォルトブランドホームページを複製する準備ができました。

タスク 1: ホームページでのカテゴリページへのリンクの作成

この表を参照して、カテゴリページへのリンクを作成します。

縦棒Typeカテゴリリンクタイトルテキスト
1カテゴリエンジニアリングの求人設計ジョブにナビゲートするエンジニアリングの求人
2カテゴリ販売の求人販売ジョブにナビゲートする販売の求人
3カテゴリ管理の求人管理ジョブへのナビゲート管理の求人
 カテゴリリモートジョブリモートジョブにナビゲートリモートジョブ

ステップ

  1. ページホーム英語デフォルトブランドホームにナビゲートします

  2. 3 列イメージ (キャプションあり) コンポーネントまでスクロールし、灰色のボックスを選択して編集します。

  3. を選択して、列 1 タブを開きます。リンク表示が選択されます。

    1. リンク編集ボタンを選択します。

    2. [種類] で、[カテゴリリンク] を選択します。

    3. 下部の[カテゴリリンク]までスキップし、上の表の最初の行から値を選択します。このアクションにより、以前に登録したページが選択されます。

    4. 表に示されている TitleText の値を入力します。

    5. OK を選択します。

    6. ドラフト保存を選択します

  4. ステップ 3 を繰り返して、列 2 タブと列 3 タブにリンクを追加し、表の値を入力します。

  5. 公開してプレビューを選択します。

  6. リンクをテストします。

  7. Career Site Builder の Best Run ホームページにリモートジョブリンクを追加するには、Work Remotely-Text コンポーネント (2 番目のテキストコンポーネント) までスクロールし、灰色のボックスを選択して編集します。表示ボタンが選択されます。

  8. サブステップ 3b ~ 3f を繰り返し (リンク編集ボタンの選択から開始)、テーブルのリモートジョブ行の値を使用します。

  9. 公開してプレビューを選択します。

  10. リンクをテストします。

タスク 2: ホームページにすべての求人を表示リンクの作成

このテーブルを参照して、すべてのジョブを表示リンクを作成します。

Typeタイトルテキスト供給元新規セッション
外部すべての求人の検索すべてのジョブを表示/search/いいえ

ステップ

  1. Dream Job Text コンポーネント (最初のテキストコンポーネント) までスクロールし、灰色のボックスを選択して編集します。表示ボタンが選択されます。

  2. 編集ボタンを選択します。

  3. 表に示されている値を入力します。

  4. OK を選択します。

  5. 公開してプレビューを選択します。

  6. リンクをテストします。検索結果には、すべての求人が表示されます。

タスク 3: デフォルトのブランドホームページを赤のブランドに複製

この表を参照して、赤のブランド画像をアップロードします。

構成品目イメージファイル代替テキストイメージタイプ画像の位置
購読フォームRed_Subscribe.jpgスカーフを持つ女性未変更上部中央

ステップ

  1. キャリアサイトビルダーのデフォルトブランドホームページの上部までスクロールします。

  2. 歯車アイコンをクリックして[ページを複製]を選択します。

  3. ブランドを選択します。

  4. 保存を選択します

  5. PagesHomeEnglishRedHome にナビゲートします。

  6. 購読フォームを表す灰色のボックスを選択します。

    1. スタイルタブを選択します。

    2. 背景イメージで、イメージ変更を選択し、テーブルに一覧表示されているイメージをアップロードします。

    3. 公開してプレビューを選択します。

  7. レッドブランドのホームページのプレビュー中に、リンクをテストします。ページ上部のロゴを選択すると、そのブランドのホームページに戻ることに注意してください。ヘッダのホームページナビゲーションを使用して、他のブランドに切り替えます。

サマリ

  • [表示] → [スタイル] → [フッタ] で、[詳細] ページを選択し、フッターに表示するテキストを入力して、フッターがサイトの全幅を拡大するか、中央揃えにするかを決定します。
  • ソーシャルリンクはフッタに表示されます。ソーシャルリンク領域で、目的のリンクを追加し、ソーシャルネットワークに対する会社の優先 URL を入力します。リーディングプラクティスは、応募者固有のソーシャルネットワーキングリンクのみを含めることです。