Blocksy 內(nèi)容塊使用指南:精準(zhǔn)控制頁(yè)面展示內(nèi)容

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è)性化布局

內(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è)性化布局

在彈窗中選擇“Hook”類型,命名后進(jìn)入 Gutenberg 編輯器,編輯你要插入的內(nèi)容。

圖片[3]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局

插入頁(yè)面位置

編輯完成后,打開任意前臺(tái)頁(yè)面,在頂部管理工具欄點(diǎn)擊“Show Hooks”,系統(tǒng)會(huì)展示該頁(yè)面所有可插入掛鉤的位置。

圖片[4]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局
圖片[5]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局

點(diǎn)擊某個(gè)掛鉤右側(cè)的鉛筆圖標(biāo),可以快速生成并定位到該掛鉤。也可以復(fù)制該掛鉤名稱,稍后手動(dòng)綁定。

圖片[6]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局

設(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è)性化布局

優(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è)性化布局

也可以排除特定頁(yè)面。

設(shè)置訪問(wèn)者條件

支持控制不同訪問(wèn)者能否看到內(nèi)容,例如:

  • 所有訪客
  • 已登錄用戶
  • 指定角色(如客戶、作者)
圖片[9]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局

這在設(shè)置會(huì)員專屬模塊時(shí)非常實(shí)用。

設(shè)置設(shè)備適配顯示

你可以設(shè)置某個(gè)內(nèi)容塊是否在桌面、平板或手機(jī)設(shè)備上展示,讓頁(yè)面在不同設(shè)備上更清晰。

圖片[10]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局

設(shè)置過(guò)期時(shí)間

內(nèi)容塊可設(shè)定顯示期限,到期后自動(dòng)隱藏。適合限時(shí)活動(dòng)或臨時(shí)通知使用。

圖片[11]-Blocksy 內(nèi)容塊完整教程:實(shí)現(xiàn)靈活內(nèi)容插入與個(gè)性化布局

動(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è)性化布局

總結(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é)假日休息
? 轉(zhuǎn)載聲明
本文作者:賊將鼠膽
THE END
喜歡就支持一下吧
點(diǎn)贊6232 分享
評(píng)論 搶沙發(fā)

請(qǐng)登錄后發(fā)表評(píng)論

    暫無(wú)評(píng)論內(nèi)容