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: Common – SmashingCoding Lab

Block category: Common


The Common category includes the following blocks: Paragraph, image, headings, list, gallery, quote, audio, cover, video.

The paragraph block is the default block type.  It should not have any alignment of any kind. It should just flow like you would normally expect. Nothing fancy. Just straight up text, free flowing, with love.

This paragraph is left aligned.

This italic paragraph is right aligned.

Neither of these paragraphs care about politics, but this one is bold, medium sized and has a drop cap.

This paragraph is centered.

This paragraph prefers Jazz over Justin Timberlake. It also uses the small font size.

This paragraph has something important to say:  It has a large font size, which defaults to 36px.

The huge text size defaults to 46px, but the size can be customized.

This paragraph is colorful, with a red background and white text (maybe). Colored blocks should have a high enough contrast, so that the text is readable.

Below this block, you will see a single image with a circle mask applied.

Image Alignment 150x150

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Ordered list

  1. The software should be licensed under the GNU Public License.
  2. The software should be freely available to anyone to use for any purpose, and without permission.
  3. The software should be open to modifications.
    1. Any modifications should be freely distributable at no cost and without permission from its creators.
  4. The software should provide a framework for translation to make it globally accessible to speakers of all languages.
  5. The software should provide a framework for extensions so modifications and enhancements can be made without modifying core code

Unordered list

  • One
  • Two
  • Three
    • Four
  • Five

Quote

Cite

Cover block with background image

The file block has a setting that lets us show or hide a download button with editable text:

Video blocks have settings for showing and hiding the playback controls. Use autoplay and playback controls responsibly.

This is a video block caption.

The video block below is muted and has a poster image that displays before the video starts:


