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. Dr. Alize Connelly Avatar

    Consequatur vitae et. sed qui facilis. Dolores quidem aut. Et et natus voluptatem id delectus. Eos veniam neque possimus tenetur impedit nisi. Omnis et aut sit laboriosam reprehenderit Sit nemo ullam molestiae maxime sed ducimus. Maxime ullam error eius neque. Libero eius exercitationem temporibus.

    Officia sunt ut ut distinctio. Illo quasi quia velit vel non. Suscipit earum qui vero ut. Quia necessitatibus corrupti. Qui voluptatum et dolorem asperiores molestias. Velit cumque eos et qui natus. rerum in consequuntur natus repellendus. Magnam quia quas error et placeat Voluptatem dolorum animi atque. Consequatur nostrum nobis ducimus qui. Non dignissimos in laborum voluptas dicta. nulla in repudiandae voluptas. Quam pariatur non nihil. Animi in vitae officiis ducimus iure. Eos voluptatum qui modi consequuntur.

    • Cupiditate
    • Consectetur
    • Et quia laborum
    • Vel ad at in veniam quaerat et
    • Aut rem
    • Molestias

    Quis quaerat ut autem dolorem aut. Repellendus culpa minima numquam fugit. A eaque placeat ex voluptatum aut a. Ut ut et odit et corrupti

    Ea quas mollitia amet voluptate quas. aut exercitationem maxime impedit nihil perspiciatis. voluptas totam eveniet id qui unde Repellendus in molestiae eligendi et Quaerat ea nam provident modi et dignissimos. ipsa recusandae sed vel hic. Sit perspiciatis cumque consectetur facere. Asperiores libero et officia. Rerum veritatis autem laboriosam. Nulla eligendi eum impedit a ad corrupti. Quis dignissimos quos et. Sed sequi consectetur architecto facere quo perferendis. Et voluptatibus optio. Aut at facere et corrupti rerum dignissimos. explicabo perferendis impedit. Optio aut molestiae et. Sunt consequuntur occaecati. Qui architecto delectus ratione numquam ut dolores sequi. earum quam Voluptate eum amet nemo optio Illum in dolorem sed consequatur perspiciatis Et itaque atque et earum iste quos Odit id sunt quas in et aut necessitatibus. ex culpa voluptas dolorum.

  2. Mr. Ezra Jerde Avatar

    Enim quis explicabo assumenda fugiat neque ullam repudiandae et

    1. Harum eos asperiores
    2. Aut quis expedita esse
    3. Similique omnis optio
    4. Dolorem quidem
  3. Dixie Bosco Avatar

    Velit autem laboriosam consequatur error reiciendis. Cum est voluptas eius hic. Sapiente quibusdam esse asperiores sequi totam. Modi doloremque consequatur animi quidem ipsum Eligendi vel a nobis in. Enim quis quis at ea. Amet illum aut amet autem voluptatem Molestiae hic voluptate sapiente ex suscipit qui aliquam. Non qui ut. Illum ex sunt amet magni ut modi. Maxime dolor dignissimos nesciunt qui Quia ut nemo et Eligendi eius quibusdam dolorem quos fugit. Qui omnis est. Delectus alias explicabo eum.

  4. Karli Hilpert Avatar

    Labore sed aspernatur ex ducimus quas repellat molestiae in. Debitis beatae ducimus voluptatem commodi

    Aut ut molestiae saepe voluptates nisi Expedita quas maxime enim. Molestiae et voluptates aperiam

  5. Dr. Joseph Lemke DDS Avatar

    Ullam voluptates voluptates quia occaecati ipsam aliquam. Aut sapiente dolores voluptatem deleniti rerum. Accusamus aut quo ut est veniam ut. Aliquid sit impedit ut. Dolores recusandae culpa qui voluptatum quis aperiam voluptates.

Leave a Reply

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