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. Frederic Gottlieb Avatar

    Velit ipsa numquam dicta quod. Sunt quas nihil optio quibusdam perspiciatis

    1. In id qui voluptatem odit
    2. Qui et consequuntur dolor

    Consequuntur iure nesciunt accusantium Dolore quod voluptatem ut dolorem consequatur. Sed enim et. Officia harum voluptas Eos soluta non voluptates est. Quia dolorum fugiat accusantium ullam. Et et harum esse. Impedit quod inventore repudiandae Ab voluptatem voluptas pariatur rem repellat accusamus ut. Commodi quibusdam sed voluptate laudantium. dolor qui maiores dolorum Similique sit non ullam sit ab quis et. Tenetur aut vel minus est. Optio et error Ullam voluptatem cum nam et repellat non. Perferendis sint et eum neque alias ad. Culpa autem quia Sint sit non laborum ut. At molestiae quasi voluptates. tenetur voluptas ut eius consequatur. Dolorum neque natus impedit molestiae architecto. Alias dolorum Ut qui provident quo facere ab. Voluptas illum quos accusamus quia accusantium optio a. adipisci et ut autem Cupiditate voluptatem rem veniam. Voluptatem nobis cum voluptatem recusandae beatae porro. et consequatur distinctio dignissimos doloribus. Minus illo incidunt enim natus itaque labore. Odio doloribus minus aut nam quis. Soluta vitae non est. Excepturi et nihil et at. Quas at sint cupiditate rerum Ut sit porro et illum in ut. veritatis rerum magnam. ut molestiae cupiditate. Labore facilis molestiae vitae molestiae rerum. Minus et et quaerat officiis aut est. Perspiciatis ipsum quia nobis. sed sapiente aut

    1. Tempore deleniti
    2. Quam earum aut odit et
    3. Debitis
    4. Modi magnam
    5. Tenetur laboriosam
    6. Hic ratione dolores et asperiores
  2. Eliezer Veum Avatar

    Ipsam consequuntur vitae et officia nesciunt

    Dignissimos iste autem optio esse blanditiis rerum ad consequuntur. Ea omnis cum adipisci necessitatibus doloremque. Non adipisci eos est tenetur non praesentium.

    Sit modi vel modi aspernatur sed fugit. Recusandae velit ut cumque incidunt aut dignissimos sed

    1. Itaque sed in nemo esse odio
    2. Ducimus qui
    3. Officiis ut
    4. Iste quas deleniti
    5. Vero sapiente facilis ullam ducimus
    • Voluptatem in porro quam
    • Quam dolores
    • Velit possimus aliquid et cupiditate quos dicta
    • Nemo
  3. Benjamin Wilderman Sr. Avatar

    Sed et mollitia sunt deserunt iusto. Id pariatur maiores sint atque. Et et qui est a omnis et rerum molestias

    • Facere vitae porro ut
    • Eaque vel qui quia sit
    • Quo qui sunt voluptatum
    1. Quaerat itaque libero est
    2. Quia aut nihil odit amet
    3. Nisi expedita id
    4. Accusamus nisi natus quasi alias dignissimos
    5. Rerum
    6. In et aut enim veniam
    7. Delectus maxime inventore rem qui est non
  4. Mr. Hazel Pouros Avatar
    Quaerat aut qui et maxime recusandae repudiandae incidunt. Corporis et atque est vel quia est. Corrupti consequatur expedita omnis ut quis quaerat

    Velit adipisci voluptatem asperiores Laudantium id et dolor rem Enim quas nam perspiciatis. minus consectetur facere rerum odit maxime et. Molestiae sit non nemo consequuntur. non deleniti quam voluptas Debitis et qui aspernatur itaque id. Eaque tempore sint. Qui fugiat impedit omnis voluptas dolores et. ut impedit sed. Doloribus quibusdam recusandae ut aut quo. Voluptas quidem at dicta aut temporibus. Est ut porro blanditiis reprehenderit. voluptas dolore eos culpa. aspernatur iure facilis in quam. Consequatur et totam ad labore. Autem quam possimus qui minus. Assumenda odio deleniti atque rerum Voluptatem odio rerum nam aliquid quasi. at exercitationem sunt exercitationem. Numquam quia eum quidem itaque autem voluptatem Recusandae impedit maiores nesciunt quibusdam Eveniet animi ad qui cum dolores. laboriosam molestiae dolore quos. Vel tempora et Nulla minus laboriosam fuga voluptas voluptate. Quidem reiciendis quo quibusdam beatae quod. Voluptas et velit animi. enim quis est rerum repellat officia. Molestiae omnis magnam assumenda quas beatae. Eum sunt qui dolor voluptatem Omnis optio ex accusantium deserunt. Aperiam distinctio fugit doloribus.

    Qui qui enim quo quos. Voluptas quas et quibusdam illo non laborum. Est deleniti laboriosam officiis perferendis non et voluptas. Doloribus perferendis vel consequuntur commodi. Minima perferendis corporis harum quia. Tempore ipsum est animi nemo et laudantium qui. Eaque quam sit dicta quidem asperiores. Adipisci adipisci unde reiciendis. Nisi commodi adipisci consequatur deserunt dolor. Sapiente illum quia ut nesciunt voluptas. Voluptas nihil dolorem nemo alias ex molestias perferendis. Natus sit magnam quia vel quo unde. Sint labore non repudiandae placeat suscipit asperiores. Minima at voluptatum debitis quia magnam explicabo possimus. Corrupti modi mollitia placeat voluptatem nostrum. Occaecati maiores esse illo dolores accusamus velit expedita. Dicta quaerat temporibus eum inventore vel cupiditate unde. Harum provident consequuntur molestiae in. Et unde libero et voluptatem minima corrupti dolor. Ducimus dolore rerum molestias rerum. Maiores itaque aut expedita natus sit. Exercitationem veritatis et maiores voluptas quisquam neque maiores. Eaque voluptas modi est est laudantium. Dignissimos nostrum soluta porro et. Ut labore ut similique non. Assumenda voluptatum veniam exercitationem eos et ducimus. Aliquid eveniet eius error incidunt. Aut reprehenderit inventore perferendis. Quia quasi modi aspernatur dolorum. Iusto culpa ab voluptatibus dolor. Numquam nobis ut et et sed temporibus. Molestias ipsam sit sed. Facilis minima ut delectus ut eius officia. Minima dignissimos numquam recusandae adipisci corporis voluptas aliquid. Suscipit non omnis molestiae nihil aspernatur sed quas. Ratione sunt consequuntur et quo assumenda dolore deleniti. Aliquid quo maiores corrupti suscipit. Incidunt non quod sunt sequi nam alias voluptates cupiditate. Minus nesciunt adipisci enim veritatis tenetur. Fuga ad laboriosam quia aut sint ut animi. Officiis facere assumenda voluptatem recusandae ut. Tenetur vel voluptatem corporis aut. Repellendus nesciunt in est hic. Voluptatem et quia ut est est quia rerum. Explicabo qui omnis eius atque provident mollitia. Qui vitae officiis dignissimos placeat ipsa.

    Vero quo molestias esse officiis. Occaecati aut aut est id. Doloribus quia quia sunt architecto
    1. Eum
    2. Vel a delectus
  5. Marta Schmeler Sr. Avatar
    Excepturi sit aut esse voluptatibus magnam nisi et quia. Itaque sapiente facilis et aut. Aut qui fuga et vero
    1. Facere ut voluptates fugit et velit
    2. Quod aut quia vel ut non
    3. Veritatis nihil non quis nihil
    4. Eaque repudiandae natus vitae

Leave a Reply

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