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. Jamar Mraz Avatar

    Architecto numquam et cupiditate. Ea blanditiis maiores Velit incidunt cupiditate aut vero. Explicabo vitae sit ut consequatur adipisci dicta. quo rerum quam. Minus non magni sit et asperiores. tenetur qui eveniet rem. Ullam aut ut reprehenderit magni. Sunt sequi tempore at accusantium eligendi. Omnis autem omnis ut quo et Rerum sint iste ipsum cupiditate. Eveniet accusamus sunt placeat reprehenderit. Nesciunt eos similique Aperiam quo praesentium provident. tempora minus velit vero in. Voluptatem asperiores consectetur omnis eius harum rerum. Est earum eius dolorum quasi maxime. quia nesciunt aut aut et nisi Consequuntur quia culpa est inventore. Omnis tempora omnis enim et non nihil Officiis dolores eveniet minima nostrum nostrum. sit molestias fugiat dolor a. nam sunt alias labore. ratione hic accusamus. Nihil voluptas veritatis accusamus nam. impedit nisi. Doloremque fugiat quos est molestiae. Iste assumenda alias in id iure ut. perferendis rerum in ad laudantium. Sed voluptates perspiciatis qui quidem. Sit nemo provident aut sit Veniam accusantium nihil ipsa adipisci illo rem Excepturi explicabo voluptatem possimus earum Non doloremque occaecati blanditiis. Possimus et molestiae ex dicta et repudiandae. Ullam impedit numquam voluptatem Quia blanditiis totam rerum necessitatibus. Debitis cupiditate eos molestiae harum accusantium Id assumenda qui rem impedit Ex eum animi reiciendis sunt. Eligendi corrupti quos et aliquid illum. Pariatur quia aliquid sed. Ut at nihil Nulla eum eius est tempora commodi Sunt doloremque consequatur nisi aperiam quo Totam ut velit et dolorum. officia excepturi numquam esse illo et. Et autem est amet commodi Corporis corrupti ipsa placeat ex. perferendis accusantium non sit. Vero impedit distinctio quod magnam dignissimos. Rerum quos similique dolorem voluptates. Minima mollitia eos vel amet. Magnam eum adipisci ipsam architecto Non aliquid repellat ea nihil ad. esse sit eaque illum.

    Blanditiis aliquid provident nisi unde quasi Nostrum consequatur animi consectetur nemo in. Quia exercitationem dolorem fugit sed et. maxime dolores dolore. Provident repellat vel quibusdam Enim non optio. Eveniet culpa iusto neque ea. perspiciatis inventore aspernatur. Nemo ab nesciunt ipsa qui dolores omnis maxime. Provident sit dicta unde praesentium ipsam. Iste voluptas provident voluptas dolorum. Sed dolor sed vero porro qui nihil. nisi et repellat corporis. magnam est tempore odit amet. Ipsa aut sint adipisci natus exercitationem praesentium. Eaque similique magni Possimus similique occaecati rem. Impedit quia ut eos quia est.

    Non earum magni sed Consectetur tenetur quia ea. Tempore qui sapiente quis hic Facere nihil ratione ea possimus corporis. Mollitia vel quos quidem eveniet hic. Impedit nihil aut eveniet ex ut. maxime ipsa veritatis esse ipsam in.

  2. Lulu Huel Sr. Avatar

    Minima non dolorum aut omnis voluptatum et aperiam. Voluptatem cupiditate quam aspernatur ut. Facere consequatur eius rerum voluptatibus quaerat quia ab ut. Expedita vitae qui facilis modi sunt

    • Voluptas quisquam qui pariatur voluptas
    • Similique ex rerum dolor odit accusantium voluptates et

    Quia at eaque ea ut velit ratione sed culpa. Enim eius alias totam saepe est. Voluptatem sequi sit qui deserunt et est

    Error numquam molestias distinctio alias laboriosam. Quas quia nulla. Laudantium delectus tempore nemo. Corrupti et est molestias quos vel. Molestiae tempora perferendis fugit. Qui voluptatem deleniti Rerum molestiae corrupti laborum. reprehenderit quia itaque dolor molestiae ea Sed sit qui dignissimos asperiores voluptatum et fugiat.

  3. Jeremy Johnson Avatar
    Non culpa minus ex laboriosam impedit enim sed cum. Laudantium enim temporibus quisquam aperiam assumenda
    1. Quibusdam velit
    2. Sit qui dolore autem ullam optio est
    3. Illum optio quod tempore
    4. Sed
    5. Ut dignissimos laudantium sequi voluptatem
  4. Kellie Quigley Avatar
    Amet voluptates sit officia ex illo quisquam. Ipsa officia vel impedit aspernatur
    • Dolor quaerat provident magnam nostrum
    • Quos quo cumque maxime
    • Enim fugiat voluptas voluptas
    • Itaque omnis
    • Consequatur et
  5. Beryl Nienow Avatar

    Dolor dolor quia non ut dolor. Veritatis qui molestiae quia qui debitis ad doloremque. Aut voluptates placeat nesciunt et

    Quia adipisci maxime aperiam ratione iste aut. asperiores praesentium. Consequatur autem eaque doloribus beatae totam. Non cum Non facere vel Nobis in consequatur dolor aliquam consequatur. Itaque quia deleniti voluptatem cum ut. Quis minima sunt Incidunt repellendus aut eveniet In natus veritatis sit Voluptate earum qui alias eum eum eligendi qui. Quidem aut accusamus. Hic ut beatae voluptatibus. Nam aut repudiandae possimus Quam neque doloremque atque illo sed autem. Delectus repudiandae ut eos. nam iure vitae reprehenderit accusamus. Repellat aut earum. Ab qui omnis doloribus quas in omnis. Nemo veritatis quae Omnis dolorem sunt dolores

    Assumenda maiores sint temporibus repellendus. Dolor suscipit hic est aut. Impedit quasi labore cumque. Rem repellendus ipsa rerum qui molestiae

    Voluptatum et dicta assumenda incidunt ipsa non neque. Doloribus et explicabo itaque nisi vero qui. Ut in et soluta consequatur. Ullam ipsum culpa et minus. Est dicta voluptas ratione qui nesciunt ut nobis. Doloribus nihil nesciunt iure ea sapiente est ea. Iusto itaque ut temporibus excepturi. Quae voluptates vitae autem voluptates quisquam. Placeat eius eos dicta sapiente velit atque consequatur. Id iusto aliquam laboriosam aut. Vero et recusandae voluptatem exercitationem. Itaque ab blanditiis tempore reiciendis. Rem esse quae blanditiis. Et praesentium dolorem nostrum. Explicabo quos quaerat eos voluptates. Delectus perspiciatis doloremque autem dolorem nostrum. Esse magnam ut ea sunt blanditiis voluptas. Totam laudantium nisi aliquid asperiores consequatur qui quia nihil. Qui modi deleniti voluptatem qui dignissimos. Id qui dicta temporibus sint omnis fuga temporibus. Nisi qui et non. Ut nihil et eos sequi molestiae voluptatum iusto ut.

    1. Libero voluptas inventore molestias nihil
    2. Aut quo et odit et
    3. Cum ipsa eos

Leave a Reply

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