更新全局样式

Objective

After completing this lesson, you will be able to 更新 CSB 站点中使用的颜色和背景图像。

全局样式

"全局样式"位于"招聘网站构建器"中的"外观"下。"全局样式"页面上的主要章节包括:

  • 全局样式
  • 抬头
  • 页脚

在显示的示例中,已启用三个品牌和三个区域设置。如果系统不识别品牌,则显示缺省品牌。在 CSB 中构建页面时,首先创建默认品牌的页面,然后为其他品牌复制页面,然后进行任何必要的更改。

“全局样式”菜单的屏幕截图,显示以下部分:全局样式、页眉和页脚

全局样式选项卡允许您在招聘网站上定制颜色和背景图像。此外,站点的每个已配置品牌都可以具有自己的自定义页眉或页脚,以及自定义颜色和图像。例如,如果客户已配置默认品牌和子品牌,则每个品牌都可以有自己的外观,以及单独的品牌颜色和图像。在"全局样式"菜单中选择"报表头"或"报表尾",然后选择区域设置和品牌。

即使颜色选择与缺省品牌相同,也会为每个品牌进行颜色选择。

主菜单

主要 选项卡上,您可以调整招聘网站主要区域的颜色,并为整个站点和主要内容区域上传图像。

“主要”选项卡的屏幕截图,显示用于调整站点功能的选项

要打开"调色板"菜单,请单击任何现有颜色。使用"调色板"菜单顶部的"添加"图标向调色板添加新颜色。单击顶部的"已归档"按钮可查看之前已删除的颜色。请注意,无法移除站点上正在使用的颜色。

调色板截屏

要替换现有颜色,请单击颜色,然后单击编辑图标。请注意,颜色菜单自动保存!因此,除非您想在整个 CSB 站点中替换颜色,否则请单击"添加"开始。通过使用颜色选取器网格或输入 RGB、HSV 或十六进制代码值创建新颜色。

如果需要,为颜色输入标签。始终标记使用渐变或透明度的颜色。

要创建颜色渐变,请选中"渐变颜色"框,然后选择要创建渐变的两种颜色。使用底部幻灯片调整颜色在站点上的不透明程度(换句话说,它是纯色,还是您可以通过它看到)。

“是渐变颜色”屏幕截图
两张幻灯片的屏幕截图,可进行调整以选择图像的透明度级别或颜色

您还可以使用菜单上载站点和内容页面的图像。作为站点背景图像上载的图像用作整个站点的背景。作为内容背景图像上载的图像用作任何内容页面的背景。

您可以为每个品牌上载收藏夹图标。Favicon 是品牌识别/徽标的小型呈现,最常用于网站以在页面 URL 地址旁的浏览器地址栏上显示,以及在候选人为页面添加书签时页面名称旁边的书签列表中。

截屏:页面名称旁边的“Favicon”、“Jobs at Best Run”

社交媒体消息的元图像

客户可以从"全局样式"主页添加元图像,以将其与社交媒体帖子中的招聘网站相关联。一些第三方站点(例如 Facebook、LinkedIn 和 Twitter)允许您在发布招聘网站的链接和信息时关联图像。元图像设置允许您为每个品牌指定一个图像,以便招聘网站中的任何品牌页面都将包含相同的元图像。

截屏:在 Microsoft Teams 和 LinkedIn 上显示的公司图像。注释内容如下:“粘贴到 Microsoft Teams 的 CSB URL”。

其他全局样式设置

  • 标题菜单允许您定制站点标题的某些元素的颜色。
  • 页脚列页脚 菜单允许您定制站点页脚某些元素的颜色。您可以将页脚中的链接配置为单行,也可以配置为相关链接的列。您还可以配置两种页脚菜单类型,并且可以单独为其应用样式。如果同时为页脚配置行和列菜单,则行菜单将显示在列上方。

修改站点颜色,并将社交链接添加到页脚

