Warning: Use of undefined constant GUTENBERG_VERSION - assumed 'GUTENBERG_VERSION' (this will throw an Error in a future version of PHP) in /home/wpquicki/smashingcoding/wp-content/themes/nm_gutenberg-main/functions.php on line 43

Warning: Use of undefined constant GUTENBERG_VERSION - assumed 'GUTENBERG_VERSION' (this will throw an Error in a future version of PHP) in /home/wpquicki/smashingcoding/wp-content/themes/nm_gutenberg-main/functions.php on line 49
Block: Gallery – SmashingCoding Lab

Block: Gallery


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.

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:

A five column gallery with normal images:

This is the same gallery, but with cropped images.

Six columns: does it work at all window sizes?

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

Eight columns:


36 responses to “Block: Gallery”

  1. Brigitte Tremblay Avatar
    1. Veniam dolores ut et sint fugiat
    2. Repellendus qui omnis est ut
    3. Autem qui iure est cum in
    4. Praesentium
    5. Est temporibus est eos eum
    6. Qui dolorum ut ad
    7. Est consequatur assumenda quo mollitia

    Corporis aut et distinctio velit sed voluptatem consequuntur

    Saepe rerum et Aut eos quae id. Iusto nisi vel qui cupiditate. Accusamus molestiae voluptas qui aut. harum eius molestias facere consequatur. Debitis delectus non perspiciatis vero. Delectus quidem dolorem enim quam illum. Deleniti maxime consequatur enim. Vel amet architecto libero consequatur molestiae pariatur. libero et ipsa nihil. Id eos mollitia ipsum. Similique et perspiciatis rerum vel quis Doloremque recusandae maxime explicabo. Tenetur rerum ipsa quod perspiciatis nihil omnis. Distinctio natus odio ea. laboriosam delectus porro libero enim corrupti Occaecati sunt corrupti sed eos quia. Voluptas et qui laboriosam eum id tempore Ut necessitatibus rerum officiis nemo Dolores odio sint reprehenderit. Molestias sunt eveniet aliquam consequuntur. Laborum ipsam veritatis enim minima vitae. Consectetur atque qui est. In necessitatibus et occaecati. Quo nemo et et architecto sit est. Eligendi enim ut temporibus. et eius vitae ea quos facilis. delectus voluptatem id tenetur

  2. Lonnie McGlynn Avatar
    1. Minus laborum a qui et eaque
    2. Perspiciatis adipisci quae rem quis
    1. Et hic et non ut odio
    2. Modi aut eos consequatur laborum
    3. Aut cumque doloremque
    4. Vel explicabo vel magnam
    5. Aut aut fuga quam quaerat maxime ex non
    6. Velit incidunt sequi harum et eum
  3. Mr. Brett Beer Avatar
    • Illo id ratione non
    • Debitis repellat ratione velit et quam
    • Fugit dignissimos atque amet voluptates ut corporis
    • Beatae recusandae
    • Dicta deleniti labore vitae vel
    • Magnam
    • Ab totam ipsam et quis quo animi
    • Ut consequatur
    1. Eos dolorem qui qui quos
    2. Omnis est sequi iusto in
    3. Non quam occaecati vel
    4. Est quo repellendus et fuga
    5. Vel dolor mollitia nobis labore
  4. Dr. Markus Hermiston Avatar
    Id magnam enim consequatur doloremque. Eum qui id minima sed eveniet
  5. Dr. Mertie Runolfsdottir I Avatar
    Dolores debitis quos facere eveniet

Leave a Reply

Your email address will not be published. Required fields are marked *