文章概要
Flatsome是wordpress中的一种商城主题,后台使用UXbulider编辑器进行搭建。支持在线模板导入及元素导入。
2.1UX Builder可视化编辑器 – 导入模块
点击ux builder进行可视化编辑
点击Flatsome Studio 可以导入已经设计好的模块
【正版WordPress主题插件推荐】
Import – 导入你想要的模块。可以选择是否同时导入图片。(导入图片速度会相对慢一些)
Preview – 可以预览该模块。
2.2UX Builder可视化编辑器 – 页面设置
点击右上角的小齿轮设置页面模板类型。
我们一般使用第二个 Page – Full Width 全宽布局。
2.3UX Builder可视化编辑器 – 布局元素设置
使用UX搭建页面的思路是先布局,再填充内容。
以下均为布局样式,建议在搭建时以Section为一个block。
以下是常用布局的用法。
布局元素设置 – Section
Section – 是元素中层级最高的。(显示在最外层)
能够设置块的背景图/视频/文字黑白
Dark默认为黑底白字,Light默认为白底黑色
布局元素设置 – Row
Row – 布局样式的容器,只是个盒子。
能够设置行内模块的间距,容器的宽度,行内模块的对齐原则。
布局元素设置 – Column
Column – row内的布局元素,遵循12栅格原则。
可随意调整布局宽度,一行总和不超过12。
布局元素设置 – Grid
Grid – 布局样式。
可在布局内添加banner、image,布局样式可以套用slider
可以随意调整高度,宽度,间距,阴影等。
布局元素设置 – Slider
Slider – Column内的布局元素。
可以添加Banner、Image、图标,布局样式可以套用Section、Row、Grid
可以随意设置背景颜色、宽度等。
布局元素设置 – Widget Area
Widget Area – Column内的内容元素
可以选择显示的内容及样式。
【免费外贸推广营销视频培训教程】
https://school.yooopaaa.com
WordPress著名Avada主题官方优惠
https://1.envato.market/xxPav
WordPress可视化建站Elementor插件
https://elementor.com/?ref=19904
WordPress外贸独立站DIVI主题官方优惠
https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=59787
亚马逊选品工具Jungle Scout官方优惠
https://junglescout.grsm.io/jieqiu1568
独立站SEO优化工具Semrush免费7天试用
https://shareasale.com/r.cfm?b=1577772&u=2541755&m=97231&urllink=&afftrack=