25 responses to “Block category: Common”

  1. Thaddeus Paucek MD Avatar
    Assumenda facere fugiat velit hic dolorum et possimus qui. Occaecati exercitationem saepe et dolor porro optio. Hic ad quo id beatae

    Facilis tenetur consequuntur non nulla Voluptatibus corrupti est commodi distinctio. dignissimos molestias animi asperiores laboriosam. Blanditiis recusandae maxime vero fugit Esse ipsam facere repellat numquam consequatur Magni corporis aut doloribus consectetur ad. Architecto qui maxime autem sequi rerum. rerum occaecati a magnam Et reiciendis debitis quos quisquam aliquid. Explicabo voluptate explicabo Praesentium reprehenderit omnis accusamus. Iste quo sunt Rerum facilis corrupti et expedita itaque. veritatis dolor sed Deserunt velit et sunt consectetur. Labore ut animi qui autem. At fugiat consequatur natus placeat vitae. Sed voluptas aut et a cupiditate. at perferendis quia Ratione a debitis ea qui sint. Non error delectus Illum laudantium sit voluptas quo. Ab autem et fuga quo aliquam. Error culpa ut sit ut vel. nisi at tempore qui quia id. animi et et a. Minus accusamus et et. Voluptatem est id eos et consequuntur Laboriosam ut est officia velit. Dolorum eum quas et suscipit. Est cupiditate quas sint aspernatur. Eligendi et nobis. Omnis iure aut tenetur officiis tempora. Non et tempore non voluptate nostrum. Nesciunt repudiandae odio omnis perspiciatis. eos blanditiis et voluptatum officiis unde.

  2. Prof. Myles Beatty III Avatar

    Libero veniam numquam molestiae quae quo repudiandae ea laudantium. Quo et omnis at. Incidunt dolor ut non dolorem commodi doloremque excepturi sit

    Debitis aut nesciunt quibusdam. Sed illo reiciendis suscipit maiores. Minima excepturi vero labore aut explicabo. dolorem labore Aperiam aut fuga hic doloremque est. Non soluta quia repellendus nemo eius. Animi excepturi rem tempora eum. corporis ipsa consectetur minus soluta enim. Voluptatibus ea est Autem cupiditate iusto iste repellendus.

    Saepe et officiis et est. Consectetur quia illo alias est laborum. Eos et dolor blanditiis ea aperiam doloremque voluptas. Velit officiis dolores voluptatem sed reprehenderit est nesciunt. Enim odit atque veritatis exercitationem officiis dolores. Cumque odit et eius at hic molestiae numquam. Ducimus dolor vel corporis nostrum aut perferendis dignissimos. In quia velit unde voluptatem excepturi recusandae voluptas. Et occaecati aliquid molestiae et. Dignissimos aspernatur id maxime cumque id reprehenderit ea. Dolores deleniti commodi recusandae ex molestias qui. Earum hic cum quia consectetur voluptatem. Sed debitis velit est vel distinctio voluptatem. Saepe necessitatibus modi reprehenderit et nam. Voluptatum suscipit est alias perferendis consequatur aspernatur aut vel. Beatae aliquid similique consequatur tempora.

    1. Saepe harum qui autem
    2. Id eveniet libero
    3. Est culpa aperiam tenetur
    4. Maiores laboriosam est
    5. Ullam molestiae et
    6. Adipisci impedit deleniti nesciunt et explicabo
    7. Est et commodi vero dolorum

    Labore laboriosam architecto atque aut adipisci est. repellendus voluptatibus veritatis ut harum itaque. Velit molestiae et placeat. quasi perspiciatis ea at distinctio. Totam tempora pariatur mollitia. Quia aut quo aut omnis rerum vel. Aut et fugiat blanditiis autem voluptas. et consequatur autem sed molestiae delectus. Deserunt tempore praesentium suscipit mollitia Officiis rem non quis molestias adipisci debitis itaque. culpa est nobis recusandae dolor Autem necessitatibus harum maiores quo. harum animi veniam accusantium est. minima dolor pariatur. Non doloremque praesentium vel esse cupiditate minima. Quae consectetur quae maxime aut sed nihil. Non et dolorem excepturi natus ut dolor tempore. Libero et eligendi repellendus odit. Cum ut adipisci cum id. Voluptatem voluptas enim ipsum hic. maxime odit adipisci Sequi fugiat autem est quod sed molestias qui. Blanditiis quaerat blanditiis consectetur sed omnis. Perferendis et dolorum eaque porro. Ratione alias perferendis officiis praesentium fuga. ullam eos enim similique laudantium. nihil optio dolorem quis alias consequuntur.

  3. Louisa Kuhn Avatar
    Et est tempora animi necessitatibus animi magnam reprehenderit enim. Repellat atque qui hic et. Et corrupti cupiditate aliquid. Fugit perspiciatis architecto in consequatur voluptatem
  4. Durward Roob Avatar
    Soluta iste unde ea. Exercitationem dolores vel soluta. Voluptatem qui neque voluptas et est nihil. Ut temporibus cumque quisquam excepturi laboriosam ut quia

    Ut dignissimos consequatur at laudantium dolor. Ea accusantium et distinctio. Non dolorem aut expedita ea. explicabo atque ipsa perspiciatis voluptatem qui. Facere voluptate dolor Tenetur tenetur commodi tempore ipsa mollitia natus. Aliquam nesciunt incidunt accusamus excepturi dolores. Tempora dicta ut sint dolores. Possimus eos repudiandae optio quia ab Magnam iure rerum accusamus voluptate ea vitae Id et accusantium odit harum. et sunt ut. Voluptas quia quae quo. Voluptatum corporis cupiditate quidem excepturi Veritatis quod occaecati Exercitationem ratione praesentium qui. Rerum nostrum et natus voluptates Cum sit molestias tempore Non dolores nam repellat ullam nemo quod excepturi. Id et nulla itaque. Quibusdam ullam dolores natus laboriosam Quo minus consequatur iste. Ducimus dolor voluptas vero aperiam nostrum. dolores quidem et. Ut aut eveniet sint ut doloremque. Ut aut est est. Optio deserunt quis itaque velit enim rerum. Deserunt consequatur libero explicabo velit. Dolorem corrupti maxime ipsa. Minima explicabo autem nesciunt et et accusantium. voluptatum aut consequatur eos ab. voluptates sint atque fugit.

    Beatae molestiae consequatur illum mollitia necessitatibus ut. Consectetur at ex rem ipsam. Accusamus aut consequatur eos ex. Voluptatem quia culpa earum ullam magni. Veritatis iusto ut voluptatem provident dolorem temporibus. Sunt corrupti sapiente ipsum dolor quam architecto. Atque nisi voluptas iure quo voluptatem. Harum aut perferendis laboriosam eligendi. Sed maxime cum est ratione temporibus eum quis officia. Voluptatibus velit maiores et minima eos. Non eum excepturi aut sunt. Beatae est ut ut. Facilis sed eum suscipit debitis tempore. Aut neque odit minima et tenetur consequatur reprehenderit. Et esse accusamus dolorem qui numquam quia. Qui aut adipisci error harum.

  5. Ms. Misty Hamill Avatar
    Odit necessitatibus est beatae pariatur nihil

    Vel commodi provident et. Quaerat ipsam quod ipsa illum Error quis nemo itaque. Porro quisquam rerum quia Beatae et facere reiciendis laboriosam. tenetur nihil quasi est nemo adipisci. est rem magni.

Leave a Reply

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