Elementor之所以能夠在眾多的可視化頁面編輯器中脫穎而出,很大的程度歸功於它敢於創新,它具有很多有創意的功能和用法,其中,最具特色的當屬主題編輯功能(Elementor Theme Builder),它可以讓你將忽略主題自帶的樣式,完全使用Elementor構建自己的網站,今天我們就帶大家看一下Elementor是如何更改WordPress主題的
為了測試效果,為網站安裝了默認的WordPress2017主題,我們將使用Elementor更改默認主題的全部模版
替換主題頭部
默認主題的頭部為一個大圖,我們一會將其修改成常規的菜單
打開 儀錶盤 – Elementor – 我的模版 – 添加一個新模版
在模版選擇處選擇 Header,名字可以隨便命名
當進入Elementor編輯器後,會彈出模版挑選界面,可以挑選一個差不多的
在圖上可以看到菜單已經生效了,你可以像在Elementor中那樣進行編輯,進行背景設置、圖像添加等操作,而且這裡的元素屬於變數類型,比如 Site Logo、Site Title 這些都會根據網站設置而跟隨變化,想要修改,只要在後台進行設置WordPress菜單就行了,不必每次都進行設置
製作好以後點擊發布 – ADD CONDITION
這個一個要選擇整站 Entire Site,這樣才會應用到整個主題,當然如果你只是單獨的文章或者頁面也可以自己進行過濾
這樣,主題的頭部就已經修改完畢,接下來設置分類頁的模版
修改分類頁模版
再次創建一個Elementor模版,不同的是這次選擇Archive,接下來將用它來替換整站的分類頁(文章列表)模版
Achive模版其實很簡單,只要使用Elementor的Posts文章部件即可,這個工具可以自動生成動態的文章數據
注意保存時的設置都保持默認,也就是整站應用
修改後的分類頁樣式,可以看到現在主題已經像新的一樣了
主題底部設置
繼續創建一個Elementor模版,作為主題的footer
這次的模版選擇 Footer 類型
Footer部分的模版可能需要修改的內容較多,因為很多東西都是固定的,如果你的網站內容還較少的話可以選擇一個簡單些的模版或者自己製作
修改文章頁模版
現在主題已經修改的差不多了,首頁和列表頁已經完全由Elementor頁面編輯器構成,不過還有一個最重要的頁面我們還沒有修改,那就是文章頁,沒錯,就是要將網站所有的東西全部改成Elementor
文章頁的變數較多,比如標題、內容、作者、評論這些都是可以跟隨變化的,而且你可以選擇預覽的文章,很好用
另外需要說一點的就是你可以把使用範圍調整到 All Singulaer,這樣所有的單頁面比如媒體頁面、404都會採用該模版,這裡可以隨意設置,畢竟出現的概率很小
到這裡,主題已經基本改造完畢,以後有不滿意的話可以也隨時修改。從這裡我們就可以看出Elementor的強大,不需要會代碼、也不需要高級的主題,一款頁面編輯器就能讓你自己做主題,如果你想要做出更強大的網站,可以結合ACF和Elementor Pro定製更多的東西
更多關於Elementor,可以查看Elementor詳細介紹