內容簡介
總結：Advanced Blog Post Block 是針對 WordPress 博客作者打造的革命性工具，具備無與倫比的靈活性和設計彈性。插件整合了三種不同的版面設計：Post Grid、Post List 和 Post Magazine。使用 Post Grid 選項，以視覺吸引的方式展示內容，讓觀眾眼前一亮。選擇 Post List，呈現乾淨有序的版面，非常適合追求簡單易讀的用戶。對於追求雜誌風格美學的用戶，Post Magazine 結合引人入勝的視覺效果和引人注目的標題，打造了一個編輯傑作。通過 Advanced Blog Post Block 提升您的 WordPress 博客體驗，這是一個提供動態、可自定義和視覺震撼的內容版面的全能解決方案。
HTML:
<ul>
<li>提供網格、列表和 Tiles 預設版面的多樣佈局</li>
<li>可自定義容器寬度，實現響應式設計</li>
<li>調整列數、列距和行距等設置，使版面更具彈性</li>
<li>通過文章查詢過濾文章，包括每頁文章數、分類、標籤、作者、包含文章、排除文章、排序方式和偏移文章等</li>
<li>包括文章標題、副標題和分隔符號</li>
<li>顯示/隱藏特色圖片，並啟用/禁用鏈接</li>
<li>調整文章標題可見性、標題長度、標題標籤的修改等</li>
<li>啟用或停用文章摘要可見性，自定義摘要長度、從內容顯示摘要，啟用展開指示器</li>
<li>顯示或隱藏日期，根據您的喜好自定義日期格式</li>
<li>顯示或隱藏閱讀時間，添加自定義後綴</li>
<li>顯示或隱藏作者，包含作者前綴並加入作者圖標</li>
<li>在元數據中顯示稅項，包括標籤</li>
<li>顯示評論數量</li>
<li>自定義閱讀更多標籤並設置在新標籤中打開的選項</li>
<li>顯示分頁以及上一個和下一個按鈕的自定義文本</li>
<li>使用響應式選項自定義所有內容樣式，包括填充、邊距和字體大小</li>
<li>應用響應控制以增加靈活性</li>
<li>整合了 53 多種動畫效果</li>
<li>您可以包含自定義 CSS</li>
</ul>
外掛標籤
開發者團隊
原文外掛簡介
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
