Dwelling CMS 网站模板专为需要美观网站来服务客户并帮助开发新客户的房地产企业而设计。
结构
该模板的结构主要采用 12 列布局结构构建。
- 要创建列布局，需要一个父级 div 块，并为其添加类名“12 Columns”。可以使用组合类来更改对齐方式。
- 然后，在其中放置带有“Column”类名的div块。这些块将变成你的列，你可以根据需要添加任意数量的列。
- 然后，您可以添加一个特定的组合类，用于确定内容占用的列数。例如，一个左侧是内容、右侧是图片的布局，可以对两列都使用“Desktop 6”组合类。这意味着每个块将占用 6 列，即可用宽度的 50%。
- 可以通过添加组合类来更改平板电脑和移动设备的列宽。
部分和容器
每个内容块都应该使用分区和容器。分区用于组织内容，并为内容块设置顶部和底部内边距。容器设置最大宽度，该宽度会根据设备尺寸自动调整。分区包含多种类和组合类，您可以参考以下说明。
应用于 Webflow 的 section 元素时，此设置会为内容顶部和底部内边距。
将 Section 类中的顶部内边距更改双精度值。
将 Section 类中的底部内边距更改双倍。
将 Section 类中的顶部和底部内边距都更改双倍。
应用于嵌套在 section 元素内的 div 块。这将所有内容的宽度限制在最大范围。
成分
此模板包含预置组件，方便您快速轻松地构建页面。模板包含导航、页脚和常用重复部分的组件。您可以在此处。组件有两种使用方式：
- 每个实例的内容都相同：这对于导航和页脚非常有用，因为它们在每个页面上都应该完全相同。在一个地方对实例进行更改，所有页面上的内容都会更新。
- 组件属性：对于使用 Webflow 属性的组件（例如 Split Layout 组件），您可以使用右侧边栏更新单个实例的文本、图像和链接，而不会影响其他实例。这对于网站中内容各异但布局和样式始终保持一致的模块非常有用。
如何使用
- 通过左侧工具栏访问各个组件。选择所需的组件，即可将其放置在页面上。
- 双击组件即可全局更新任何内容。
- 使用右侧边栏中的组件属性，可以对单个组件的内容进行单独更改，而不会影响该组件的其他实例。
- 如果组件需要完全唯一，只需右键单击该组件并选择“取消链接实例”即可。
风格指南
我们提供了一份样式指南，方便您轻松更新网站上需要全局更改的样式。点击此处。
排版
- 字体和字号的更新应在样式指南中进行。要更新主字体，请选择 Body 元素，然后从样式面板中选择 Body (All Pages) 标签。在此处进行的更改将更新整个项目的字体。
- 要更新标题字体和大小，请选择每个标题，然后更改为您想要的样式。
颜色
- 要更改网站颜色，请向下滚动到样式指南中的颜色部分。选择一个色块。
- 在样式面板中，选择背景颜色。
- 在弹出的窗口中，选择铅笔图标来更改主色。这将更改整个网站的颜色。
更多信息
如需了解更多信息，请访问Webflow University获取深入教程。
.png)