Blocksy 主題內(nèi)置的內(nèi)容塊功能,提供了靈活的內(nèi)容插入能力。無(wú)論是添加促銷信息、會(huì)員內(nèi)容、產(chǎn)品推薦,還是設(shè)置個(gè)性化頁(yè)眉頁(yè)腳、404 頁(yè)面,這一工具都可以勝任。
下面介紹內(nèi)容塊的創(chuàng)建方式、插入邏輯與常見用途。
![圖片[1]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430154003416-image.png)
內(nèi)容塊是什么
內(nèi)容塊是一段可單獨(dú)編輯的結(jié)構(gòu)化內(nèi)容,可包含文本、圖像、滑塊、產(chǎn)品、按鈕、表單等元素,并支持與網(wǎng)站中任何部分進(jìn)行關(guān)聯(lián)。
內(nèi)容塊創(chuàng)建入口
進(jìn)入后臺(tái),點(diǎn)擊 Blocksy > Content Blocks,選擇右上角的“Add New”。
![圖片[2]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430154510540-image.png)
在彈窗中選擇“Hook”類型,命名后進(jìn)入 Gutenberg 編輯器,編輯你要插入的內(nèi)容。
![圖片[3]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430154542681-image.png)
插入頁(yè)面位置
編輯完成后,打開任意前臺(tái)頁(yè)面,在頂部管理工具欄點(diǎn)擊“Show Hooks”,系統(tǒng)會(huì)展示該頁(yè)面所有可插入掛鉤的位置。
![圖片[4]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430155123467-image.png)
![圖片[5]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430155143999-image.png)
點(diǎn)擊某個(gè)掛鉤右側(cè)的鉛筆圖標(biāo),可以快速生成并定位到該掛鉤。也可以復(fù)制該掛鉤名稱,稍后手動(dòng)綁定。
![圖片[6]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430155426437-image.png)
設(shè)置插入位置與順序
在右側(cè)邊欄中找到掛鉤位置設(shè)置,選擇插入點(diǎn)(如產(chǎn)品頁(yè)的描述下方)。同時(shí)可設(shè)置優(yōu)先級(jí),控制多個(gè)內(nèi)容塊在同一位置的前后順序。
![圖片[7]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430155539343-image.png)
優(yōu)先級(jí)為數(shù)字,1 代表最前,數(shù)字越大顯示越后。
設(shè)置顯示條件
內(nèi)容塊可以選擇僅在某些頁(yè)面展示,例如:
- 博客文章頁(yè)
- 特定文章類型(如產(chǎn)品)
- 某個(gè)分類或標(biāo)簽下的內(nèi)容
![圖片[8]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430155656468-image.png)
也可以排除特定頁(yè)面。
設(shè)置訪問(wèn)者條件
支持控制不同訪問(wèn)者能否看到內(nèi)容,例如:
- 所有訪客
- 已登錄用戶
- 指定角色(如客戶、作者)
![圖片[9]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430155746191-image.png)
這在設(shè)置會(huì)員專屬模塊時(shí)非常實(shí)用。
設(shè)置設(shè)備適配顯示
你可以設(shè)置某個(gè)內(nèi)容塊是否在桌面、平板或手機(jī)設(shè)備上展示,讓頁(yè)面在不同設(shè)備上更清晰。
![圖片[10]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430155923896-image.png)
設(shè)置過(guò)期時(shí)間
內(nèi)容塊可設(shè)定顯示期限,到期后自動(dòng)隱藏。適合限時(shí)活動(dòng)或臨時(shí)通知使用。
![圖片[11]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430155849807-image.png)
動(dòng)態(tài)插入功能
除了固定位置掛鉤,Blocksy 還支持基于頁(yè)面結(jié)構(gòu)的自動(dòng)插入:
- 可設(shè)定在第 N 個(gè) Gutenberg 區(qū)塊后插入內(nèi)容
- 或在第 N 個(gè)標(biāo)題之前插入模塊
適合在長(zhǎng)文章中插入訂閱框、廣告、推薦課程等內(nèi)容。
發(fā)布并查看效果
編輯完成后點(diǎn)擊“發(fā)布”,刷新前臺(tái)頁(yè)面,即可看到內(nèi)容塊按設(shè)定出現(xiàn)在指定位置。
![圖片[12]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局](http://gqxi.cn/wp-content/uploads/2025/04/20250430160336841-image.png)
總結(jié)
Blocksy 的內(nèi)容塊功能非常適合對(duì)頁(yè)面內(nèi)容進(jìn)行靈活排布。結(jié)合掛鉤、條件控制、設(shè)備適配和動(dòng)態(tài)結(jié)構(gòu)插入,可以幫助你輕松實(shí)現(xiàn)多樣化的內(nèi)容布局目標(biāo)。
最近更新
聯(lián)系我們 | |
---|---|
教程看不懂?聯(lián)系我們?yōu)槟赓M(fèi)解答!免費(fèi)助力個(gè)人,小企站點(diǎn)! |
![]() 客服微信
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
③ 郵件:info@361sale.com | |
④ 工作時(shí)間:周一至周五,9:30-18:30,節(jié)假日休息 |
暫無(wú)評(píng)論內(nèi)容