Gutenberg PhotoBlocks Gallery

WP PhotoBlocks is a clean and intuitive Gutenberg block plugin that allows WordPress users to easily create stunning photo galleries using the block editor. Perfect for photographers, bloggers, artists, small businesses, or anyone who wants to showcase visual content in a stylish, responsive layout.

With drag-and-drop image uploads, adjustable column layouts, spacing controls, and optional captions, WP PhotoBlocks helps you present your images exactly the way you want—right inside the native block editor.

No more clunky shortcodes or third-party interfaces—just fast, simple, and visually rich galleries built directly in Gutenberg.

Whether you’re building a portfolio, travel blog, or product showcase, WP PhotoBlocks gives you a simple, reliable, and elegant way to make your photos shine.

Gallery Layouts Overview

The plugin offers multiple gallery layouts — Grid, Lightbox, Masonry, and Image Browser View — each designed to provide flexibility and visual appeal.
While most configuration options are shared across layouts, a few style and interaction features are unique to each type.

Grid Layout

• Configure the number of images displayed per row (1–6).
• Set dynamic spacing between images (e.g., 6, 8, 10).
• Toggle image captions to show or hide as needed.
• Choose from predefined image sizes — Full, Large, Medium — or select Custom to define dynamic width and height values.
• Enable pagination and specify how many images to display per page.
• In the InspectorControls style section, customize the background color, text color, and padding (top and bottom) to match your desired design.

Lightbox Layout

• Configure the number of images displayed per row (1–6).
• Adjust spacing dynamically between images.
• Toggle image captions visibility.
• Choose from preset or custom image sizes with dynamic width and height.
• Define how many images to display per page using pagination settings.
• Includes a lightbox viewer for interactive image previews.

Masonry Layout

• Configure the number of images displayed per row (1–6).
• Set dynamic spacing between images.
• Toggle captions visibility and choose from preset or custom image sizes.
• Control pagination to define images per page.
• In the InspectorControls style section, dynamically adjust image border radius and border width.
• Choose from four border styles — Solid, Dashed, Dotted, and Double — and customize the border color according to your preference.

Image Browser View

• Display images in full-screen mode for an immersive experience.
• Use thumbnail previews for quick browsing and selection.
• Enable slideshow mode with customizable transitions and timing.
• Zoom in for detailed image viewing and navigate within zoomed images.
• Show image position indicators (e.g., “2 of 14”).
• Responsive design optimized for various screen sizes and devices.
• In the InspectorControls style section, easily adjust background color, text color, and vertical padding for a polished design.

Usage

1. Create or edit a post or page
2. Open the Gutenberg Block Editor
3. Click the “+” button and search for RK Photo Gallery Block
4. Add images from your media library or upload new ones
5. Configure layout, image size, and other settings from the block sidebar

License

This plugin is licensed under the GPLv2 or later. You are free to use, modify, and redistribute it under the terms of that license.

Automatic Installation:

1. Go to your WordPress Dashboard
2. Navigate to Plugins > Add New > Upload Plugin
3. Upload the rk-photo-gallery-block.zip file
4. Click Install Now, then Activate

Manual Installation:

1. Download the plugin ZIP file
2. Extract the contents to /wp-content/plugins/rk-photo-gallery-block/
3. Go to the WordPress admin panel and activate the plugin

1. 

   Grid layout preview in the editor

2. 

   Frontend gallery display

3. 

1.0.0

• Initial release
• Grid layout (Free)
• Carousel and Lightbox layouts (Pro)
• Responsive settings and layout controls
• Image upload and block inspector options