初步用這種開發(fā)模式,我也是一臉懵逼,自己琢磨琢磨,習慣就好了
首先點擊左邊菜單中的頁面-新建頁面,或者所有頁面-新建頁面

記得先點藍框

先介紹下頁面的結構功能
1.標題 影響title的內容
2.頁面內容的搭建,后面單獨說,就是fusion構建器頁面搭建

3.發(fā)布框

目前頁面屬于草稿狀態(tài),點擊預覽可以看現在頁面的狀態(tài),點擊發(fā)布就是域名可訪問狀態(tài)。
4.頁面屬性

父級:所有頁面中除了首頁是第一級,其他都是第二級頁面,比如有兩個非首頁頁面a,b,是不能http://域名/a/b訪問b頁面的,如果在b頁面中選擇父級為a頁面,那么就可以訪問了。
模版:有預設模版可選用。
排序 :用于所有頁面的位置排序。
5.頁面上的各種結構設置,選重要的幾個說:
幻燈片:選擇幻燈片插件后,進行設置,默認頁面第一個位置。

頁面標題欄:用于搭建頁面最前面的部分

舉個栗子,這一部分就是這里搭建的。

其實也可以關掉,用幻燈片或者自己搭建,自己搭建有時候會與菜單有沖突,很坑。
頁腳:用來控制最下面的內容,例如版權等的顯示,內容在主題選項中修改,主題-主題選項。

頁頭:控制菜單部分的顯示等操作。

在最上面有個顯示選項,是用來控制模塊顯示的,不用的模塊可去掉。


大致的結構說完了,說說Fusion構建器的使用:

這邊有兩個按鈕,容器相當于建個DIV,預建是之前有做過容器保存過,這邊可調取。點擊容器出現這個

選擇比例容器,比如1/2+1/2 出現

就被分成兩個容器了,設計中出現的左右兩圖設計稿,就能用這個,點擊中間的+元素就可以加入文字圖片按鈕等等,也可以再分割容器。


點擊這個,可再分割容器

左邊是再次分割,右邊是選擇文本輸入。+元素可再添加,只能分割為兩層,

嵌套列不可再分割。
如果要設置容器屬性的話,點擊


這種圖標即可,可設置內間距,外間距,鏈接,內容居中,動畫,添加額外的class和id等等,不同內容有不同選項。
自定義css可寫在這邊,需要注意格式,第二個按鈕。

做完記得保存,刷新就沒了。
添加額外css和js另外寫。