模板设计

构建模块让您可以将它们拖放到网页上,从而快速设计网站。根据用途,共有四种类型的构建模块: 结构 、 功能 、 动态内容 和 内部内容 。

更多内容

Odoo 教程:设计您的第一个网页 <https://www.odoo.com/slides/slide/design-your-website-images-and-motion-6931?fullscreen=1> _

添加内容块

要将构建模块添加到网站页面,请点击 编辑 ,选择所需的构建模块,然后将其拖放到页面。您可以根据需要添加任意数量的模块。

要编辑构建模块的内容,请点击该模块并进入 定制 选项卡,其中可用的功能取决于您所选的模块。

色彩预设和背景

您可以自定义色彩预设并将其应用到构建模块。为此,请选择构建模块,进入 定制 选项卡,点击 背景 按钮,然后选择一个 预设 。

当您修改色彩预设时,所有使用该预设的元素都会自动更新,以匹配新的配置。

更多内容

网站主题

布局:网格和列

大多数构建模块可以在两种布局样式之间选择: 网格 或 列(cols) 。要更改默认布局,请进入 定制 选项卡。在 横幅 部分下,选择 网格 或 列 作为 布局 。

网格

网格 布局允许您通过拖放来重新定位和调整元素(例如图片或文本)的大小。

选择网格布局后,挑选一张图片并将其拖放到所需位置。

Tip

使用上方/下方图标将图片置于文本后方。

将图片置于文本后方

列

选择 列 布局可以让您确定模块中每行的元素数量。为此,请选择要修改的模块,点击 列 布局 ,然后调整数量。

默认情况下, 在移动设备上 ,每行只显示一个元素,以确保内容在较小的屏幕上依然易于阅读和访问。要调整该值,请点击网站编辑器顶部的 ( 移动图标 )并调整列数。

在移动视图中调整每行的图片数量。

复制构建模块

您可以点击复制图标来复制构建模块。复制后,新模块会显示在网站上原模块的下方。

复制构建模块

重新排列构建模块

要重新排列构建模块,请选择该模块,然后点击向上箭头将其移到上一个模块之前,或点击向下箭头将其移到之后。

您也可以使用拖放图标手动移动模块。

重新排列构建模块

保存自定义构建模块

您可以保存自定义的构建模块,并在其他位置重复使用。为此,请选择该模块,进入 定制 选项卡,然后点击 ( 软盘 )图标进行保存。

保存构建模块

已保存的构建模块可在 构建块 选项卡的 自定义 部分中找到。点击 ( 笔 )图标可以编辑其名称。

包含已保存构建模块的自定义部分

可见性

桌面端/移动端的可见性

您可以根据访客的设备隐藏特定元素。为此,请选择要隐藏的元素,在 定制 选项卡中向下滚动到 可见性 ,然后点击 在移动端显示/隐藏 或 在桌面上显示/隐藏 图标。

点击“在移动端显示/隐藏”图标,即可在移动端显示或隐藏某些元素。

Tip

点击配置器顶部的 ( 移动端 )图标,预览您的网站在移动设备上的显示效果。

手机预览图标

按条件可见性

您还可以使用其他条件来隐藏或显示构建模块。为此,请选择一个元素,进入 可见性 ,点击 无条件 ,然后改为选择 按条件 。接着,通过选择 可见于 或 隐藏于 以及受影响的 记录 来配置要应用的条件。

更多内容

链接追踪器

不可见的元素

根据可见性设置,某些元素可能会在当前视图中被隐藏。要重新显示构建模块,请转到配置器底部的 不可见元素 部分,然后选择一个构建模块。

移动视图定制

您可以针对移动视图定制构建模块元素,而不影响桌面视图。为此,请打开网站编辑器,点击顶部的 ( 移动端 )图标,然后选择构建模块元素。接着,您可以:

  • 通过点击 ( 左/右箭头 )图标重新排列元素;

  • 在网站编辑器的 定制 选项卡中编辑 列 和 可见性 功能。