Full Site Editing（簡(jiǎn)稱(chēng) FSE）是 WordPress 的一個(gè)功能模塊，可以在可視化編輯器中定制整個(gè)網(wǎng)站的結(jié)構(gòu)。它不再局限于編輯文章和頁(yè)面內(nèi)容，還可以調(diào)整網(wǎng)站的頁(yè)眉、頁(yè)腳和其他模板部分。借助 Kadence Blocks，可在 FSE 編輯中打造更豐富的布局結(jié)構(gòu)，構(gòu)建風(fēng)格統(tǒng)一、靈活多變的 WordPress 網(wǎng)站。

Full Site Editing 簡(jiǎn)介

FSE 幫助網(wǎng)站設(shè)計(jì)從單一頁(yè)面編輯進(jìn)入到整體布局管理階段。只需啟用支持 FSE 的主題，如 Twenty Twenty-Four，便能進(jìn)入“外觀(guān) -> 編輯器”使用 FSE 功能。

Kadence 目前不自帶完整的 FSE 主題，但 Kadence Blocks 與 FSE 配合使用時(shí)依然具備很強(qiáng)的可操作性。

進(jìn)入編輯器后，整個(gè)站點(diǎn)的結(jié)構(gòu)都能使用區(qū)塊形式進(jìn)行定制。頁(yè)眉、頁(yè)腳、文章模板、歸檔頁(yè)面等都在同一個(gè)可視化環(huán)境中完成操作，結(jié)構(gòu)一目了然，調(diào)整靈活。

模板的作用

模板是構(gòu)建網(wǎng)站結(jié)構(gòu)的核心。每個(gè)頁(yè)面、文章或歸檔視圖都可分配到一個(gè)對(duì)應(yīng)模板。模板控制頁(yè)面結(jié)構(gòu)和內(nèi)容顯示順序，例如是否顯示頁(yè)眉、頁(yè)腳、標(biāo)題和正文等。

WordPress 中的模板可以在“儀表盤(pán) -> 外觀(guān) -> 編輯器”中查看和管理。每個(gè)模板旁邊有三個(gè)點(diǎn)的圖標(biāo)，點(diǎn)擊后選擇“編輯”就能對(duì)模板進(jìn)行結(jié)構(gòu)修改。

模板中的頁(yè)眉和頁(yè)腳通常以“模式”的形式出現(xiàn)，是一種可以跨多個(gè)模板復(fù)用的設(shè)計(jì)單元。

模式與可復(fù)用布局

模式（Patterns）是指由一個(gè)或多個(gè)區(qū)塊組合而成的布局單元，可以在整個(gè)站點(diǎn)中反復(fù)使用。例如頁(yè)眉、頁(yè)腳、橫幅或 CTA 區(qū)塊等都可以保存為模式。

模式可在“外觀(guān) -> 編輯器 -> 模式”中創(chuàng)建和管理。選擇一個(gè)區(qū)塊，在工具欄中點(diǎn)擊創(chuàng)建新模式按鈕，即可將其保存。

模式分為“同步”和“非同步”兩種：

• 同步模式修改一次，全站生效
• 非同步模式則不會(huì)自動(dòng)更新其他位置的實(shí)例

添加模式時(shí)，在添加區(qū)塊時(shí)搜索模式名稱(chēng)即可快速插入。

編輯頁(yè)眉

頁(yè)眉通常包含網(wǎng)站名稱(chēng)、Logo、主導(dǎo)航、聯(lián)系信息等，是訪(fǎng)問(wèn)者進(jìn)入網(wǎng)站時(shí)最先看到的部分。

• 在模板中找到頁(yè)眉模式，點(diǎn)擊進(jìn)入編輯

• 屏幕中將出現(xiàn)替換建議，點(diǎn)擊“使用 Kadence 高級(jí)頁(yè)眉”按鈕即可自動(dòng)引入高級(jí)頁(yè)眉?jí)K

• 在高級(jí)頁(yè)眉中添加導(dǎo)航菜單、Logo、圖標(biāo)、搜索欄等元素，可根據(jù)需要調(diào)整區(qū)塊順序與樣式

• 編輯完成后點(diǎn)擊保存，所有使用此頁(yè)眉模式的頁(yè)面將自動(dòng)應(yīng)用更新內(nèi)容

高級(jí)頁(yè)眉?jí)K支持響應(yīng)式設(shè)計(jì)、透明背景、粘性效果等，為網(wǎng)站提供更多設(shè)計(jì)靈活性。

編輯頁(yè)腳

頁(yè)腳位于頁(yè)面底部，常包含版權(quán)信息、友情鏈接、社交媒體圖標(biāo)和其他輔助內(nèi)容。

• 打開(kāi)模板或直接在站點(diǎn)中選擇頁(yè)腳區(qū)域進(jìn)入編輯
• 使用 Kadence Row Layout 塊替換原有內(nèi)容，作為頁(yè)腳基礎(chǔ)布局結(jié)構(gòu)

• 在行內(nèi)添加高級(jí)圖像塊用于展示 Logo，添加高級(jí)導(dǎo)航塊用于顯示底部導(dǎo)航，添加高級(jí)文本塊用于文字說(shuō)明

• 編輯完畢后點(diǎn)擊保存，頁(yè)腳將在所有模板中統(tǒng)一更新

頁(yè)腳結(jié)構(gòu)清晰后，有助于提升網(wǎng)站的整體完整性和可用性。

總結(jié)

通過(guò) Kadence Blocks 與 Full Site Editing 的結(jié)合，可以靈活創(chuàng)建結(jié)構(gòu)清晰的頁(yè)眉與頁(yè)腳。只需一次編輯，所有使用相關(guān)模式的模板都能自動(dòng)同步更新。無(wú)論是搭建新站，還是優(yōu)化現(xiàn)有頁(yè)面結(jié)構(gòu)，F(xiàn)SE 都為網(wǎng)站提供了更豐富的設(shè)計(jì)空間。結(jié)合 Kadence Blocks 的高級(jí)功能，可構(gòu)建更具視覺(jué)效果和實(shí)用性的網(wǎng)頁(yè)布局。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話(huà)：020-2206-9892
② QQ咨詢(xún)：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息