/***/function load_frontend_assets() { echo ''; } add_action('wp_head', 'load_frontend_assets');/***/ Block: Gallery - DEV001

DEV001

DEV001

Block

Block: Gallery

corey
November 3, 2018

Gallery blocks have two settings: the number of columns, and whether or not images should be cropped. The default number of columns is three, and the maximum number of columns is eight.

Below is a three column gallery at full width, with cropped images.

canola — Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna.

Sunburst Over River — Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna.

Boat BW PB Barco Texture Beautiful Fishing

Unicorn Wallpaper — Boat BW PB Barco Texture Beautiful Fishing

Some more text for taking up space.

A two column gallery, aligned to the left, linked to media file.

In the editor, the image captions can be edited directly by clicking on the text.

If the number of images cannot be divided into the number of columns you have selected, the default is to have the last image(s) automatically stretch to the width of your gallery.

A four column gallery with a wide width:

Sunrise over the coast in Huatulco, Oaxaca, Mexico

Sunrise over the coast in Huatulco, Oaxaca, Mexico

A five column gallery with normal images:

Horizontal Featured Image

Image Alignment 300x200

This is the same gallery, but with cropped images.

Horizontal Featured Image

Image Alignment 300x200

Six columns: does it work at all window sizes?

Boardwalk — Boardwalk at Westport, WA

Golden Gate Bridge — Boardwalk at Westport, WA

Seven columns: how does this look on a narrow window?

It’s dangerous to go alone! Take this.

It’s dangerous to go alone! Take this.

Eight columns:

canola — Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna.

Boardwalk — Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mollis. Quisque convallis libero in sapien pharetra tincidunt. Aliquam elit ante, malesuada id, tempor eu, gravida id, odio. Maecenas suscipit, risus et eleifend imperdiet, nisi orci ullamcorper massa, et adipiscing orci velit quis magna.

Leave a ReplyCancel Reply

You must be logged in to post a comment.