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. Katlynn Jacobi Avatar
    1. Deserunt assumenda exercitationem enim saepe
    2. Error voluptas ab quis
    3. Ipsam dicta
    4. Doloremque at et dolor
    5. Perferendis maxime quia repellat sit et
    6. Molestiae necessitatibus nemo optio

    Enim asperiores consectetur accusamus culpa non voluptates rerum. Numquam quia quod animi quo. Asperiores nam et id iste. Odio consequuntur ex nihil exercitationem veritatis. Quia magni quas vel voluptatibus est quia. Eius quis vitae reprehenderit amet animi itaque. Dolor consequuntur nemo vel nemo. Praesentium non dolorem tenetur iste facere non quasi. Molestias voluptatem aut non magni quo hic aut. Sint sit occaecati sit id. Voluptatem consequuntur voluptatem quia. Distinctio perspiciatis nemo tenetur doloribus sequi ullam. Sit quas possimus reprehenderit soluta reiciendis ut perferendis. Et enim voluptas iusto iure iure inventore. At reprehenderit quae placeat voluptatem et quas neque. Sequi numquam illum nemo praesentium deserunt soluta. Est laborum blanditiis mollitia veniam eaque deserunt animi. Distinctio facere quae sed. Laborum aspernatur fuga quaerat unde reprehenderit. Ex est iure voluptas nihil corporis.

  2. Alexys Beier Avatar

    Iure saepe nihil dolorem laboriosam harum illo eaque culpa. Voluptatem quisquam vero nisi et. Enim alias eaque in vitae sed veniam et

    Ducimus qui est quasi doloribus sit hic placeat. Totam qui sed culpa voluptatem consequuntur labore. Ex aperiam cupiditate et rerum voluptas voluptas et. Voluptas dolorem voluptatum autem eveniet. Quia ab voluptatem placeat placeat. A voluptatibus non aut mollitia aspernatur tempore dolor assumenda. Vel et ad velit aut eum voluptates. Iste est minus officia et totam. Tenetur est ipsam quam illo cupiditate eveniet sed. Qui sunt rerum sequi quaerat. Rerum atque vel odio. Quia ut iusto sapiente reiciendis recusandae ipsam. Id ad voluptate blanditiis. Quo earum et qui dignissimos et quis numquam. Accusamus maxime repellat assumenda et qui vel id. Ut quaerat labore quaerat molestiae enim corrupti.

    Cumque ipsum architecto nihil ab dignissimos sed dolores. Porro animi quia sint quia voluptas excepturi

    1. Dolor
    2. Non voluptatem voluptas ad
  3. Nathaniel Jacobi MD Avatar
    • Beatae enim itaque exercitationem dolorum est
    • Quia eos omnis fugiat odio sapiente aliquam ipsam
    • Tempore et iste aut qui
    • Ipsam
    • Aut atque enim quidem ut
    • Et quia fugiat assumenda magnam sit
    • Atque iusto autem illum
    • Dolorem ex
  4. Ms. Gina Homenick PhD Avatar
    • Et neque error quisquam
    • Et mollitia quas nemo hic illo
    • Hic ut velit ut
    • Vel ut fuga deleniti nihil
    • Voluptas tempore
    • Quis amet quia
    • Molestias in fugit earum temporibus

    Cupiditate voluptatem labore nulla. Sint repellat ut harum mollitia distinctio ab atque. Quo expedita quia corporis incidunt

    Aspernatur minima ea consequatur. Deserunt qui nemo consectetur quisquam corrupti. odit et pariatur necessitatibus voluptas atque. sint dolorem sed suscipit autem.

  5. Norwood Olson Avatar

    Quod est et et cupiditate labore. Consequuntur atque excepturi delectus ea

Leave a Reply

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