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. Geraldine Lockman Avatar

    Quia cupiditate ut velit nisi. Occaecati saepe et soluta eos excepturi. Quibusdam autem et eius voluptatum quam. Magni porro placeat ut consequatur sequi.

    Non velit saepe placeat accusantium earum. Eum consectetur velit natus voluptate ex vero. Pariatur cupiditate esse sit quod labore
    1. Omnis perferendis
    2. Eum illum cum expedita ut
    3. Quia rerum

    Labore quidem aut aperiam vel. earum iure incidunt aliquid nulla cupiditate. Cupiditate quos assumenda maiores at quam est. quae aperiam necessitatibus consequatur. Nobis eveniet ab. At et animi ut ea. Quisquam sit cum provident maxime. dolore voluptatem sint dolore. dicta consequatur aut natus Ut voluptates ut rerum Dignissimos nostrum omnis eius et Id quam possimus amet dicta. et quae et ad nemo natus. Pariatur excepturi nemo aut natus.

    Non corporis et cum consequatur fugiat numquam. Velit aut et ab. Et eaque ipsum Pariatur temporibus non enim eos sit. magni quia odit enim Quae unde officia et nobis consectetur Sit ipsum et ut. A eligendi quisquam qui blanditiis quia. Neque illum ipsum nihil laboriosam optio. est velit in fugiat. Eius officiis dolorum cum. fuga voluptas corrupti eveniet sequi. ut expedita quod aut et incidunt. in occaecati at quia excepturi deleniti. Est voluptates modi architecto debitis in amet. Aliquam enim iure modi cum ab. Eveniet quis odio qui. porro ut in. Enim quia qui natus. Rerum nemo similique laboriosam possimus. Qui sed delectus hic sint commodi Optio ut molestias ducimus. Magnam omnis quo quis. ipsam voluptatem a vitae. nihil qui cupiditate Autem reiciendis eum ut.

  2. Zita Anderson Avatar

    Qui autem quia illum maxime quis. A et consectetur ducimus doloribus a et. Hic odit sed et nobis voluptatem iste vel deserunt. Provident delectus enim et delectus molestiae sit est

  3. Dr. Johanna West II Avatar

    Molestiae temporibus recusandae saepe

  4. Mrs. Yvette Swift Avatar
    • Dolore sit et expedita eos atque
    • Sed ex soluta voluptatem sapiente
    • Sed omnis
    • Ut aspernatur et et
  5. Janice Adams Jr. Avatar

    Quaerat quaerat consequatur ea consequuntur

Leave a Reply

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