Introduction and Overview

Photo Block makes it easy to add and customize photos in the block editor.

Welcome to Photo Block. Photo Block makes adding and configuring images easy using the WordPress block editor. It supports responsive images, custom captions, a lightbox setting, and so much more.

Photo Block is designed for those needing a quick way to add fully customizable photos and captions to the block editor.

Here are the major features of Photo Block.

Intuitive Uploader

An Intuitive Uploader Makes Adding Images Easy

An intuitive uploader, with support for all major image formats, is available.

It provides for quick uploading and supports a fast uploader, media library uploading, and downloading an image from a URL.

Upload via URL or Choose Manual For a Hosted Image

Uploading a Photo

Smart Cropping and Support for Custom Ratios

Photo Block has a custom cropper; you can go advanced and enter custom ratios if you desire.

Crop and Custom Ratio Support Come With Photo Blocki

The cropper remembers your aspect ratio and can be adjusted for finer control.

Cropping a Photo

Dimension and Responsive Support

Adjust Margin, Padding, and Border with Responsive Support

Add dimensions such as padding, margin, and borders with full responsive support.

Image Sizing and Object Fit

Width and Other Sizing Options

Adjust the size of the image container and constrain it to fit how you desire.

Add CSS Gram Effects

Use CSS Gram Effects for Quick Adjustments

CSS Gram is a neat little library that allows for adjustments to an image via CSS. This works in all modern browsers and features 26 presets.

Add Drop Shadows to Images

Easily Add Dropshadows to Any Image

Use the drop shadow toggle to add a drop shadow to your image, allowing for neat 3D effects.

Multi-line Captions

Example of a Multi-Line Caption

Create a single or multi-line caption, allowing for complex captions through available blocks.

Adding a Caption

Overlay Captions

Caption Overlays Can Have a Neat Hover Effect

Create an overlay from the caption, including support for multi-line captions. Create a nice hover effect to show off captions, or display a caption in a custom position (e.g., the top left of an image).

Overlay Captions

Query Loop Support

Photo Block Works in a Query Òoop as a Featured Image

The Photo Block works great in a query loop, serving as the featured image source. The caption is pulled from the image caption.

How to Add Photo Block to the Query Loop

Global Styles

Save a Global Style in the Advanced Sidebar Settings

After spending time configuring the Photo Block, you'll realize there are many different ways to customize the photo. You can save these customizations as Global Styles and apply them to other photo blocks.

Selecting a Global Style is Easy and Fast

This allows quick re-use of styles without having to configure a new block every time.

Since Global Styles are applied globally, you can also update a global style and have it reflect across your site immediately.

Global Styles