WPCOM原創(chuàng)主題框架最新版已經(jīng)內(nèi)置了可視化頁(yè)面拖拽生成工具，通過(guò)這個(gè)可視化工具，我們可以非常方便的將內(nèi)置模塊隨意拖拽組合生成新的頁(yè)面，這個(gè)工程非常簡(jiǎn)單快捷直觀，不需要進(jìn)行代碼編寫即可完成。下面來(lái)介紹下這個(gè)工具的使用。

新建自定義頁(yè)面（已有頁(yè)面可跳過(guò)這一步）

首先需要新建一個(gè)頁(yè)面，然后模板那里選擇自定義模板，其他地方的內(nèi)容可以隨意填寫，如圖：

進(jìn)入自定義設(shè)置

剛才新建的頁(yè)面保存，然后進(jìn)入到這個(gè)新建的頁(yè)面（可以通過(guò)保存后頁(yè)面上的查看頁(yè)面鏈接進(jìn)入，也可以在所有頁(yè)面點(diǎn)擊查看進(jìn)入），然后點(diǎn)擊頁(yè)面左上角的自定義，進(jìn)入自定義頁(yè)面，如圖：

在沒有設(shè)置之前，頁(yè)面應(yīng)該是沒有內(nèi)容的，這個(gè)時(shí)候可以點(diǎn)擊頁(yè)面右上角的展開按鈕展開模塊列表，如圖：

然后將模塊拖入頁(yè)面中：

拖入頁(yè)面中后，會(huì)彈出一個(gè)模塊設(shè)置框，簡(jiǎn)單進(jìn)行下設(shè)置點(diǎn)擊提交即可插入模塊，并可實(shí)時(shí)預(yù)覽效果。

拖拽工具使用

可視化拖拽工具目前可以實(shí)現(xiàn)模塊插入、編輯、調(diào)整順序、復(fù)制、刪除等功能，在每個(gè)模塊上面移入鼠標(biāo)，可以看到，第一個(gè)表示拖動(dòng)，可以進(jìn)行排序，第二個(gè)是編輯，點(diǎn)擊后會(huì)出現(xiàn)模塊設(shè)置信息，第三個(gè)是復(fù)制，點(diǎn)擊后會(huì)在當(dāng)前模塊的下方復(fù)制一個(gè)一樣的模塊，第四個(gè)則是刪除當(dāng)前模塊。

保存頁(yè)面

通過(guò)可視化工具設(shè)置好頁(yè)面以后，接下來(lái)肯定是進(jìn)行數(shù)據(jù)的保存了。點(diǎn)擊頁(yè)面左下角的三角形按鈕：，然后點(diǎn)擊發(fā)布按鈕：

設(shè)為首頁(yè)

如果要將當(dāng)前頁(yè)面設(shè)置為首頁(yè)，可以點(diǎn)擊上圖中的主頁(yè)設(shè)置，選擇一個(gè)靜態(tài)頁(yè)面，然后再選擇你希望顯示的頁(yè)面，最后再保存。