业务示例

Best Run 希望修改站点上使用的某些颜色。您还将查看如何配置左上方的徽标,以将用户返回到主页,并向页脚添加社交链接。

注意

在本练习中浏览站点颜色时,请勿进行任何更改。没有保存按钮,因此任何更改都会自动保存。

步骤

  1. 导航到 CSB外观样式全局样式缺省品牌 并浏览设置。可添加其他颜色。单击站点背景颜色,然后单击铅笔图标以查看其为渐变。请注意,尚未添加站点范围的背景图像,但已上传收藏夹图标。

  2. 选择搜索表单选项卡,并注意为最佳运营搜索表单选择的颜色。

  3. 选择抬头标签。在左侧导航窗格的全局样式下,选择红色。注意为红色品牌搜索表单选择的颜色。切换回全局样式下的默认品牌。请注意,菜单链接是深蓝色,菜单链接悬停是浅蓝色。在 Best Run 站点的标题中确认。

  4. 选择搜索体验选项卡并滚动浏览可用选项。请随时对搜索显示方式实施更改。现在将菜单链接悬停更改为 Best Run Gold。保存并预览。现在,将鼠标悬停在 Best Run 站点默认品牌标题中的任何链接上时,它们将以金色字体显示。

  5. 单击行页脚标签,然后对链接悬停选项的金色进行相同的更改。单击保存并预览

  6. 导航到 CSB外观样式标头英语默认品牌 。在徽标页面上,请注意,Best Run 徽标已上载,单击 URL 设置为 / ,表示默认品牌主页。通过导航到默认品牌的主页,然后单击未找到职位?,在您的 Best Run 站点中对此进行测试。从标题中查看所有作业。通过单击左上角的最佳运行徽标返回到默认品牌主页。

  7. 在 CSB 中,单击 外观样式抬头英语缺省品牌 下的菜单。我们稍后将在课程中了解有关抬头菜单的详细信息。

  8. 导航到 外观样式抬头英语红色徽标 。请注意,红色品牌徽标已上载,单击 URL 设置为 /Red/ 。此 URL 与红色品牌主页相关。通过导航到红色品牌的主页,然后单击抬头中的 为什么在此处工作公司 ,在"最佳运行"站点中对此进行测试。单击左上方的红色品牌徽标返回到红色品牌主页。

  9. 导航到 CSB外观样式页脚英语默认品牌详细信息 。如果贵公司在 CSB 招聘网站页脚使用版权日期,您希望记住每年更新一次。

  10. 单击行菜单标签,然后使用铅笔图标将设置与 Best Run 站点上的页脚进行简要比较。

  11. 单击 社交链接 标签。

  12. 单击 +添加 并选择 YouTube

  13. YouTube Link edit 框中输入 https://www.youtube.com/user/SAP

  14. 单击保存并预览。请注意,Best Run 品牌的页脚中增加了 YouTube 图标。

  15. 导航到 CSB → 外观 → 样式 → 页脚 → 英语 → 红色 → 社交链接,然后为 Red 品牌添加相同的 YouTube 链接。

  16. 请注意,您仅更改了默认品牌。由于这是一个多品牌站点,因此您还需要对其他品牌进行相同的更改。在此练习中,我们不会这样做。保存并预览。

抬头详细信息和徽标

在抬头详细信息中,您可以选择始终在桌面设备上显示标头。您可以选择显示徽标的位置、是否将配置自定义标题、标题是扩展站点的完整宽度还是居中宽度,并确定是否显示登录小组件和区域设置选择器。

详细信息页面的屏幕截图,包括固定标题、登录小组件和区域设置选择器的开关。

页眉徽标,您可以上传页眉的徽标。对于单击 URL (href) 字段,我们建议使用相对链接 (/) 表示"主页"。

显示 Best Run 徽标的徽标编辑器的屏幕截图,其中包含更改或移除图像和 URL 的选项。