Vova's Post Grids

外掛說明

Vova’s Post Grids is a native Gutenberg block for building responsive post grids directly in the WordPress editor.

Build a dynamic query or hand-pick specific posts, then fine-tune the result without touching code.

Flexible content queries

Query any public post type and its public taxonomies. Filter content by taxonomy terms, keyword, author, date range, featured image, or custom fields. Control ordering, sticky posts, the current post, and the number of posts per page.

Responsive layouts

Configure desktop, tablet, and mobile column counts independently. Adjust horizontal and vertical spacing to create classic grids, editorial layouts, compact feeds, or image-first galleries.

Complete card controls

Reorder or hide the featured image, title, metadata, excerpt, and read-more link. Customize image treatment, typography, colors, spacing, excerpt length, metadata, taxonomy badges, and link presentation.

Smooth AJAX pagination

Add numbered or previous/next pagination. The block loads each selected page through the WordPress REST API and updates the grid in place without reloading the whole page.

Native, free, and open source

The block uses WordPress data APIs, server-side rendering, and core editor components. Every feature is included for free: there is no Pro tier, trial, account, or external service. Vova’s Post Grids is licensed under GPL-2.0-or-later and can be used on commercial websites.

The project source code and releases are available on GitHub.

Development

The release archive includes the human-readable block source and locked npm dependency metadata.

  1. Install Node.js and npm, then run npm ci.
  2. Install WP-CLI with the i18n command available.
  3. Run npm run build to compile production assets and regenerate the translation template.
  4. Run npm run lint:js and npm run lint:css for JavaScript and stylesheet checks.
  5. Install the Composer development dependencies and run npm run lint:php for WordPress and PHP 7.4 compatibility checks.
  6. Run npm run export to build and create the release ZIP in dist/.

螢幕擷圖

適用於區塊編輯器

這個外掛提供 1 個可供區塊編輯器使用的區塊。

  • Post Grids Responsive post grid with query controls and AJAX pagination.

安裝方式

  1. Upload the vova-post-grids folder to /wp-content/plugins/, or install the plugin ZIP through Plugins > Add New > Upload Plugin.
  2. Activate Vova’s Post Grids.
  3. Open a post or page in the block editor.
  4. Add the Post Grids block from the Vova Post Grids category.
  5. Configure the query, layout, content, and pagination in the block sidebar.

常見問題集

Which content can the block display?

Any public post type and its public taxonomies, or a hand-picked list of specific posts.

Does pagination reload the whole page?

No. When pagination is enabled, the block loads the selected page through the WordPress REST API and updates the grid in place.

Can the card layout adapt to different screen sizes?

Yes. Desktop, tablet, and mobile column counts can be configured independently, along with horizontal and vertical spacing.

Are all features included for free?

Yes. There is no Pro tier, trial, upgrade prompt, or account to create.

Does the plugin connect to an external service?

No. The plugin works with content and APIs provided by the WordPress site where it is installed.

Can I use the plugin on a commercial website?

Yes. Vova’s Post Grids is free software licensed under GPL-2.0-or-later.

使用者評論

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

參與者及開發者

以下人員參與了開源軟體〈Vova's Post Grids〉的開發相關工作。

參與者

〈Vova's Post Grids〉外掛目前已有 1 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將〈Vova's Post Grids〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

2.0.3

  • Updated Live Preview in the wp.org repository.

2.0.2

  • Expanded the plugin description and FAQ.
  • Added Live Preview in the wp.org repository.

2.0.1

  • Added screenshots.

2.0.0

  • Plugin name changed to Vova’s Post Grids (formerly Posts Grid)

1.0.1

  • Hardened REST API endpoint

1.0.0

  • Initial WordPress.org release.