构建招聘网站

创建标头

Objective

After completing this lesson, you will be able to 创建标头。

标头

外观样式标题 中,为每个语言和品牌进行配置。在详细信息页面上配置了多个选项。

选择是始终在桌面设备上显示标题,选择显示徽标的位置,并确定标题是扩展站点的完整宽度还是居中。

抬头样式 中,您可以选择配置自定义抬头。详细信息稍后包含在此部分中。

如果未选择自定义标头,还可以在微件和本地选择器中启用符号。

如果未选择自定义标题,请在“详细信息”页面上启用微件中的登录和本地选择器选项。
包含语言下拉列表的网页示例,显示 Deutsch (Deutschland)、英语(美国)和 Espanol (Espana) 选项。

抬头徽标

徽标页面中,上载抬头徽标。

当候选人单击徽标时,应将其返回到招聘网站的主页。对于单击 URL (href) 字段,我们建议使用相对链接 (/) 表示"主页"。

在徽标标签上,上载抬头的徽标,为其提供标题和替代文本。

页眉菜单

菜单页面中,构建抬头的链接。

在菜单标签上,使用拖放功能构建抬头的链接。

提示

要对链接重新排序,请拖放。

标题链接

要添加抬头链接,请选择添加,然后选择要添加的链接类型:

  • 类别链接 - 现有类别页面的链接。

  • 内容 - 现有类别页面的链接。

  • Cookie 许可管理器 - 打开 Cookie 许可管理器。

  • 外部 - 外部站点或招聘网站中其他页面的链接。

  • 主页 - 现有主页的链接。启用品牌后,主页链接会将用户转到该品牌的主页。

  • 清单 - 显示下拉链接。

  • TC 加入 – 订阅链接页面(加入人才社区)。

  • 首要作业 - 仅在页脚中使用。热门职位页面包含系统生成的页面,这些页面对应于将用户定向到招聘网站的热门职位搜索。

  • 查看所有作业 - 开箱即用的设置仅在页脚中使用。

在链接设置对话框中,从下拉列表中选择链接类型。

外部链接类型

使用"外部"类型链接到外部站点或 Career Site Builder 站点上的其他页面。

链接到外部站点时,始终为新会话选择,以便页面在新窗口中打开。

要链接到 CSB 招聘网站上的其他页面,请为新会话选择"否"。在 查看所有作业 下查看更多信息。

在“链接设置”对话框中,打开“新建会话”开关,以允许在新选项卡中查看作业标题。
在“链接设置”对话框中,关闭“新建会话”开关,以查看所有未在“新选项卡中打开”的作业标题链接。

相对链接

链接到招聘网站上的其他页面时,请尽可能使用相对链接,以便在将站点从阶段移动到生产时不需要替换 URL。

相对链接的一些示例包括:

  • / = 主页:通常用于页眉、页脚和徽标(置于其他品牌页面上)。

    • /Red/ = 红色品牌的主页

  • /search/ = 查看所有职位: 用于标题, 特色职位 组件

    • /Red/search/ = 查看全部 仅针对红色品牌的职位

在“链接设置”对话框中,指定相对链接(/ 或 /Red/)。

上图中的第一个屏幕截图显示了如何创建 缺省品牌 主页的标题链接。第二个屏幕显示如何链接到红色主页。

请注意,区域设置是粘性的,这意味着在使用相对链接时不需要调用区域设置。

列表链接类型

选择列表链接类型时,标题中会显示下拉列表。您可以选择任何类型链接以在此列表下方添加。

例如,通过使用列表类型添加"职业机会"作为标题链接,然后选择 +添加,并选择类别类型链接。将显示所有类别页面,并且可以将其添加到下拉列表中。

另一个示例是针对"为什么在此处工作"列表链接。选择 +添加并选择内容类型时,所有现有内容页面将显示在列表中以供选择。

Best Run 网站及其创建位置的链接设置页面上的标题链接示例。

查看所有职位链接类型

请注意,查看所有作业链接类型仅在页脚中使用。要添加链接以在抬头或主页上查看所有作业,例如文本特色作业组件中的查看所有作业按钮,请使用外部链接,而不是查看所有作业选项。不要在新会话中打开并使用相对链接 /search/ 。

网站和“链接设置”页面上的“查看所有职位链接”设置示例。

登录页面链接

大多数客户不会从网站链接到其招聘网站上的登录页面。因此,没有为登录页面提供链接类型,因此您将无法使用相对链接。使用外部链接类型并直接链接到登录页面 URL。

源字段中指定的登录页面链接。

注意

将站点移至生产时,需要手动替换阶段环境中的任何非相对链接,例如,到登录页面的链接。

自定义标头

客户可以通过从详细信息页面中选择抬头样式自定义来选择抬头的其他定制选项。可以为每个品牌和区域设置、桌面和移动设备配置不同的标题布局。客户可以在其招聘网站上同时具有自定义和默认标题样式。

要为标题选择其他自定义选项,请从“详细信息”页面中选择“标题样式 - 自定义”。

在此示例中,客户要求徽标显示在左上方,右侧显示菜单选项。在此下方,跨页面的完整宽度添加一行。在行下方,页面中心添加了一个文本框,右侧显示登录和语言组件。

Best Run 公司的自定义标头示例。

要创建此自定义标题,添加了三行。每行最多可容纳四个组件。在此示例中,标题菜单已展开以填充三个位置,行跨越所有四个槽,文本组件跨越中间两个槽。创建后,当前无法移动行和组件,因此在开始配置之前仔细计划抬头。

查看"自定义标题编辑器:桌面布局"一图以查看示例的配置方式。

自定义页眉编辑器:桌面布局,如上所述。

自定义标头配置

可添加到自定义标头的组件如下:

  • 图像

  • 折线图

  • 菜单

  • 登录和语言

  • 文本

将组件添加到自定义标头。在图像、行、徽标、菜单、登录和语言以及文本之间进行选择。

需要登录和语言组件。某些部件具有"样式"菜单。请参阅"自定义页眉:样式"选项卡,其中显示了"菜单"组件的"样式"菜单中可用的选项。

自定义页眉的徽标可以从"徽标"部件或"图像"部件添加。要使用针对不同显示设置(例如桌面和移动设备)优化的徽标,请使用"徽标"部件。

在“自定义报表头”的“样式选项卡”中,提供了这些选项。

摘要

  • 在标题的配置位置和核心设置中:在外观 → 样式 → 标题中,标题按语言和品牌设置。在详细信息页面上,您可以选择桌面可见性、徽标放置以及标题是全宽还是居中等选项;如果不使用自定义标题,则可以启用内置登录微件和区域设置选择器。
  • 徽标 + 菜单链接和 URL 最佳实践:上传徽标,并使用相对链接 / 将其单击 URL 设置为招聘网站主页。使用类别、内容、外部、主页、列表(下拉列表)、TC 加入、Cookie 同意管理器等链接类型构建标题导航链接(拖放以重新排序);使用相对链接(例如 /、/Red/、/search/、/Red/search/)以避免在从阶段移动到生产以及区域设置处于"粘性"状态时进行更改。在新会话中打开外部站点,但在同一会话中保留内部链接。
  • 自定义标题和限制:选择标题样式:自定义允许您使用行按品牌/区域语言设置和桌面/移动设备设计不同的标题布局(每行最多 4 个组件)。组件包括图像、行、菜单、文本和登录和语言(必填);由于行/组件在创建后无法移动,因此请仔细计划。对于按设备优化的徽标,请使用"徽标"部件(或简单徽标的"图像")。