
內容簡介
認識 JetGridBuilder 外掛,這是針對 Elementor 和 Gutenberg 的免費附加外掛,帶給您驚喜的網格搭建體驗。不要再受到預製版面的限制,只要將文章拖曳至所需的網格區域即可展現您的想法。
可針對不同目的建立網格,例如文章網格、產品網格、作品集或圖片庫、宣傳橫幅和活動等。Crocoblock 保證 JetGridBuilder 外掛兼容 RTL (right to left,從右到左) 顯示,並擁有業界最輕量級的代碼和最具回應性的設計選項。
解壓縮後,您會發現內含 2 個小工具:
文章網格搭建器
條款網格搭建器
JetGridBuilder 能與 ACF、PODS、Metabox、Toolset 和 WooCommerce 完美配合。使用這些工具建立自訂文章類型和產品文章,新增頁面、文章、類別和子類別,JetGridBuilder 將動態展示內容。唯一需要做的是,利用 Elementor 和 Gutenberg 幫助您設計網格中卡片的位置。
與 JetEngine 完美搭配
對於 Crocoblock 的 JetEngine 外掛深信不疑的使用者,這裡有好消息。您可以使用 JetEngine 的列表作為數據源,顯示額外的自訂動態資訊於網格上。JetEngine 列表的設計將取代預設設計。
JetGridBuilder 帶給您的機會:
建立支援網格欄的備用網格。
利用著 Gutter 設置文章之間的縫隙。
調整任意難度的版面,調整卡片大小並將其沿網格移動。
自動排列文章與垂直緊湊選項 (如果未啟用此切換,您可以將卡片放置在網格上的任何位置。但如果啟用,所有卡片都會自動對齊於頂部,以創建標準的網格檢視)。
預設提供兩種項目樣式選項: 標準模式讓資訊呈現在圖片下方的彩色背景上,超出內容覆蓋模式則展示透明背景上的資訊。
自訂載入圖示 (可提供 25 種驚人的圖示類型)。
每個頁面元素提供大量風格設定 (僅適用於 Elementor; Gutenberg 使用其預設風格)。
我們準備了一個令人啟發的演示頁面,您可以使用它來遊玩文章: 調整、移動、刪除或新增它們。在這裡驗證免費網格外掛 JetGridBuilder 的完整效果: https://crocoblock.com/plugins/jetgridbuilder/
更多資訊
以下是 JetGridBuilder 應用的詳細細節,以下鏈結對您有所幫助:
JetGridBuilder for Elementor: 設定總覽
JetGridBuilder: 如何在 Elementor 中創建文章網格
如何在 Gutenberg 編輯器中建立文章網格
外掛標籤
開發者團隊
② 後台搜尋「JetGridBuilder — Grid Builder for Elementor and Gutenberg」→ 直接安裝(推薦)
原文外掛簡介
Meet JetGridBuilder plugin for Elementor and Gutenberg — free addon for creating wow-grids on your website. Forget about the limits of premade layouts. Put your ideas in motion just by dragging the posts to the desired grid area.
Build the grids for various purposes: posts grid for a blog, product grid for an online store, portfolio or image galleries, grid with advertising banners and events, etc. Crocoblock guarantees that JetGridBuilder plugin is RTL compatible, has the lightest code and most responsive design options in the field.
Unpacking the plugin, you will find 2 widgets inside:
Post Grid Builder
Terms Grid Builder
JetGridBuilder works flawlessly with ACF, PODS, Metabox, Toolset, and WooCommerce. Create custom post types and product posts, add pages, posts, categories, and subcategories with any of these tools, and be sure that JetGridBuilder will display them dynamically. All you need to do is to arrange the cards in the grid of your design with the help of Elementor and Gutenberg.
Perfect combo with JetEngine
Great news for the adherents of Crocoblock’s JetEngine plugin. Use JetEngine listing as a source of data for your grid to display extra custom dynamic info. JetEngine listing’s stylizations will be applied to the grid instead of the default ones.
The opportunities you get with JetGridBuilder:
Setting of backing grid columns to create a sophisticated grid.
Setting the indent between posts with the help of Gutter.
Adjusting the layout of any difficulty by resizing each card and moving it along the grid.
Aligning the posts automatically with the Vertical Compact Option (you can place the cards anywhere on the grid in case if this toggle is not enabled. But if you turn it on, all cards will be automatically aligned to the top that creates the standard grid view).
Two item style options available by default: standard for the info to appear on the colored background under the image, content overlay to showcase the information on the translucent background over the picture.
Customizable loading spinner (25 amazing spinner types are available).
A great number of style settings for every page element (works only for Elementor; Gutenberg applies its default styles).
We prepared an inspiring demo page, where you can play with the posts: adjust, move, delete or add them. Check out free grid plugin — JetGridBuilder — in action https://crocoblock.com/plugins/jetgridbuilder/
More information
Here are some useful links for you to dive into the details on JetGridBuilder application:
JetGridBuilder for Elementor: Settings Overview
JetGridBuilder: How to Create a Posts Grid in Elementor
How to Create Posts Grid in Gutenberg Editor
