キャリア・サイト・テーマの構成
外部キャリア・サイトのルック・アンド・フィールをパーソナライズして、組織のブランディングにあわせることができます。 「テーマ」タブでは、企業ロゴ、背景イメージ、テキスト、フォント、色、カスタム・ヘッダー、フッター、CSSなどのグローバル要素を設定します。
「テーマ」タブのメイン・ビューには、キャリア・サイトのライブ・プレビューが含まれ、構成パネルで行った変更が表示されます。 テーマ・エレメントを構成するとすぐにページ・プレビューに表示されます。 デスクトップ、タブレットおよびモバイル・デバイス用のキャリア・サイトをプレビューできます。 テーマに加えた変更は、公開後すぐにアクティブなキャリア・サイトに表示されます。
オプション |
説明 |
---|---|
ロゴ |
モバイル・デバイスおよびデスクトップ・デバイスのロゴとして異なるイメージを使用できます。 キャリア・サイトでロゴを使用するには、まずそのロゴを公式にアクセス可能なWebサイトにアップロードする必要があります。 次に、「デスクトップ・ロゴのURLの挿入。」フィールドにイメージのURLを追加できます。 ロゴは、キャリア・サイトの左隅に表示されます。 ロゴの許容サイズは150 x 40ピクセルです。 ロゴが大きい場合は、許容サイズにあわせて縮小されます。 ロゴが小さい場合は、許容サイズに合うように拡張されません。 ソーシャル・シェアのイメージを追加しない場合は、ジョブがソーシャル・チャネルで共有されるときにデスクトップ・ロゴが使用されます。 ソーシャル・メディア・サイトでジョブ・リンクを共有するときに最良のエクスペリエンスを得るには、ほとんどのソーシャル・プラットフォームでイメージのアスペクト比が1.9:1である必要があります。 ソーシャル・シェアにロゴを使用する場合は、イメージをアップロードする前に、使用するプラットフォームで推奨されるアスペクト比を確認してください。 |
背景イメージ |
背景イメージのURLをアップロードできます。 キャリア・サイトのホームページに背景イメージが表示されます。 画面解像度に適用されます。 理想的なサイズは2560x1600ピクセルです。 ファイルは1MBを超えないようにしてください。 ファイルが大きい場合は、ツールを使用して圧縮します。 最小のテンプレートでは、背景イメージはキャリア・サイト・ホーム・ページにのみ適用されます。 キャリア・サイト検索ページの背景色は、テーマ色4 ( |
ブランド・テキスト |
ブランド・テキストを入力できます。 テキストはキャリア・サイトのホーム・ページに表示されます。 これは、候補者がキャリア・サイトにアクセスしたときに最初に目にするものです。 |
グローバルのフォント |
キャリア・サイトのすべてのページのフォントを選択できます。 事前定義済のフォント・リストを使用できます。 新しいフォントを追加するには、「追加」をクリックしてフォント名を入力し、woff URLまたはwoff2 URLを追加します。 たとえば:
ノート: ブラウザでフォントを正しくレンダリングするには、そのフォントがオペレーティング・システムにインストールされている必要があります。
|
テーマ色 |
キャリア・サイトで使用する色を構成できます。 テーマの色(エレメントのグループに適用される色のセット)を選択します。 色は、選択したテンプレートによって異なります。 ヘッダー、フッター、ボタン、テキスト、背景、パネル、メニュー、フィルタ、タイルなどの複数のUI要素の色を定義することもできます。 「色のリセット」をクリックして、テンプレートのデフォルト色を復元します。 |
グローバル・ヘッダー |
グローバルまたはキャリア・サイトの特定のページで使用できる様々なヘッダー設計スタイルを作成できます。
|
カスタム・ヘッダー |
企業のブランディングに合わせてカスタム・ヘッダーを作成できます。 カスタム・ヘッダーはテンプレート・ヘッダーの上部に表示されます。 カスタム・ヘッダーを作成するには、HTMLコードを指定します。 |
カスタム・フッター |
企業のブランディングに合わせてカスタム・フッターを作成できます。 カスタム・フッターを作成するには、HTMLコードを指定します。 アクティブなフッターは1つのみです。 テンプレート・フッターを使用する場合、カスタム・フッターは使用できません。 |
カスタムCSS |
Cascading Style Sheets (CSS)を追加して、外部キャリア・サイトのルック・アンド・フィールを制御できます。 パネル内のCSSコードを編集できますが、エディタを別のウィンドウで開くこともできます。 ジョブ求人詳細ページのメディア・セクションにイメージが追加されている場合は、キャリア・サイトでジョブを表示するときにイメージの側にグレーのバーが表示されないように、次のカスタムCSSをキャリア・サイトに追加します。
|
カスタムJavaScript |
JavaScriptをキャリア・サイトに追加して、サードパーティ分析ツールを使用可能にすることができます。 HTMLスクリプトではなくJavaScriptを追加する必要があります。 ただし、HTMLは動的にロードできます。 |
ファビコン |
外部キャリア・サイトにパーソナライズされたファビコンを追加できます。 詳細は、「キャリア・サイトへのパーソナライズされたファビコンの追加」および「キャリア・サイト事業所検索の構成」を参照してください。 |
ここでは、元のGoogle Analyticsトラッキング・コードがどのように変換されるかの例を示します。
元のトラッキング・コード |
キャリア・サイトに入力する変換済コード |
---|---|
|
|