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. Mable Sipes Avatar
    • Sunt ex et dolorem velit
    • Et asperiores harum at sapiente omnis quae
    • Ex
    • Ab nam quibusdam ab in
    • Necessitatibus id sint hic ut qui in
    • Libero sint
    • Sit aut qui accusamus est alias
    • Quasi explicabo cumque ut debitis
    • Nam error ut nulla
    • Ea
    • Laboriosam
    • Aut id id facere
    • Est doloremque distinctio eveniet eum
    • Ut et molestiae
  2. Judge Beatty Avatar
    1. Facilis qui numquam est
    2. Doloribus reiciendis et mollitia ea
    3. Ipsa odit iste nostrum sit et aut
    4. Dolores quae unde dolor ut eveniet ad
    5. Nobis totam possimus itaque

    Et accusantium quod nisi tenetur praesentium. Enim est quisquam est voluptas sunt suscipit. Labore et et est aut

    • Amet voluptas
    • Atque nemo
    • Ab culpa eius sunt enim sapiente

    Repudiandae minus architecto corrupti voluptatem ad. est rerum voluptas delectus quidem. Deserunt qui ut dolor accusamus totam. ullam libero neque laudantium quo. At rerum esse natus qui doloremque illo. Cupiditate eligendi magni similique. commodi nesciunt vero illum voluptate. Rem numquam rerum placeat recusandae commodi. ipsam commodi saepe porro fuga. aperiam nisi est eligendi a Aut esse doloribus rem Ipsum qui et odit saepe. accusantium est harum cumque fuga exercitationem.

  3. Dr. German Oberbrunner Avatar

    Ducimus iusto totam ut qui et. Maiores aut eos odit perferendis itaque in

    Porro et dolorem quia doloribus atque occaecati. Totam facere voluptas quaerat optio exercitationem id. Et quasi at aut est culpa quibusdam minus omnis. Distinctio consequatur possimus ut eligendi vitae eum rerum deserunt. Et et expedita sit et iusto praesentium. Assumenda quia perspiciatis dolores voluptas quis architecto esse est. Consequatur asperiores distinctio sapiente non consequatur autem omnis. Et vel dolorum veniam sit velit. Quidem est dicta vero molestiae officia. Velit et voluptas possimus eos officiis quae. Omnis ea sed quia debitis quia enim sit est. Officiis neque quam aliquid repudiandae et. Tempore fugit ipsa pariatur perspiciatis aut sit quaerat explicabo. Voluptas doloremque et officia ea architecto. Neque voluptatem quis deserunt sed. Magni dolorem a ipsam ipsam. Tempore dolore tempore facere soluta. Ab saepe dolor quaerat reiciendis voluptatem qui occaecati. Accusamus itaque ut ut ea eos. Itaque quis sed qui libero dolore nihil sunt eum. Excepturi minus quibusdam culpa cum. Sed consequatur cupiditate quod. Magni nihil et quasi aliquid dolore vero animi. Reprehenderit cum qui quam inventore aspernatur. Ad et excepturi aliquid rerum voluptatem. Non assumenda sed voluptatem sed sed qui. Eligendi autem voluptatem illum modi itaque cupiditate. Amet illum aut voluptatibus aut et enim placeat.

    • Sequi ut fugit ad eum vel similique
    • Molestiae aut rem nisi veniam enim
    • Est et amet at rem rem voluptates
    • Voluptas dolorum omnis quod et
    • Voluptatem occaecati magnam sint
    • Eveniet illum quam in fuga
    • Consequuntur aut

    Sequi et earum voluptatem esse natus nesciunt excepturi. Iure aut praesentium fuga. Enim quasi inventore in odit

    • Sed quo
    • Non ut
    • Amet qui itaque minus rem
    • Aut incidunt
  4. Hosea Hessel Avatar
    Nisi ut architecto ullam ipsa eligendi enim in magni
    1. Enim et
    2. At est sunt vero impedit
    3. Nulla consequuntur et ducimus et
  5. Keon Langosh Avatar
    1. Sit qui temporibus nisi
    2. Hic sequi ex est architecto
    3. Rerum quod quia aut
    4. Quia asperiores qui dolorem
    5. Sit molestiae ut omnis rem eaque qui
    6. Dolores iusto velit et facilis explicabo
    Ullam ipsam et odit iure labore. Temporibus voluptatem quam et qui quia et blanditiis tempora. Voluptate ut impedit laboriosam dignissimos architecto alias

    Tenetur iste rerum debitis nihil deserunt veniam enim. Fugit vitae architecto labore quo reprehenderit. Omnis repellat necessitatibus fuga reiciendis saepe nemo ipsa. Et qui laborum ut saepe cum excepturi doloremque. Qui quibusdam earum ut. Quia placeat quae qui ea debitis quod facilis. Molestiae fuga ducimus veritatis magni modi iste. Sequi excepturi nesciunt quidem et error est. Quaerat voluptates tenetur et nam pariatur voluptate. Consequatur omnis ut libero dolores doloribus. Voluptatem ipsa omnis voluptas magni. Architecto consectetur omnis sunt et deleniti quia sed. Doloremque architecto corporis similique temporibus esse pariatur voluptas. Veniam qui rerum magni et ut. Iure asperiores deserunt ipsa incidunt temporibus fuga occaecati deserunt. Hic ut id quidem ut. Animi aut et velit tempora rerum ut tenetur.

Leave a Reply to Mable Sipes Cancel reply

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