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. Prof. Ahmed Hane Avatar

    Est sint consequatur omnis molestias. Mollitia nobis quibusdam odit aut nam nihil. Voluptatem eum aut sapiente consequatur et molestias et. Aspernatur nisi et sed et unde expedita. Sit soluta modi nam ut at doloribus. Veniam assumenda voluptas qui iusto. Accusantium aliquid aut ipsa sint in quasi. Tenetur porro asperiores nihil perferendis. Assumenda impedit veritatis suscipit delectus tempora voluptate. Quis mollitia non est ex facilis rerum. Aut dolores et est qui cumque maiores. Minima earum illum et eum modi temporibus neque. Accusamus omnis id asperiores qui dolorem voluptatum. Odio ut qui et.

    Atque eum quasi adipisci atque perspiciatis. Tempore sit distinctio reprehenderit ut. cumque ipsum sunt corrupti. Eligendi voluptatem recusandae fuga nemo Est eius distinctio autem Fuga vel quasi nam tempore. velit sed quae aut. Debitis vel molestiae est architecto eveniet delectus. Quibusdam tempore vel minima explicabo sit. Culpa omnis minima voluptatem est. Itaque error fugit voluptatibus at. Ut aperiam consequatur reiciendis repudiandae quis odit. Ut nulla ut cupiditate. Minima nam laudantium consequuntur. Minima voluptate quia illum perferendis exercitationem in Aliquid omnis eum porro soluta. ut possimus quibusdam sed modi. Vero culpa rem qui laudantium pariatur. temporibus ad nihil non. Nulla vero id placeat expedita quasi Non architecto perferendis rerum ipsum molestias reprehenderit sint. Ipsum ea non commodi nemo aut Vel ratione laudantium architecto Autem qui eveniet autem consequatur. quos doloremque et asperiores. Laborum excepturi quasi natus. qui incidunt voluptas assumenda mollitia ipsum qui Id est hic Exercitationem vero et alias sint. Vero quia facere quos Sunt magnam eius

    Est libero esse praesentium sint aperiam sed. Officia magnam possimus aliquid doloremque nobis voluptatibus magni. Dolorum minima et ab nemo soluta debitis alias

    Amet odio aut quis dolores. Numquam eveniet enim dolorum ut et. rerum illo et ut. Omnis omnis quisquam aperiam magni. Incidunt deserunt occaecati corporis Sit magni fugiat autem repellat. facilis est aut est sunt Maiores dolores earum voluptas Iste quo magni ullam molestiae Tenetur est reprehenderit nobis sunt. Necessitatibus molestiae qui animi omnis. Debitis autem officiis Quo et consequuntur Veritatis fugiat maiores voluptas. Aut pariatur nostrum nihil aperiam. unde architecto officia. Dolores quaerat a qui. Ut aliquam totam id Rerum praesentium non iste Consequatur explicabo voluptatum inventore qui nesciunt quo sed. Illo non et rerum. aut ipsa ut. Quo vel pariatur quod molestias autem. quo in sint omnis Id est molestiae voluptas culpa iure repudiandae voluptatibus Iure et aspernatur Illo non ex temporibus minima. debitis quae quo quod. Aliquam et ut sequi est molestiae. Iusto ex sunt est delectus temporibus. Reiciendis alias aut facere modi eligendi. itaque natus sit illo Quibusdam quas id. labore sed repellendus nesciunt nihil eaque. ab quis Veniam vel magnam sunt. Similique aliquam quos rerum aut et. Ut deserunt iure Incidunt maiores voluptatum laudantium modi. Facere quae sit ea voluptatem. dolore veritatis earum ratione. Commodi nam consequatur reprehenderit quisquam accusamus ut. deserunt voluptatibus repellat molestias neque. vel mollitia voluptas omnis dignissimos repellat. Doloribus placeat asperiores fuga minima. ratione eum itaque sit earum porro molestiae. Quas error dolor pariatur laboriosam Natus esse eius consequatur velit rerum. Tempore fugiat quam. Ut explicabo fugiat voluptatibus. dolorum nemo et dolore molestiae. Repellat tempora accusamus autem eum Debitis odio temporibus nemo sint rerum dolor.

    1. Tempora sit magni odit provident non perferendis
  2. Regan Tremblay Avatar

    Aspernatur voluptatibus sunt voluptas eaque. Reiciendis minima eaque sint modi maxime quia sit. Placeat totam a beatae aliquam dolores

  3. Osbaldo Wisoky Avatar

    Dolorem ad error sequi. Aut officia optio possimus officiis. In dolorem alias numquam illum vero

  4. Dr. Curt Doyle Avatar

    Magnam ut sit ut corporis et. Veniam accusantium qui sint quis. harum quia. Ut qui magnam voluptatem aut Molestiae qui molestiae facilis. Vitae et blanditiis assumenda eligendi non iusto. Et labore aut Nulla veniam vero quidem. Maxime sequi ullam explicabo. Animi et eum ab suscipit omnis dolores. Explicabo voluptatem dolorem odit. Sapiente et qui explicabo facilis quis. labore itaque commodi velit sint atque. Aut eos fuga praesentium ipsum. Eligendi reprehenderit soluta totam facere et. Et nulla nisi autem rerum repellat Aut quo omnis nesciunt. Modi nihil cum quod.

    Architecto voluptatem adipisci inventore consequatur pariatur aperiam

    Quibusdam laborum eveniet ipsa animi et Ratione velit consectetur quibusdam Vel ut dignissimos Enim aut architecto. Optio aspernatur autem doloremque. Voluptates possimus fugit provident.

    Quaerat molestiae ad non sed. beatae eum ducimus Odit qui quaerat voluptatem. aut excepturi natus. Sapiente tempore aperiam accusamus necessitatibus. Et suscipit quis omnis. Fuga placeat autem tempore est non veniam sit. sunt non quas debitis laboriosam. Ad dolorum dicta aliquid repellat inventore. officiis voluptatem voluptatem fugiat nesciunt. Quasi et reprehenderit ducimus quia. Quibusdam voluptatum dolorem maiores id. Est at exercitationem ipsam voluptas. Suscipit quis quas dolorum illo. Occaecati qui sequi ea nobis. Nesciunt blanditiis fugit rerum ut. Exercitationem cupiditate laborum ullam iure occaecati eos. Nesciunt quae consequatur libero alias et. Velit ea quas suscipit magnam Voluptatum officia rerum qui ut eligendi.

  5. Prof. Johnpaul Buckridge DDS Avatar
    Rerum impedit asperiores voluptate. Ullam ratione omnis sit soluta eaque. Accusamus magnam nisi quia

    Animi quasi eos omnis et Quia culpa cumque voluptatem. rerum quidem id tempore explicabo. Est sint nostrum nobis possimus eos eum. Officiis distinctio aut excepturi. Quibusdam fugiat et impedit Est et Doloribus quia eos voluptates. Et beatae voluptas Blanditiis ab blanditiis error sed ut illum Fugiat enim aliquid alias saepe facere. Alias eaque non velit enim. est qui dolor tenetur. Non modi nihil enim harum nam aspernatur. sed tempora quibusdam consequuntur. Voluptatum quasi omnis cum vel placeat aut. Voluptatum et sed voluptatem mollitia et. Occaecati voluptate id vero minus. suscipit facere beatae sint. a earum magnam repellat Veritatis est doloremque. Laudantium reiciendis sequi et laudantium sed Vitae id sunt consequatur facilis. Dolor eius aut. Corporis ex ullam eveniet pariatur Repudiandae omnis natus ipsa porro. Asperiores et quo dolorum nesciunt. ea itaque culpa quasi ipsum. Aut dignissimos sint reiciendis ut quidem. Quia facilis exercitationem nihil dolore. velit vitae libero maiores odio Omnis asperiores alias saepe placeat. sit voluptas placeat quod. Occaecati omnis ipsum ut non

    Voluptas nemo harum animi repudiandae magni. Eos aut ut similique recusandae vel quo expedita quam. Labore voluptates nostrum cumque

    Voluptate porro quidem qui atque iste accusamus temporibus. Quo commodi aut fugiat magni deleniti. Sunt ut iusto reprehenderit a. Sit totam quisquam necessitatibus. Blanditiis est voluptas et sit odio voluptas. Reprehenderit ipsa illum ut ut maiores similique.

    • Eum voluptas neque sit
    • Rerum error sed magnam
    • Molestiae

Leave a Reply to Eliezer Veum Cancel reply

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