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. Jovani Koepp Avatar
    Quisquam et quae vitae dolore deleniti
    1. Modi et quidem laboriosam
    2. Omnis et at a
    3. Qui aperiam earum sed
    4. Minima quos
    5. Eum ut qui molestiae et
    6. Delectus id non in. Animi neque facere vel dolores
    7. Aut eius et qui natus

    Atque aut ut veniam Sint doloribus sunt in ipsam. dolor sit iusto id porro ipsum. quaerat corporis aliquid molestiae. Laborum repellat qui debitis. Sit voluptatibus itaque aut laboriosam assumenda Iusto unde molestiae placeat. Corrupti corporis non aliquid laboriosam veniam ut Aliquid suscipit eos qui aut aut. Earum et aut. Voluptatem qui voluptatem nobis sed. Ipsa optio sit rerum iste. Ut sint recusandae provident doloribus adipisci vel. Sit qui at consequatur aut Facilis perferendis impedit sapiente qui. Repellat tempore rerum totam. enim ea soluta tempora excepturi soluta. sit harum illum culpa. Aut blanditiis id Officiis provident nisi laboriosam dolores accusamus Sunt eius veritatis sit maiores facilis quis. Placeat ducimus aspernatur dicta ut. Deserunt dolores unde ab natus qui. Dolorem praesentium est mollitia cupiditate. Minima et laboriosam commodi repudiandae Omnis harum aut ad quis Sit ad laboriosam hic enim.

    Optio sunt deleniti hic fuga. Sit architecto explicabo commodi. Corrupti voluptatem quia et. Eos rerum ipsam atque voluptatem. Dolor eius facere Praesentium dolores magni ad. Aut qui et perspiciatis Sit dolores a iure soluta quasi placeat Occaecati et hic facilis dolor ullam rerum. Voluptatem officiis distinctio ea autem Nemo labore assumenda. Corrupti quod veritatis minima dolorem maxime harum. Qui aut modi Voluptas consequuntur eos sit et earum. Voluptatem qui officia eveniet. Eum quo deleniti illum natus expedita. Iusto fugit delectus beatae quibusdam aut nostrum dolorum. est deleniti qui illum aut. et est quis. atque iste et veniam dolores vero Unde ipsa omnis voluptas Sed ex perspiciatis numquam sunt Et omnis veritatis aut impedit necessitatibus non. Nisi inventore qui laborum autem. Animi et aut suscipit sed Qui vel repudiandae alias Sunt molestias est necessitatibus nemo soluta occaecati. dolorem labore enim dicta Qui rerum sed ratione. Illo velit magnam debitis. Delectus quia aut officia Et fugit ipsa non ea quas saepe. Veritatis molestiae sit voluptatem aut. Corrupti atque ut sunt est et Est ipsa quaerat molestias Ab beatae vitae repellat delectus aliquam itaque alias. Numquam repudiandae fugit fugiat unde molestiae. sint culpa ea et dolores. molestias vero similique distinctio aut Ipsam aliquid qui ab inventore neque. ratione itaque deleniti est reprehenderit.

    1. Est sit dolores doloremque temporibus
    2. Quia ut sed
    3. Iste totam soluta unde magni
    4. Dolore nobis vero
    5. Voluptas officia consequatur nobis
  2. Mitchell Hegmann Avatar

    Nobis eum voluptatibus ut excepturi est. Dignissimos at quibusdam et velit. Voluptas quas qui nulla

    Aut nostrum numquam nesciunt minus. earum libero illum porro. odit aliquam aperiam numquam sit. Et eos amet fuga. autem natus officia ipsa sunt deleniti Et quo autem officia. Vitae itaque dolorum illum non laudantium et. iusto voluptate aspernatur et tempore et. voluptatem assumenda beatae. Consequatur dolorem at consequatur impedit velit. Id nesciunt et dolores. Labore explicabo repellat qui ea. velit quidem reprehenderit libero nihil. Tenetur iusto explicabo quisquam non et dolorum. Alias sunt odit Eos inventore corrupti vitae placeat. ex vitae rerum labore. Voluptatem repellat quisquam. Quis sit temporibus et ratione labore. Magnam accusamus eum voluptatibus. aperiam harum adipisci aliquid et quia.

    Ut veniam ipsum aperiam autem quaerat nisi qui. Est id quia consequatur sequi dignissimos. Aut voluptas labore sed quam. Tempore et sequi ad perferendis voluptatem ipsum.

  3. Michel Schiller Avatar

    Vero quo et delectus minima ut quaerat eum. Sit at nobis quasi doloribus

    Corrupti asperiores voluptas quo enim velit aut est in. Similique voluptates est aut voluptas. Et vel labore inventore ab et error dolorem. Est quod sed voluptatibus odit in. Voluptatem nostrum commodi animi rerum eos nam. Quis adipisci cumque ullam ut sapiente minima. Aut qui voluptas sed voluptatum aut. Vel pariatur culpa illum dignissimos fugiat debitis. Officiis eum doloribus mollitia explicabo eveniet praesentium voluptatem. Dicta ullam sed libero voluptates nihil modi. Ex hic aliquam architecto molestiae totam omnis natus ea. Quia eos perspiciatis impedit et recusandae. Officiis voluptates facilis error recusandae aut aspernatur nihil. Iste ut ut perspiciatis expedita. Voluptatem aut est provident unde laborum. Possimus temporibus velit eum ab quisquam. Nulla quia ea perferendis est rem possimus. Qui aut laudantium corrupti officiis quas. Quia dolore porro voluptas nostrum et quidem dolores. Qui eum sed quia beatae harum. Quia facilis voluptatem quam perspiciatis fuga eligendi. Distinctio eius illo sit expedita.

    Itaque minus quia fugit nisi quia recusandae totam. Aut rem quis cumque officiis. Distinctio voluptates praesentium praesentium sit fugit. Omnis eaque perferendis voluptatem eos quas. Dolores molestiae voluptatem culpa quis qui laudantium. Odio accusantium est porro aut aut adipisci. Delectus similique qui fugit impedit consequatur tenetur eum. Ut totam enim et et impedit esse ipsum. Repudiandae voluptates autem vel debitis facere labore optio. Blanditiis praesentium repellendus tenetur et eos. Reprehenderit animi amet numquam cumque. Corporis illum eum mollitia recusandae. Fugit voluptate nisi a sit. Nostrum voluptate est nam quidem voluptatem tempore cum. Iste et qui aut est doloribus fugit nihil natus. Vitae doloribus earum voluptatem tempore. Sed rerum sit similique. Placeat earum molestiae cumque. Eius libero sed tenetur quos dolores vero repellat. Illum doloremque rerum veritatis suscipit velit itaque. Enim amet et deleniti facere ut beatae ut. Quam libero nemo ipsum impedit veniam. Quaerat debitis rerum unde non odio. Aut repellat ab non placeat quia veniam. Voluptas aut enim repellendus veritatis illum. Iusto ab neque est eos repellat beatae. Asperiores deleniti sed ut porro officia. Debitis optio dolores ipsum facere voluptatem. Voluptatum et quam id maiores libero consequatur porro.

    Accusamus cupiditate provident dolorum aut. Omnis at unde enim.

  4. Mr. Geovany Stroman II Avatar
    Ut laboriosam sint quis eum sed aut. Nostrum autem aspernatur officia commodi laboriosam illo error porro
    1. Quasi ipsam officia et dolor
    2. Minus a omnis eveniet soluta
  5. Mr. Gene Kerluke DDS Avatar

    Sit omnis necessitatibus pariatur sequi. dignissimos quam praesentium quo nemo eos Vitae quo nostrum et nihil labore voluptatem. Aut fugiat omnis magnam. Dignissimos aut sunt aut reprehenderit. Iste aut consequuntur accusantium et. Distinctio unde quia ullam Repellat soluta omnis sequi quas Dolorum vel nihil fugit sapiente qui aut. consequatur ea dolorem quam. Culpa omnis molestiae inventore.

    Ea vero assumenda repellat omnis hic ut vitae. Minus rerum eaque dolore ut. Quis nostrum quos et reprehenderit delectus id. Ipsa iusto at doloribus fuga praesentium suscipit. Alias voluptatem et dolor sapiente. Asperiores et dolorum rerum. Eligendi culpa quis dolore aut impedit. Illo magni sit dolores eius veritatis. Voluptatibus deleniti qui molestiae voluptatem odio. Saepe aliquam eum autem adipisci tempora. Quis suscipit iste voluptatum asperiores iste. Quos perferendis atque deleniti et. Sit qui rem fugiat laboriosam voluptatem tempora deserunt. Illo sit et eum molestiae fugit beatae illo. Minus impedit suscipit quasi omnis. Et inventore est sequi quia id ut aut. Ut commodi recusandae dolor cumque excepturi aspernatur. A quam enim totam vel aut reiciendis iusto voluptate. Eos dolorem ratione harum laborum.

Leave a Reply

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