Common
Getting Started
Updates
Writing & Editing
Categories & Taxonomies
Editor Blocks
How To’s
Features
Translations
JetPack
3rd Party API
Troubleshooting
Development
About The Theme

Gallery Block

The gallery block enables you to add multiple photos and have them automatically arranged attractively and efficiently.

To add a gallery, click on the Add Block button and select the Gallery block. Alternatively, you can start typing /gallery in a new paragraph block, then press enter.

Use the slash command /gallery to insert a file block

Detailed instructions on adding blocks can be found here.

Block Interface

Each block comes with unique toolbar icons and specific user controls that allow you to manipulate the block right in the editor.

The gallery toolbar supports multiple alignments including wide and full width alignment

Adding Images

Upon adding the gallery block, you have two options to chose from, Upload and Media Library. The upload button allows you to upload one or multiple images from your device and media library allows you to select image(s) that you’ve already uploaded to your site’s media library.

Once you’ve uploaded your images or have chosen them through the Media Library window, you will get the chance to caption each image individually.

Edit Gallery

This is another option in the gallery block’s toolbar. Choosing the pencil icon will enable you to add or remove images or edit a caption in your gallery. It is also possible to do these things in the block itself.

You can use drag and drop to re-arrange gallery images and adjust their display order in a way that you’d like them to appear in the gallery block.

Alignment

A block-specific toolbar will appear whenever you select the gallery block. Three of the options are for the block’s alignment, right, center, and left. Choosing the right or left will allow you to place another block alongside the gallery block moreover picking center will return the block to its default, taking up the full width of the post or page content.

If you wish for the gallery to be emphasized on the page, the Wide and Full-Width options will expand the gallery block beyond the bounding column of the page. These two options are exclusively available within the Conj - eCommerce WordPress Theme which supports these alignments in any fluid width page template.

In addition to the options found in the block’s toolbar, you may locate the block specific settings in the editor sidebar panel. Clicking on the cog icon next to the publish button will toggle the visibility of this panel.

The gallery block settings can be found in the sidebar

Columns

Within this option, you would be able to define a column number in a range of 1 to 8 and how many of them you’d like to appear in the gallery block.

You can only select as many columns as you have images, so if you add 4 images, you’ll be given the option for a maximum of 4 columns. This number will increase as you add more images until you reach the maximum of 8.

No matter how many columns you choose, the images of the gallery block will automatically arrange themselves to look good. Changing the columns number will help you to preview how your gallery block will look like and see what you like best!

Cropping

This option is useful if you have images of varying sizes and shapes, however, you are free to select whether or not you’d like your images to be cropped in your gallery block.

Note that cropping images will make them in each row of the gallery the same size.

Linking

This control determines what happens when your visitors click on the images in your gallery. The following options are available with the drop-down select menu:

  • None: This makes your images unclickable, so they don’t link to anything at all.

  • Media File: This opens the image in a blank tab or window, which enables your visitors to go through one image at a time.

  • Attachment Page: This will lead anyone who clicks on your image to your site’s attachment page. This is an informational page about your image, which includes the image, the caption, the image description, and a comment field.

Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and apply styles to the block as you see fit.