指示

Dwelling CMS 网站模板专为需要为客户提供漂亮网站以帮助产生新潜在客户的房地产企业而设计。

结构

该模板的结构主要采用12列布局结构构建。 

1. 要创建列布局，每个部分需要一个类名为“12 列”的父 div 块。可以使用组合类来更改对齐方式。
2. 然后，在里面放置带有“Column”类的div块。这些div块将变成你的列，所以你需要多少列就有多少列。
3. 然后，您可以添加一个特定的组合类，用于确定内容使用的列数。例如，如果布局左侧显示内容，右侧显示图片，则可以对两列都使用“桌面 6”组合类。这意味着每个区块将占用 6 列，即可用宽度的 50%。
4. 可以添加组合类来更改平板电脑和移动设备的列宽。

部分和容器

每个内容块都应使用版块和容器。版块负责组织内容，并为内容块应用顶部和底部填充。容器会根据设备尺寸设置最大宽度。版块包含各种变体的类和组合类，您可以参考下文。

应用于 Webflow 部分元素，这会为内容顶部和底部填充

将 Section 类中的顶部填充更改双倍。

将 Section 类中的底部填充更改双倍。

将 Section 类中的顶部和底部填充更改双倍。

应用于嵌套在 section 元素内的 div 块。这会将所有内容限制为最大宽度。

成分

此模板包含预置组件，方便快速轻松地构建页面。模板包含导航、页脚和常用部分的组件，这些部分通常会重复使用。您可以在此处。组件的使用方式有两种：

1. 每个实例内容相同：这对于导航和页脚非常有用，因为每个页面的内容都应该相同。在一个地方对实例进行更改，所有页面的内容都会更新。
2. 组件属性：对于利用 Webflow 属性的组件（例如“拆分布局”组件），您可以使用右侧边栏在单个实例上更新文本、图片和链接，而不会影响其他实例。这对于网站内容各异但布局和样式应始终保持一致的模块非常有用。
   

如何使用

1. 访问左侧工具栏中的组件。选择所需的组件并将其放置在页面上。
2. 双击组件即可全局更新任何内容。
3. 使用右侧边栏中的组件属性进行独特的内容更改，而不会影响该组件的其他实例。
4. 如果组件需要完全唯一，只需右键单击该组件并选择“取消链接实例”。

风格指南

我们提供了样式指南，方便您轻松更新网站全局更改的样式。点击此处。

排版

1. 字体和字体大小的更新应在样式指南中完成。要更新主字体，请选择“正文”元素，然后从样式面板中选择“正文（所有页面）”标签。在此处进行的更改将更新整个项目的字体。 
2. 要更新标题字体和大小，请选择每个标题，然后更改为所需的样式。

颜色

1. 要更改网站颜色，请导航至样式指南中的“颜色”部分。选择其中一个色块。
2. 在样式面板中，选择背景颜色。
3. 在弹出窗口中，选择铅笔图标来更改主色。这将改变整个网站的颜色。

更多信息

欲了解更多信息，请访问Webflow University获取深入教程。