Loading...
Loading...
Loading...
Loading...
Cropping is simple, intuitive, and powerful
The plugin is currently in the review queue on WordPress.org.
This is a no-settings plugin, so installation is very straightforward.
This plugin is still in the review queue on WordPress.org, and this section will be updated once it's approved.
Head to the GitHub Releases page for Photo Block and find the plugin zip for the latest release.
Each release has a zip file attached called photo-block.zip
.
Once you've downloaded photo-block.zip
, head to Plugins->Add New in the plugins screen in the WordPress admin.
Click on "Upload Plugin."
Choose the downloaded photo-block.zip
file and override any previous plugins that may have existed.
Once the plugin is installed, make sure it is activated.
There are no settings for this plugin, and it should be ready for use in the block editor.
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.
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.
Photo Block has a custom cropper; you can go advanced and enter custom ratios if you desire.
The cropper remembers your aspect ratio and can be adjusted for finer control.
Add dimensions such as padding, margin, and borders with full responsive support.
Adjust the size of the image container and constrain it to fit how you desire.
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.
Use the drop shadow toggle to add a drop shadow to your image, allowing for neat 3D effects.
Create a single or multi-line caption, allowing for complex captions through available blocks.
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).
The Photo Block works great in a query loop, serving as the featured image source. The caption is pulled from the image caption.
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.
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.
There are several ways to add the block:
Via the block inserter
Via the shortcut slash (/) command
By typing in photoblock
and pressing enter.
Click on the (+) icon in the block editor to insert the block. Search for photo
and you should be able to click on the block.
When in an empty paragraph block, you can type /
and have several shortcuts showup.
Search for /photo
and you should see the block.
In an empty paragraph block, type in photoblock
and press enter. The Photo Block will be added for you.
Upload using the built-in uploader, the Media Library, or via URL.
There are several different ways to add a photo, which will be covered below.
When you first add the block, you're given a drop area and several choices for the image source.
Either by clicking "Upload" or clicking the drop area, you can upload an image via your file dialogue.
Use the regular Media Library to upload or select a photo.
You can upload via URL (download the image remotely), or manually enter an image URL to display.