初步用这种开发模式,我也是一脸懵逼,自己琢磨琢磨,习惯就好了
首先点击左边菜单中的页面-新建页面,或者所有页面-新建页面

记得先点蓝框

先介绍下页面的结构功能
1.标题 影响title的内容
2.页面内容的搭建,后面单独说,就是fusion构建器页面搭建

3.发布框

目前页面属于草稿状态,点击预览可以看现在页面的状态,点击发布就是域名可访问状态。
4.页面属性

父级:所有页面中除了首页是第一级,其他都是第二级页面,比如有两个非首页页面a,b,是不能http://域名/a/b访问b页面的,如果在b页面中选择父级为a页面,那么就可以访问了。
模版:有预设模版可选用。
排序 :用于所有页面的位置排序。
5.页面上的各种结构设置,选重要的几个说:
幻灯片:选择幻灯片插件后,进行设置,默认页面第一个位置。

页面标题栏:用于搭建页面最前面的部分

举个栗子,这一部分就是这里搭建的。

其实也可以关掉,用幻灯片或者自己搭建,自己搭建有时候会与菜单有冲突,很坑。
页脚:用来控制最下面的内容,例如版权等的显示,内容在主题选项中修改,主题-主题选项。

页头:控制菜单部分的显示等操作。

在最上面有个显示选项,是用来控制模块显示的,不用的模块可去掉。


大致的结构说完了,说说Fusion构建器的使用:

这边有两个按钮,容器相当于建个DIV,预建是之前有做过容器保存过,这边可调取。点击容器出现这个

选择比例容器,比如1/2+1/2 出现

就被分成两个容器了,设计中出现的左右两图设计稿,就能用这个,点击中间的+元素就可以加入文字图片按钮等等,也可以再分割容器。


点击这个,可再分割容器

左边是再次分割,右边是选择文本输入。+元素可再添加,只能分割为两层,

嵌套列不可再分割。
如果要设置容器属性的话,点击


这种图标即可,可设置内间距,外间距,链接,内容居中,动画,添加额外的class和id等等,不同内容有不同选项。
自定义css可写在这边,需要注意格式,第二个按钮。

做完记得保存,刷新就没了。
添加额外css和js另外写。
网友评论