Flatsome 主题使用教程– 奥卡网络 | flatsome主題
Flatsome内置了一个用户友好的可视化编辑器——UXbulider,也称作用户体验生成器,它可以让你从站点的前端设计页面。UXbulider像是玩拼图一样,自己建立很多内容拼图,再用拖拉的方式来改变排版,几乎所见即所得,而且它有预设很多互动元素,让你直接插入使用,非常方便。使用UX搭建页面的思路是先布局(Layout),再填充内容(Content)。Flatsome主题元素库中,自建元素只有很多种。现在我们开始介绍这些元素的用途和功能。Layout——布局元素设置Section:段落布局Section是元素中层级最高的、包容性最强的一种布局,通常显示在最外层...
Flatsome内置了一个用户友好的可视化编辑器——UX bulider,也称作用户体验生成器,它可以让你从站点的前端设计页面。
UX bulider 像是玩拼图一样,自己建立很多内容拼图,再用拖拉的方式来改变排版,几乎所见即所得,而且它有预设很多互动元素,让你直接插入使用,非常方便。
使用UX搭建页面的思路是先布局(Layout),再填充内容(Content) 。
Flatsome主题元素库中, 自建元素只有很多种。现在我们开始介绍这些元素的用途和功能。
Layout—— 布局元素设置 Section:段落布局Section是元素中层级最高的、包容性最强的一种布局,通常显示在最外层。
共有18种Section预设样式,你可以选择任意一种你喜欢的段落布局。
默认 黑底默认 白底分栏 白底居中 黑底 顶部箭头 黑底 右侧元素框+文本 黑底 左侧元素框+文本+按钮 白底 右侧元素框+文本 白底 左侧元素框+文本 白底 左侧媒体框+文本+按钮 白底 右侧媒体框+文本+按钮 白底 左侧大媒体框+文本+按钮 白底 右侧大媒体框+文本+按钮 黑底 右侧大媒体框+文本+按钮 黑底 左侧大媒体框+文本+按钮 白底 媒体框居中+两侧文本 白底 顶部媒体框+下面文本 白底 底部媒体框+上面文本section布局可以包含除本身外的所有元素。
通常系统会自动选择第一个Default(默认),模式中 Dark 为黑底白字、 Light 为白底黑字。点击section 的齿形工具栏就可以设置section ,在这里面你能够设置区块的背景图、视频、文字。
Row:行、排的布局与Section 布局一样, Row也是布局的一种容器,容器里面还可以放置其他元素。Row的预设样式共有14种。
分别以不同的Column(栏、列)来划分不同的样式,比如:1栏、2栏、3栏、4栏;
还有以栏目元素框的大小来划分:右侧大栏、左侧大栏;
栏目以虚线框全宽展示的Row样式:虚线全宽两栏、虚线全宽三栏;
栏目有媒体...