本教程介紹 WordPress 后臺中 HTML Block 的使用方式，并結(jié)合 WoodMart 主題展示其實際應(yīng)用效果。適合想要統(tǒng)一內(nèi)容展示、增強頁面表現(xiàn)力的站長或內(nèi)容編輯人員。

什么是 HTML Block？

HTML Block 是一個可復(fù)用的內(nèi)容模塊，可以在后臺獨立創(chuàng)建，然后在多個頁面位置調(diào)用。它適合以下場景：

• 展示信息提示框
• 添加公告內(nèi)容
• 插入自定義代碼片段
• 在頁面特定區(qū)域保持內(nèi)容一致性

在 WoodMart 主題中，HTML Block 可與頁眉、頁腳、產(chǎn)品詳情模板配合使用，讓內(nèi)容更集中、結(jié)構(gòu)更清晰。

創(chuàng)建 HTML Block

• 登錄后臺，找到左側(cè)菜單中的 HTML Block 模塊
• 新建一個 HTML Block，例如命名為“HTML Block 1”

• 輸入要展示的內(nèi)容（可以包含文字、圖標(biāo)、布局等）

• 點擊發(fā)布

內(nèi)容發(fā)布后不會自動出現(xiàn)在頁面中，需要選擇展示位置。

應(yīng)用場景一：在 WoodMart 頁腳上方插入提示內(nèi)容

WoodMart 提供多個可插入模塊的區(qū)域，其中 Pre-Footer 區(qū)域常用于展示額外提示：

• 進入主題設(shè)置中的 Pre-Footer 區(qū)域
• 在組件中選擇 HTML Block 類型
• 從下拉列表中選中“HTML Block 1”

• 保存后，刷新頁面便能看到信息出現(xiàn)在所有頁面底部區(qū)域中

應(yīng)用場景二：制作滾動公告

HTML Block 還能用于展示滾動文字或提示內(nèi)容：

• 輸入多個滾動文本，例如“訂單滿額包郵”、“365天質(zhì)保服務(wù)”等

• 設(shè)置滾動方向、間距、速度

• 控制鼠標(biāo)懸停時是否暫停滾動

• 修改顏色、背景、字體大小，實現(xiàn)自定義設(shè)計風(fēng)格

• 可設(shè)置全寬顯示，并添加圖標(biāo)等裝飾元素

完成后可將其插入 WoodMart 主題的頂部橫幅區(qū)域，用于推廣活動或傳遞公告信息。

補充說明：如何將 HTML Block 加入頁面結(jié)構(gòu)中

除了頁腳和產(chǎn)品詳情頁，HTML Block 還可出現(xiàn)在以下位置：

• Header Builder 中作為導(dǎo)航欄附加模塊
• 分類頁頂部展示特別內(nèi)容
• 登錄頁、注冊頁增加提示信息
• 使用 Shortcode 粘貼到文章或頁面內(nèi)容區(qū)

在 WoodMart 的布局設(shè)計中，這類模塊靈活且不依賴插件，可以單獨控制展示樣式和內(nèi)容。

總結(jié)

HTML Block 是 WordPress 和 WoodMart 主題中非常實用的模塊。它在內(nèi)容管理中具備以下優(yōu)勢：

• 可集中管理統(tǒng)一內(nèi)容
• 支持重復(fù)調(diào)用，節(jié)省編輯時間
• 可結(jié)合主題模板配置實現(xiàn)視覺統(tǒng)一
• 提供更多布局與設(shè)計空間，不受限制

這種方式能幫助內(nèi)容編輯者以更清晰的結(jié)構(gòu)展示信息，也便于后續(xù)維護與調(diào)整。如果希望提升站點結(jié)構(gòu)規(guī)范度，推薦使用 HTML Block 配合 WoodMart 主題進行統(tǒng)一設(shè)計。

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