Gutenberg 編輯器不斷發(fā)展,頁面構建的自由度也在提升。Blocksy 2 主題推出了 Advanced Post Block,帶來了更加靈活、美觀的文章展示模塊,適合用于標準文章、自定義文章類型等不同內容布局需求。
Advanced Post Block 讓內容展示不再局限于簡單的列表,可以輕松擴展為網(wǎng)格布局、幻燈片展示,滿足不同場景的美觀設計要求。
![圖片[1]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429094321766-image.png)
Advanced Post Block 簡介
Advanced Post Block 是一個專門為 Gutenberg 編輯器設計的文章展示模塊。它具備以下特點:
- 支持自由排列布局,例如列表、網(wǎng)格、幻燈片。
- 能在標準文章和自定義文章類型上使用。
- 結合 Dynamic Data Block 動態(tài)提取標題、摘要、作者等文章數(shù)據(jù)。
- 提供詳細布局自定義選項,輕松調整每個元素的位置與風格。
這一模塊讓內容管理更加靈活,展示效果也更加豐富。
使用流程
在 Blocksy 2 中使用 Advanced Post Block,步驟非常直觀:
插入 Advanced Post Block
在 Gutenberg 編輯器中添加新區(qū)塊,選擇 Advanced Post Block。插入后可見三種選項:
![圖片[2]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429094454640-image.png)
- 繼承自自定義器:自動應用網(wǎng)站當前歸檔頁的布局設定,例如列表或網(wǎng)格。
![圖片[3]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429094805996-image.png)
- 選擇預設模板:從系統(tǒng)提供的模板中挑選,并根據(jù)需求微調。
![圖片[4]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429094903100-image.png)
- 自定義布局:使用 Dynamic Data Block 完全自由編輯布局內容,擺放標題、縮略圖、日期等元素。
![圖片[5]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429095321100-image.png)
布局自由組合,可以快速打造符合需求的內容卡片展示。
布局個性化調整
如果選擇自定義布局,Dynamic Data Block 可以提取各類動態(tài)內容,支持自定義排列,滿足不同風格和內容密度需求。支持列表與網(wǎng)格布局切換,讓展示方式更加多樣。
![圖片[6]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429095138505-image.png)
高級功能配置
Advanced Post Block 提供了豐富的細節(jié)調整功能:
排序與篩選
- 偏移(Offset):跳過前幾篇文章展示,避免內容重復。
![圖片[7]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429095424289-image.png)
- 排序選項:按標題、發(fā)布時間、修改時間、評論數(shù)、作者名、隨機順序等方式排列。
![圖片[8]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429095459477-image.png)
- 置頂文章處理:可以選擇包含、排除,或僅展示置頂文章。
分類與標簽篩選
- 可自定義顯示特定分類或標簽的文章。
- 支持包含與排除邏輯,方便管理大量內容時快速篩選。
![圖片[9]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429095916327-image.png)
幻燈片模式
除了列表和網(wǎng)格,Advanced Post Block 還支持切換為幻燈片滑動展示。啟用后,文章展示變得更加緊湊動感,適合在首頁、專題頁面進行內容輪播。
![圖片[10]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429100047299-image.png)
只需在區(qū)塊設置中勾選幻燈片模式,布局會自動調整為滑動顯示形式,無需額外插件支持。
![圖片[11]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局](http://gqxi.cn/wp-content/uploads/2025/04/20250429100136184-image.png)
總結
Advanced Post Block 帶來了真正靈活的文章內容管理體驗。配合 Dynamic Data Block,可以讓Blocksy 2輕松構建個性化、精致的內容展示頁面。
無論是內容聚合首頁、產(chǎn)品展示區(qū),還是新聞資訊頁面,都能通過 Advanced Post Block 帶來更高水準的展示效果。
最近更新
聯(lián)系我們 | |
---|---|
教程看不懂?聯(lián)系我們?yōu)槟赓M解答!免費助力個人,小企站點! |
![]() 客服微信
|
① 電話:020-2206-9892 | |
② QQ咨詢:1025174874 | |
③ 郵件:info@361sale.com | |
④ 工作時間:周一至周五,9:30-18:30,節(jié)假日休息 |
暫無評論內容