wordpress頁面+Fusion構建器的搭建

初步用這種開發(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另外寫。

?著作權歸作者所有,轉載或內容合作請聯系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容