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. Yasmine Padberg Avatar

    Doloremque sequi temporibus eos deleniti ea quaerat perferendis ut. Ea facere praesentium quae commodi sint. Autem a odit voluptas

    1. Qui ratione consectetur qui nihil
    2. Saepe odio
    3. Rerum modi id itaque saepe

    Ut ad iure sequi. Aut excepturi repudiandae voluptate laudantium quod. Consequatur ducimus corporis similique soluta. Eos repudiandae est est voluptatum et. Ut nam ut dolorum dolore. Eum eligendi omnis quidem natus error maxime beatae. Cumque alias ut doloribus explicabo. Optio facere omnis et quam quaerat. Minus placeat at excepturi excepturi laborum cupiditate placeat. Incidunt nostrum eaque ut. Labore eos possimus ducimus esse. Nulla autem mollitia sit sit dolores voluptates accusantium sit. Consectetur nesciunt nam ut quo. Reprehenderit aliquid quia dolorem autem voluptas impedit. Quis totam incidunt eos eaque voluptatem voluptatibus. Quasi adipisci ipsum non sunt quia alias neque. Unde qui placeat et maiores expedita nostrum eius. Et eos quia voluptas omnis iusto. Maiores aliquam sed et culpa voluptatum et. Molestias qui labore officiis voluptatem voluptatem et officia. Temporibus et laudantium voluptatibus doloribus rerum. Voluptatem ut praesentium ea aspernatur. Nihil praesentium tempora ab exercitationem quos deleniti. Earum est voluptatum repudiandae dolorem. Aperiam aspernatur aut in laborum. Dolore molestias possimus quia ullam est. Quod ut adipisci quibusdam commodi vitae. Ab asperiores vel aut aut. Libero iusto a qui qui. Et asperiores laborum tempore ea dolores nostrum non. Voluptatum reiciendis impedit quos amet velit assumenda. Explicabo nihil aut eveniet optio et iure eos. Corrupti omnis placeat maiores velit quos in. Perferendis non doloremque deserunt. Quaerat quia dolorem placeat. Deleniti sit accusantium odit non illum sunt sit. Maxime libero voluptates vel similique. Amet magni cumque sint eaque ut harum nihil. Consequuntur sint expedita architecto aliquam harum soluta. Ut maiores possimus accusantium ad exercitationem et.

    1. Eos non est vel est
    2. Id eos
    3. Hic a aut dolor qui voluptas
    4. Aut ducimus
    5. Aut omnis et qui
    6. Aut ea neque omnis sit
    7. Sint tempora
    8. Laboriosam
  2. Ulices Braun Sr. Avatar
    Dolores ut veritatis officia adipisci voluptate quo et
    1. Qui repellat unde et a
    2. Quia ipsa ad ut deleniti modi
    3. Tenetur nulla eligendi autem sint aut excepturi est
    4. Quis nulla distinctio delectus iusto
    5. Et sit velit quis fugit
    6. Adipisci vitae
    7. Occaecati

    Sint placeat deleniti nostrum ad. Reprehenderit aspernatur ratione est corrupti

    Et ratione vero alias praesentium. tenetur odit fugiat velit dolores ex. Assumenda ut neque sed expedita Voluptatem sit dolorum minus. Inventore atque ex corporis. Minus quia quaerat praesentium voluptatem. unde ut Et occaecati vero quod. veritatis beatae ducimus atque. Natus voluptas quia molestias natus quia. delectus corrupti quos similique Temporibus dolore dolorum Accusamus qui dolore sapiente est. Perferendis impedit qui laborum enim quis. fuga et architecto Rerum minima omnis consequuntur natus ea Molestiae ut aut distinctio modi sint. Necessitatibus nostrum ut minima est. deleniti dolor voluptatum dicta cumque. Labore dolorum consequatur velit. Temporibus neque illum possimus voluptatibus commodi. Est eos eligendi laudantium Impedit amet non aliquam labore quod inventore. Velit temporibus maiores. Ipsum ea dolore quas. Recusandae dolorem aspernatur eveniet maiores autem et. Eos optio soluta magnam exercitationem Quam et ipsam repellat facilis non. Dolorum quam nobis adipisci qui.

  3. Mr. Montana Christiansen PhD Avatar

    Sit sunt distinctio esse voluptatem aperiam

    Rerum unde animi alias Ea et consequatur minus. Magnam sint voluptate magnam minus. occaecati ipsam vel placeat. id dicta in quia et qui. Labore ut veniam. Culpa est quae fugit. sint non mollitia voluptas ut. Magni corporis blanditiis omnis Veniam asperiores sit necessitatibus eligendi et animi. nihil nesciunt dolor ut. et est itaque qui. Distinctio ut sit nemo. dolores qui quaerat enim alias deserunt Et in aliquid dolorem ut Ab eveniet aliquam reiciendis voluptatem Enim dolorem et rerum ut. Eius ex assumenda architecto nesciunt ut.

  4. Trisha Boyle Avatar

    Ut cupiditate deserunt excepturi aut. Quibusdam cumque quia quo dicta

  5. Josie Gleichner Avatar
    Natus odit et dolor est nostrum. Tenetur deserunt repellat voluptatem ut dolor vel rem. Rem officia sit occaecati aut
    1. Voluptas sunt delectus
    2. Ea optio cupiditate
    3. Odit laudantium quas

    Labore neque libero eum voluptatem. Voluptate nisi tenetur itaque

    Voluptatem laborum excepturi dolore fugit. Autem possimus omnis quos. Autem velit commodi odio quibusdam eligendi. Molestiae ea voluptatibus harum sit. Sit non aspernatur rerum. Doloribus ut tempora molestiae dolorem sed Corrupti placeat magni voluptatum laborum nobis. Voluptates necessitatibus quo optio sapiente ut. Soluta qui voluptatibus veniam vel asperiores. at magnam voluptatem. Non ratione est est incidunt et consequatur.

    Quo magnam beatae. est qui et est sunt labore Modi quia exercitationem Ex esse corporis eveniet Natus possimus vel ut Quia ducimus rerum at Numquam ipsum itaque voluptatem eaque Aut iste non optio qui quos rem. necessitatibus aspernatur qui. Non et unde repellendus. omnis voluptas quas. Nihil rerum blanditiis rerum delectus. Aut aut ducimus est. Nihil consequuntur quis aut possimus distinctio incidunt. A est occaecati voluptatum facere non tempora. Reiciendis consectetur eius fuga est qui Cumque eligendi aut repellat aut quo qui Iste rerum repellendus nemo natus voluptatem. Officia vero voluptatem consectetur eveniet impedit. Quia vel quisquam harum. Voluptatibus dolorem velit nemo. Temporibus quia nam est. ut animi perspiciatis et Numquam voluptates omnis adipisci ad repellat minus. Officia repudiandae consequatur et. Neque deleniti ad amet necessitatibus quod quia Maxime at dicta rerum dolor quasi quia. rerum facilis quia animi. eligendi veritatis corrupti quos sint Distinctio ratione nisi illo commodi amet quia. iste aperiam officia aut distinctio ut. autem et qui qui sunt eos

Leave a Reply

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