探索 Blocksy 2 的 Advanced Post Block:打造靈活強大的文章展示布局

Gutenberg 編輯器不斷發(fā)展,頁面構建的自由度也在提升。Blocksy 2 主題推出了 Advanced Post Block,帶來了更加靈活、美觀的文章展示模塊,適合用于標準文章、自定義文章類型等不同內容布局需求。

Advanced Post Block 讓內容展示不再局限于簡單的列表,可以輕松擴展為網(wǎng)格布局、幻燈片展示,滿足不同場景的美觀設計要求。

圖片[1]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局

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 打造靈活文章布局
  • 繼承自自定義器:自動應用網(wǎng)站當前歸檔頁的布局設定,例如列表或網(wǎng)格。
圖片[3]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局
  • 選擇預設模板:從系統(tǒng)提供的模板中挑選,并根據(jù)需求微調。
圖片[4]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局
  • 自定義布局:使用 Dynamic Data Block 完全自由編輯布局內容,擺放標題、縮略圖、日期等元素。
圖片[5]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局

布局自由組合,可以快速打造符合需求的內容卡片展示。

布局個性化調整

如果選擇自定義布局,Dynamic Data Block 可以提取各類動態(tài)內容,支持自定義排列,滿足不同風格和內容密度需求。支持列表與網(wǎng)格布局切換,讓展示方式更加多樣。

圖片[6]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局

高級功能配置

Advanced Post Block 提供了豐富的細節(jié)調整功能:

排序與篩選

  • 偏移(Offset):跳過前幾篇文章展示,避免內容重復。
圖片[7]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局
  • 排序選項:按標題、發(fā)布時間、修改時間、評論數(shù)、作者名、隨機順序等方式排列。
圖片[8]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局
  • 置頂文章處理:可以選擇包含、排除,或僅展示置頂文章。

分類與標簽篩選

  • 可自定義顯示特定分類或標簽的文章。
  • 支持包含與排除邏輯,方便管理大量內容時快速篩選。
圖片[9]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局

幻燈片模式

除了列表和網(wǎng)格,Advanced Post Block 還支持切換為幻燈片滑動展示。啟用后,文章展示變得更加緊湊動感,適合在首頁、專題頁面進行內容輪播。

圖片[10]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局

只需在區(qū)塊設置中勾選幻燈片模式,布局會自動調整為滑動顯示形式,無需額外插件支持。

圖片[11]-如何使用 Blocksy 2 的 Advanced Post Block 打造靈活文章布局

總結

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

請登錄后發(fā)表評論

    暫無評論內容