前言介紹
- 這款 WordPress 外掛「Advanced Blog Post Block」是 2024-03-27 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2024-11-06，距離現在已有 179 天。
- 外掛最低要求 WordPress 6.2 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.1 以上。
- 有 1 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
外掛標籤
magazine | grid layout | post blocks | post layouts | Gutenberg block |
內容簡介
總結：Advanced Blog Post Block 是針對 WordPress 博客作者打造的革命性工具，具備無與倫比的靈活性和設計彈性。插件整合了三種不同的版面設計：Post Grid、Post List 和 Post Magazine。使用 Post Grid 選項，以視覺吸引的方式展示內容，讓觀眾眼前一亮。選擇 Post List，呈現乾淨有序的版面，非常適合追求簡單易讀的用戶。對於追求雜誌風格美學的用戶，Post Magazine 結合引人入勝的視覺效果和引人注目的標題，打造了一個編輯傑作。通過 Advanced Blog Post Block 提升您的 WordPress 博客體驗，這是一個提供動態、可自定義和視覺震撼的內容版面的全能解決方案。
HTML:
- 提供網格、列表和 Tiles 預設版面的多樣佈局
- 可自定義容器寬度，實現響應式設計
- 調整列數、列距和行距等設置，使版面更具彈性
- 通過文章查詢過濾文章，包括每頁文章數、分類、標籤、作者、包含文章、排除文章、排序方式和偏移文章等
- 包括文章標題、副標題和分隔符號
- 顯示/隱藏特色圖片，並啟用/禁用鏈接
- 調整文章標題可見性、標題長度、標題標籤的修改等
- 啟用或停用文章摘要可見性，自定義摘要長度、從內容顯示摘要，啟用展開指示器
- 顯示或隱藏日期，根據您的喜好自定義日期格式
- 顯示或隱藏閱讀時間，添加自定義後綴
- 顯示或隱藏作者，包含作者前綴並加入作者圖標
- 在元數據中顯示稅項，包括標籤
- 顯示評論數量
- 自定義閱讀更多標籤並設置在新標籤中打開的選項
- 顯示分頁以及上一個和下一個按鈕的自定義文本
- 使用響應式選項自定義所有內容樣式，包括填充、邊距和字體大小
- 應用響應控制以增加靈活性
- 整合了 53 多種動畫效果
- 您可以包含自定義 CSS
原文外掛簡介
Introducing our Advanced Blog Post Block – a revolutionary tool for WordPress bloggers in search of unmatched versatility and design flexibility. This powerful plugin seamlessly integrates three distinct layouts: Post Grid, Post List, and Post Magazine. With the Post Grid option, captivate your audience with visually stunning displays that highlight your content in an eye-catching grid format. Opt for the Post List layout for a clean and organized presentation, ideal for users prioritizing simplicity and readability. For those aiming for a magazine-style aesthetic, the Post Magazine layout combines engaging visuals with compelling headlines, creating an editorial masterpiece. Elevate your WordPress blogging experience with the Advanced Blog Post Block – your all-in-one solution for dynamic, customizable, and visually striking content layouts.
Live Demo | Documentation | Support
Video Tutorial
# Features
– Layouts: This block is enriched with grid, list and Tiles preset layouts
Container Width: You can customize the custom container width for a responsive design.
Responsive Column: Get column number, column gap, row gap to customize.
Post Query: Filter your posts by queries like posts per page, categories, tags, authors, include posts, exclude posts, order by, order and offset post.
Post Heading: Include a post title, subtitle, and divider above the post..
Feature Image: Show/Hide the feature image and also enable/disable the link.
Post Title: Toggle the visibility of the post title, adjust title length, modify title tag, enable/disable hyperlink, and customize typography settings.
Post excerpt: Activate or deactivate the visibility of the post excerpt, customize the excerpt length, display excerpts from content, and enable the Expansion Indicator.
Date: Display or hide the date and customize the date format according to your preference.
Reading Time: Show or conceal reading time and include a custom suffix.
Author: Display or hide the author, incorporate an author prefix, and include an author icon.
Taxonomies in Meta: Show taxonomies in the metadata, including tags.
Comment: Display comment count.
Read More: Custom read more label and set the option to open in a new tab.
Pagination: Display pagination along with custom text for the previous and next buttons.
Style: Customize all content styles with responsive options for padding, margin, and font size.
Responsive Control: Responsive control has been implemented to enhance flexibility.
Animation: Over 53+ animation effects have been integrated.
Custom Css: You have the option to include custom CSS.
Advanced blog post block Pro for Gutenberg
10 Grid Templates
3 List Templates
7 Magazine Templates
CodeCanyon Quality Code Standards
Masonary blog Post Layouts Templates (Coming soon)
Buy Advanced blog post block Pro for Gutenberg on CodeCanyon
Advanced blog post block
Installation
From Your WordPress Dashboard
Go to Plugins > Add New Plugin
Search for Advanced blog post block for Gutenberg
Click on Install Now Button
Click on Activate Now After Installed in the Backend
Using Build Tools (npm and webpack)
To modify or rebuild the plugin using npm and webpack, follow these steps:
Install Node.js and npm on your system if not already installed.
Navigate to the plugin directory in your terminal.
Run npm install to install dependencies listed in package.json.
Make your desired modifications to the source code.
Run npm run build to compile and bundle the code using webpack.
The compiled code will be available in the designated build directory for use.
Build directory
advanced-blog-post-block\build\blocks\advanced-blog-post-block\index.js
From WordPress.org
Download Advanced blog post block for Gutenberg
Upload the Advanced blog post block folder to the /wp-content/plugins/ directory
Activate Advanced blog post block for Gutenberg plugin from your plugins page
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Advanced Blog Post Block」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
1.0.0 | 1.0.1 | 1.0.2 | 1.0.3 | 1.0.4 | trunk |
延伸相關外掛（你可能也想知道）
Grid Plus – Unlimited grid layout 》主要網站 | Demo | 文件 | 高級版本, 建立無限多的布局，顯示所有文章類型。, Grid Plus 是一個 WordPress 的格狀外掛程式，允許您建立無限多的布局，並在完...。
Post Layouts for Gutenberg 》Post Layouts for Gutenberg是一個Gutenberg附加元件，提供了一堆額外的文章佈局樣式。其中包括了獨特的簡報模板，是一個獨立的Gutenberg解決方案，可為您的...。
Grid/List View for WooCommerce 》一個簡單的 WooCommerce 外掛，可切換您的產品的網格/列表視圖，以及切換每頁產品數量。, WooCommerce Grid/List View 外掛會在商店頁面中添加按鈕，可切換網...。
Responsive Media Gallery Plugin for WordPress – Everest Gallery Lite 》示範｜文檔｜支援, Everest Gallery Lite 是一款功能強大的圖庫外掛程式，提供多種選項和無瑕功能。您可以隨意添加多個圖庫項目，快速編輯和管理它們。此外，...。
Classic Blog Grid 》**總結:**, Classic Blog Grid 外掛提供了簡單靈活的解決方案，可在時尚可自定義的網格版面中展示您的 WordPress 部落格文章。不管您想以傳統清單格式還是現...。
Simple Testimonials Showcase 》這個外掛是基於全面響應式與靈活的jQuery輪播插件 Slick by Ken Wheeler 所製作而成，能夠幫助您管理並展示所有的推薦信、評論或引用，並以多種方式呈現在幻...。
Simple Masonry Layout 》一個簡單的磚塊佈局外掛。透過簡單的短碼，您可以為文章、自定義文章類型添加磚塊佈局。甚至可以為文章和自定義文章類型添加磚塊佈局相冊。非常容易使用，只...。
Guten Post Layout – An Advanced Post Grid Collection 》詳細功能 | 專業版示範, Guten Post Layout 是一個擁有超級先進設置面板的 WordPress 博客外掛程式，讓你可以輕鬆處理 WordPress 文章網格佈局。它是一個完整...。
Gosign – Masonry Post Block 》ilder, Anzeige einer Reihe von Beiträgen, Die erste Folie kann in voller Breite angezeigt werden, Desktop-, Tablet- und Mobilgeräte-Breakpoints, Le...。
Gallery Factory Lite 》Gallery Factory Lite 是一款 WordPress 外掛，可管理圖像收藏、創建相冊，並以現代、響應式和吸引人的方式呈現給網站訪問者。, 該外掛的主要功能是圖庫管理...。
OxyGridLayout by OxyNinja 》簡單易用的 Oxygen Builder 網格佈局外掛，類似 Adobe XD / Sketch / Figma 中的功能。。
Gridster 》Gridster 是一款 WordPress 外掛，可以從跨越多列的元素中建立具有直觀可拖曳佈局。您甚至可以動態調整佈局中的元素大小、添加和刪除元素，並在內容中進行編...。
Bento Box 》, , , , WordPress 外掛介紹: Bento Box
, ,Bento Box 是一款可自訂的 WordPr...。
Wp Post Grid / Slider / Filter 》使用 Wp Post Grid / Slider / Filter 外掛短碼，隨時在 WordPress 網站上顯示文章輪播 / 方格 / 篩選。, , 點擊檢查 Wp Post Grid / Slider / Filter [免費...。
Responsive Grid Quick View Posts for WordPress 》您有一個 WordPress 網站，希望使用一個外掛來以獨特的方式展示文章，吸引瀏覽您網站的訪客。, 試試看「Responsive Grid Quick View Posts for WordPress」這...。