PixelNest Blocks

描述

PixelNest Blocks is a lightweight Gutenberg block plugin that provides reusable and modern blocks for the WordPress block editor.

It provides two essential blocks:

  • Image Gallery Block – Create clean, responsive image galleries with full control over layout and spacing.
  • Image Slider Block – Build interactive, touch-friendly image sliders directly inside the block editor.

The plugin is built using block.json and follows modern WordPress development standards. Scripts and styles are loaded only when required for optimal performance.

How to use this plugin:
1. Edit any page or post using the Gutenberg editor
2. Click the “+” button to add a new block
3. Search for “Pixelnest blocks”
4. Add Image Slider or Image Gallery block
5. Customize settings from the right sidebar

Features:

Image Gallery Block

  • Grid and masonary view gallery layout
  • Adjustable number of columns
  • Custom spacing (gap) between images
  • Enable Lightbox option
  • Responsive image handling
  • Responsive and mobile-friendly
  • Supports editor and frontend rendering
  • Clean and minimal markup

Image Slider Block

  • Slider per view to add
  • Autoplay speed option
  • Toggle navigation arrows
  • Toggle pagination dots
  • Toggle autoplay
  • Autoplay speed control
  • Loop enable / disable
  • Responsive slider behavior
  • Clean and minimal markup

螢幕截圖

  • Image Gallery block in the Gutenberg editor.
  • Image Slider block in the Gutenberg editor.

Blocks

This plugin provides 2 blocks.

  • Image Gallery A customizable image gallery block with grid or masonry layouts, adjustable spacing and columns, and an optional lightbox feature for fullscreen viewing.
  • Image Slider A responsive image slider block with customizable navigation, autoplay, and layout options.

安裝

  1. Download the plugin ZIP file.
  2. Go to Plugins Add New Upload Plugin in your WordPress admin.
  3. Upload the ZIP file and click Install Now.
  4. Activate the plugin through the Plugins menu.
  5. Open the Block Editor and search for PixelNest Blocks blocks.

常見問題

Does this plugin work with Full Site Editing (FSE)?

Yes. The blocks work in both post/page editors and FSE templates.

Does this plugin require any page builder?

No. PixelNest Blocks works natively with the WordPress Gutenberg editor.

Can I extend these blocks?

Yes. The plugin is developer-friendly and can be extended using standard WordPress block development practices.

Does it load assets on every page?

No. Scripts and styles are loaded only when the block is used.

評價

There are no reviews for this plugin.

貢獻者及開發者

“PixelNest Blocks” 是一個開源的軟體。以下的人對這個外掛作出了貢獻。

貢獻者

將 PixelNest Blocks 外掛本地化為台灣繁體中文版。

對開發相關資訊感興趣?

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

修改日誌

0.1.0

  • Initial release
  • Added Image Slider block
  • Added Image Gallery block