Flexi Post Grid

外掛說明

Flexi Post Grid helps you build professional post grids in Elementor with ease.
Our most important feature is the preset grid styles, so users can instantly apply modern designs without spending time on manual customization. At the same time, we provide complete design controls inside the widget, allowing users to customize layouts, typography, colors, spacing, and more — starting from a preset style or building their own.

With Flexi Post Grid, you can also turn any grid layout into a Post Grid Slider / Carousel by simply enabling the Slider option from the Grid Settings. No extra widget or complex setup is required.

Flexi Post Grid supports multiple pagination types including Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX), giving you full control over how posts are loaded and displayed.

You can use Flexi Post Grid to create grids for blogs, news posts, portfolios, team members, events, and custom post types with smooth filtering and pagination.

Video Demo

Free Version Highlights

Highlights
– 10+ responsive preset layouts (Blog, News, Portfolio, Team, Event)
– Native Elementor controls (drag & drop, live preview)
– AJAX filters and pagination (Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX))
– Image overlays, gradients, and hover animations
– Fine control over image sizing (built-in sizes or custom), object-fit, and wrapper height
– Per-device columns and ordering (desktop / tablet / mobile)
– Optional custom CSS per grid
– Accessible and translation-ready (flexi-post-grid text domain)

This plugin integrates with Elementor and adds a “Flexi Post Grid” widget you can place anywhere.

Pro Version Highlights

Live Links
🌐 Plugin Demo
📘 Documentation
⭐ Get Pro Version

Highlights
– 16+ responsive preset layouts (Blog, News, Portfolio, Team, Event, Product Grid)
– WooCommerce Product Grid with price, swatches, hover image & wishlist
– Grid Slider / Carousel (enable slider from grid settings)
– Slider controls: slides per view, autoplay, arrows, dots, speed & spacing
– Slider arrows styling: color, background, size, border radius & hover effects
– Native Elementor controls (drag & drop, live preview)
– AJAX filters and pagination (Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX))
– Image overlays, gradients, and hover animations
– Fine control over image sizing (built-in sizes or custom), object-fit, and wrapper height
– Per-device columns and ordering (desktop / tablet / mobile)
– Optional custom CSS per grid
– Accessible and translation-ready (flexi-post-grid-pro text domain)

螢幕擷圖

  • Settings — Manually include post types (Posts, Pages & CPTs) with one-click Save and quick Docs access.
  • Content controls — choose Post Type, include/exclude categories, set posts per page, order, and sort.
  • Image settings — resolution, crop/fit, wrapper height, spacing, borders, and radius.
  • Style panel — tune buttons, titles, descriptions, meta, overlays, filters, and pagination.
  • Preset grid styles — pick from Blog, News, Portfolio, Team, and Product Grid layouts.
  • Customizable filters & pagination — Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX).

安裝方式

  1. Ensure Elementor is installed and active.
  2. Upload the flexi-post-grid folder to /wp-content/plugins/.
  3. Activate Flexi Post Grid from Plugins Installed Plugins.
  4. Open Elementor, search for Flexi Post Grid, and drop it into your layout.
  5. Configure your grid (layout, filters, pagination, slider, custom fields, etc.) and publish.

常見問題集

Does it work with any theme?

Yes. Flexi Post Grid works with any theme that supports Elementor.

Is Elementor required?

Yes. This plugin adds a widget for Elementor.

What pagination types are available?

Flexi Post Grid supports three pagination types: Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX). These pagination options are available in both Free and Pro versions.

Is it translation-ready?

Yes. Text domain is flexi-post-grid. When installed from WordPress.org, language packs load automatically. A .pot file is included in /languages.

Does it use AJAX?

Yes. Filtering and pagination are AJAX-driven for a smooth browsing experience.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈Flexi Post Grid〉的開發相關工作。

參與者

將〈Flexi Post Grid〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

1.1.0

  • Added three pagination types: Classic Pagination, Load More Button (AJAX), and Infinite Scroll (AJAX).
  • UI and performance improvements.
  • Fixed special character display issue (e.g.,  ) in headings.

1.0.0

  • Initial release: Elementor grid widget with AJAX filters, pagination, overlays, animations, and custom fields.