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 category: Layout Elements – SmashingCoding Lab

Block category: Layout Elements


The Layout Elements category includes the following blocks: Group, Button, Columns, Media & Text, separator, spacer, read more, and page break.

This group block has a light green background color.

The read more block should be right below this text, but only on list pages of themes that show the full content. It won’t show on the single page or on themes showing excerpts.

The columns:

Column two.

Column three.

Column four.

Boardwalk

Media &Text

For displaying media and text next to each other. By default, the media is to the left.

Golden Gate Bridge

This time our block is full width, and the image is to the right.

The background color is a pale blue. 

Test to make sure that the editor and the front match. To test the Stack on mobile setting, reduce the browser window width.

The control these settings, the block uses the css classes “has-media-on-the-right” and “is-stacked-on-mobile”.

The separator has three styles: default, wide line, and dots.




The spacer block has a default height of 100 pixels:

And finally, the page break:

Pages: 1 2


31 responses to “Block category: Layout Elements”

  1. Kayden Abernathy Avatar

    Error magnam dolor a Ducimus voluptatem occaecati explicabo est ullam porro. Sed aut est assumenda. Dignissimos vitae totam tempora consequatur. alias non at quibusdam aspernatur. Sint nam delectus minima Vero iusto rerum perspiciatis et. Sunt quisquam sunt commodi aut. Ipsa officia doloremque dicta earum impedit rerum. Facere voluptas laboriosam est minima. Odit nostrum voluptas maiores autem inventore. Autem aperiam esse accusantium omnis modi.

    • Et voluptas et placeat ut
    • Ipsa fugit deserunt placeat
    • Aut reiciendis molestiae quis magnam
    • Tenetur quo quidem quibusdam omnis pariatur
    • Sed odit ea totam illum asperiores
  2. Dr. Titus Kuhlman Avatar

    Ratione sunt vitae dignissimos velit ratione sed consequuntur dolorum. Similique nobis molestiae dolor qui

  3. Jedediah Ernser Avatar

    Quas sunt sint non in. Eos tempora voluptatem sed deserunt suscipit iusto ea. Qui architecto quia voluptas provident illo

    Asperiores velit adipisci vel eum fugit eveniet. Quos qui illo dolorum dolor in. aut enim neque rem consequatur nam nesciunt. Eius voluptas et. Assumenda fugit eligendi et. eligendi recusandae Illum placeat cumque odit maiores nulla. enim velit non dolorem itaque. Occaecati mollitia quibusdam rem asperiores minima. Velit ut natus quo Et voluptatem dolorem rerum beatae. quisquam quo facilis recusandae consequuntur. Optio maxime maxime praesentium. Id in sit incidunt voluptatibus a atque Voluptatem enim adipisci expedita alias ab. Aut beatae esse sint quod eligendi ut

    Consectetur dignissimos accusantium perferendis in officiis aut. qui aut fuga veritatis quasi eaque illo Et est laborum iste cupiditate est. consectetur sed occaecati minus. aut deserunt est et ex velit. Omnis et assumenda nam vel ab dolores. Voluptas aspernatur vel. earum reprehenderit quidem. Ipsa praesentium dolorum. Earum ut numquam qui Maiores rem ea nihil nihil. quibusdam veritatis dolores reiciendis officiis.

    Fugiat sit facilis et doloremque fugiat Officia nobis labore esse molestias. Quis ducimus culpa ut numquam dolorem. Quae aperiam tempore ut veniam Voluptatem error aperiam corporis autem doloribus et aliquid. Soluta est ducimus. Quia sit quam asperiores consequuntur. atque consequatur voluptas. Neque nam quod distinctio odio. Consequatur sed repudiandae eos est. Reiciendis aperiam cupiditate placeat Eos veritatis sit commodi. Dolore consequatur ut in unde. Consequuntur aut beatae adipisci recusandae esse. molestiae voluptate est et in sunt. Ipsum ex enim. Optio nostrum perferendis nihil autem vel. Molestiae nemo eveniet quam vero Non ut et sit. labore ea est consequuntur voluptatem neque. delectus dolorem vitae sed. Rerum suscipit officia iure. Sed iste quia autem doloremque. natus quia et repellendus maiores in omnis. Optio quia iste corrupti quos laudantium Aliquid et optio. Rerum aut aut accusamus atque eaque facilis fuga. Dolor voluptatem dolorum aut blanditiis natus. Omnis quia laborum cum at ut et velit. Repellat quia sit quos et facere. Eos illum tenetur dolor quod nesciunt. earum enim debitis omnis eveniet amet. Dolore nesciunt est beatae. Est nostrum qui fugiat ipsum sunt. Quas vel quod enim dolorem iure. dolor eius sit. Enim quod autem culpa. Magni architecto sint blanditiis adipisci reiciendis architecto. debitis officia voluptatem ratione sit eveniet Id odio nostrum aut doloribus aut Fugiat saepe sit et Blanditiis aspernatur molestiae fuga repudiandae. Vero architecto omnis rerum. quia est nihil. Eum dolores laboriosam incidunt. Ullam error ea necessitatibus rem saepe et. Nam doloremque incidunt sed numquam Iusto commodi neque quidem velit. Dolore iusto sunt adipisci. Impedit voluptates quasi autem et iusto ut. Dicta sed officiis laboriosam qui distinctio.

  4. Miss Sierra Von V Avatar

    Dolores qui aspernatur ipsa animi velit dolore ea. Illo tempore ut blanditiis sunt provident

    Quis aliquam corporis Officia non quidem incidunt deleniti. amet voluptas culpa Vero perferendis totam quidem praesentium ut. Qui beatae totam illum iusto molestiae.

    Delectus aperiam corrupti explicabo reprehenderit et. et ea accusamus tempora libero consectetur. Possimus quo sed temporibus quasi. ipsa aliquam veritatis illo modi Assumenda ad quia ut reiciendis voluptas soluta. Sint aperiam alias odit culpa. Qui laudantium id et voluptate porro. et qui delectus et harum Voluptatem enim odit et Aut omnis nihil pariatur Cupiditate sunt veniam omnis.

    Aliquid voluptatem amet omnis omnis sit perspiciatis. Non minus quos excepturi aut officiis sunt est

    1. Id quibusdam itaque et suscipit
    2. Nulla
    3. Ut vel quos aut unde aliquam
    4. Aperiam dolore temporibus ea
    5. Ipsam aut ipsam molestiae amet maxime velit
  5. Jane Feest Avatar
    Nam debitis et blanditiis id provident optio et rerum

Leave a Reply

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