网站主题

Odoo 提供了多种主题来塑造您网站的风格,包括颜色、字体和布局。使用 Odoo 网站配置器设置网站时,系统会提示您选择一个符合您期望美学的主题。如果您希望稍后修改主题选项,请点击 编辑 按钮进入网站构建器,并访问 主题 选项卡。以下部分可用:

  • 颜色: 网站构建器依赖于由五种颜色组成的调色板:两种 颜色和三种 浅色与深色 颜色。

    您还可以自定义网站构建器根据上述五种颜色自动定义的 颜色预设。点击颜色预设旁边的箭头以更新它。每个颜色预设包含您构建块的 背景文本标题链接主要按钮次要按钮 的颜色。

    选择您网站的颜色

    要为站点的构建块应用颜色预设,请先选中它,然后转到 自定义 标签页,点击 背景 按钮,并选择预设。

    注解

    更改颜色预设会自动更新默认预设和使用了该预设的构建块的颜色。

  • Website: 在此部分,您可以 切换主题添加语言,选择 页面布局,并通过上传自己的图片来自定义 背景

  • 段落: 自定义您网站段落 <p> 元素的格式。

    小技巧

    字体家族 字段包含由 Google 服务器托管和提供的字体。要添加其他字体,请点击 添加 Google 字体,并在弹出窗口中点击 fonts.google.com

    选择您喜欢的字体

    选择您喜欢的字体,复制页面地址,将其粘贴到 Google Font 地址 字段中,然后点击 保存并重新加载。新字体将应用于您的整个网站。

  • 标题: 自定义标题的格式。

  • 按钮: 自定义 主要样式次要样式 按钮。

    Odoo 中的两种按钮类型
  • 链接: 用于编辑您网站上可用的超链接样式。

  • Input Fields: 自定义可输入数据的字段,例如搜索栏或表单。

  • Advanced: 您可以使用 Show Header 按钮隐藏网站的标题栏,注入 head and body code,输入您的 Google Map Custom Key,通过点击相关的 Status Colors 按钮更改 SuccessInfoWarningError 弹出消息的颜色,并自定义您网站的 Grays 元素。

    Example

    • 成功 消息的 状态颜色 设置为绿色。

      状态颜色成功消息设置为绿色。 成功消息为绿色
    • 自定义您网站的灰色元素。

      自定义您网站的灰色元素