Blocksy 主題為博客歸檔頁提供了豐富的自定義選項，包括頂部標(biāo)題區(qū)、文章卡片布局、分頁樣式、滾動動畫等。無論是新手建站者，還是有設(shè)計需求的開發(fā)者，都能從這些設(shè)置中找到合適的呈現(xiàn)方式。

本文將帶你一步步了解 Blocksy 提供的博客歸檔頁面設(shè)置選項，幫助你打造更美觀、實用的博客主頁。

一、進入 Blocksy 自定義器

• 登錄后臺后，點擊頁面頂部“自定義（Customizer）”按鈕。

• 建議在預(yù)覽窗口中切換至“博客歸檔頁”，便于實時查看修改效果。

二、設(shè)置博客頁面標(biāo)題區(qū)（Hero Section）

進入 Blog Posts（博客文章）區(qū)域，自定義博客文章的整體風(fēng)格。

1. 啟用/關(guān)閉標(biāo)題區(qū)

可通過開關(guān)控制是否顯示標(biāo)題區(qū)域。

2. 布局類型

• Type 1：常規(guī)窄幅布局，信息整潔集中。

• Type 2：全寬布局，可設(shè)置背景圖片，適合視覺風(fēng)格突出的網(wǎng)站。

3. 顯示元素

可開啟或關(guān)閉以下內(nèi)容：

• 標(biāo)題（Title）
• 摘要（Excerpt）
• 面包屑導(dǎo)航（Breadcrumbs）

支持單獨顯示或隱藏，也支持字體、對齊方式、背景圖等樣式設(shè)置。

4. 對齊設(shè)置

可調(diào)整標(biāo)題區(qū)內(nèi)容的水平與垂直位置。

5. 背景圖設(shè)定

• 可上傳自定義圖片作為背景
• 支持設(shè)置圖片大小、位置

• 啟用視差滾動（Parallax）增強視覺動感
• 可添加顏色疊層或完全關(guān)閉背景圖轉(zhuǎn)為純色風(fēng)格

6. 最小高度設(shè)置

可手動設(shè)置標(biāo)題區(qū)高度，適配不同風(fēng)格。

三、設(shè)置博客卡片布局（Blog Cards）

進入 Blog Structure（博客結(jié)構(gòu)）區(qū)域，自定義博客文章的呈現(xiàn)形式。

1. 選擇卡片布局風(fēng)格

Blocksy 提供以下五種布局：

• Simple：寬卡片垂直排列

• Classic：傳統(tǒng)博客樣式，圖文分明

• Grid：網(wǎng)格卡片式展示

• Gutenberg：仿 WordPress 默認(rèn)風(fēng)格

• Cover：卡片背景使用特色圖像

每種布局下還有子樣式（如 Grid 下有 Simple、Boxed、Cover 等風(fēng)格）。

2. 卡片元素控制

可自由選擇顯示或隱藏以下內(nèi)容：

• 標(biāo)題
• 特色圖像
• 摘要
• 閱讀更多按鈕
• 發(fā)布信息（如時間、作者、分類）

支持拖動排序、自定義排列結(jié)構(gòu)。

3. 樣式與間距

可設(shè)置：

• 卡片之間的間距（Gap）
• 每張卡片內(nèi)邊距（Padding）
• 內(nèi)容對齊方式（左/中/右）

四、分頁與頁面元素設(shè)置

1. 側(cè)邊欄控制

可啟用左側(cè)、右側(cè)。

2. 分頁樣式選擇

Blocksy 支持四種分頁方式：

• 標(biāo)準(zhǔn)分頁：帶頁碼與上一頁/下一頁按鈕

• 僅前后按鈕：無頁碼，僅有切換

• 加載更多（Load More）：點擊加載更多文章

• 無限滾動（Infinite Scroll）：自動加載下一頁內(nèi)容，無需刷新頁面

適用于希望提升內(nèi)容瀏覽效率的博客站點。

五、滾動動畫：卡片顯現(xiàn)效果

Blocksy 提供“Cards Reveal Effect”選項，啟用后可實現(xiàn)文章卡片在滾動過程中動態(tài)浮現(xiàn)，提高整體動感和現(xiàn)代感。

六、樣式與設(shè)計自定義（Design Tab）

每個區(qū)域都有獨立的樣式面板，包括：

• 字體設(shè)定：標(biāo)題、描述、按鈕等
• 顏色控制：文本顏色、背景色、疊加色
• 邊框陰影：增強立體感
• 漸變與圖案：適用于視覺豐富的背景區(qū)域

七、總結(jié)

Blocksy 為博客歸檔頁面提供了多維度、模塊化的自定義選項。從視覺設(shè)計到結(jié)構(gòu)布局、從分頁方式到動畫交互，都能以圖形界面快速調(diào)整，這些選項可以幫助用戶打造符合品牌、閱讀流暢且視覺吸引力強的博客頁面。如果想進一步提升體驗，還可以探索 Blocksy Pro 的模板替換功能，實現(xiàn)更高自由度的內(nèi)容控制。

最近更新

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