You will find a list of all available Gutenberg editor blocks and its options on this page. Blocks can be copied to otjer pages after selecting them and copying with CTRL + C and CTRL + V.

Text

Text blocks for basic and also more advanced work with text. Paragraphs, headlines, lists, quotes, tables, etc.

Paragraph

Paragraph is used for entering text including formatting.

Standard paragraph aligned to the left. Nunc condimentum elit vel rutrum hendrerit. Sed lacinia cursus cursus. Quisque blandit risus quam, eu ornare tortor consequat ac. Sed imperdiet iaculis arcu et ornare. Quisque commodo, enim facilisis luctus lacinia, tortor ex imperdiet elit, non aliquet odio enim non nulla. Mauris maximus tempus diam, eu mattis dolor vehicula in. Sed at feugiat velit. Nulla facilisi. Aenean imperdiet ornare consequat. Fusce eleifend at quam et consectetur. Donec id ex id eros iaculis congue. Aenean placerat in odio eget maximus. Donec condimentum quam ac erat finibus placerat. Proin nec pharetra libero, at auctor ipsum.

Paragraph aligned to the right. Sed sit amet lorem quis dolor ullamcorper lacinia. Fusce ut sagittis velit. Nulla fermentum orci non ante porttitor, vitae posuere justo pharetra. Quisque sollicitudin rutrum diam in dictum. Mauris nisl sem, facilisis ac semper non, fermentum sit amet diam. Vivamus eu laoreet eros.

Paragraph aligned to the center. Phasellus est augue, tempor ac leo auctor, suscipit suscipit sem. Vivamus lobortis, erat dignissim varius venenatis, metus tellus volutpat est, nec dictum dolor est vel ex. Nullam et massa in enim hendrerit faucibus tempus et urna. Integer tempus purus id vulputate consequat. Sed porttitor lectus massa.

Headline

Headline of the part of the page. Headline H2 should be the first one on a static page, others should follow it hierarchically. All headlines from H1 to H6 works.

Headline H1

Headline H2

Headline H3

Headline H4

Headline H5
Headline H6

List

Block with ordered and unordered (not numbered) list.

  • Pellentesque quis mi eu risus ultrices laoreet.
    • Nulla magna nunc, semper quis dui in, vehicula malesuada massa.
    • Nam eget lacus vel lacus pulvinar consequat.
  • Maecenas et vestibulum eros, id laoreet nunc. Aenean maximus lacus lorem, in sollicitudin nulla dapibus nec.
  • Fusce convallis, ligula ac sollicitudin mollis, erat enim tempus nibh, a consequat ipsum nisi vel dui.
  1. Vivamus eu velit augue. Maecenas rhoncus magna vel lectus fermentum, ut tincidunt mi gravida.
  2. Proin lacinia, sem malesuada ultricies pretium, ligula mi porta justo, at fringilla diam lectus et augue.
  3. Proin libero ante, volutpat at nulla in, euismod dignissim lorem.
  4. Phasellus varius, ex sed viverra dignissim, ipsum mi maximus lectus, at posuere augue odio id risus.
  5. Nullam ullamcorper blandit nunc vel tristique.
  6. Phasellus porta lacus a egestas ultricies.
  7. Donec eget fringilla magna, vel efficitur nunc.
  8. Nulla vitae sodales ligula. Vivamus nisi augue, suscipit a ullamcorper ac, ultrices vel mi.

Quote

Citace umožňující vložit naformátovanou citaci a uvést autora.

Nam efficitur, felis nec aliquam scelerisque, sem eros tristique purus, at lacinia sapien tellus eu orci. Etiam pulvinar consequat augue ut tincidunt. Integer pellentesque, eros nec pretium rhoncus, justo augue finibus risus, non pharetra lacus nibh vel purus. Proin eleifend sapien neque, sed pretium ipsum lacinia a. Aenean id faucibus ex. Proin accumsan euismod ipsum, in fermentum elit tempus vitae. Nullam ullamcorper laoreet tortor tempor posuere. Donec turpis lacus, imperdiet et ante ac, aliquet vehicula lorem. Nunc eget augue sem.

Quote Author, author position

Code

Various short code.

function language_selector(){
	$languages = icl_get_languages('skip_missing=0&orderby=custom');
	if(!empty($languages)) {
		echo '<ul class="languages">';
		foreach($languages as $language) {
			if($language['active']) { $status = 'active'; } else { $status = ''; };
			if($status == 'active') {
				echo 
				'<li class="'. $language['language_code'].' '.$status.'"><a href="#" class="cf"><img src="'.$language['country_flag_url'].'" alt="'.$language['native_name'].'">' . '<span>' . $language['language_code'] . '</span></a>';
			} else {	
				echo '<ul class="sub-menu"><span><li class="'.$language['language_code'].$status. '"><a href="'. $language['url'].'" class="cf"><img src="'.$language['country_flag_url'].'" alt="'.$language['native_name'].'">'.'<span>'.$language['language_code'].'</span>'.'</a></li></span></ul>';
				'</li>';
			};
		};
		echo '</ul>';
	};
};

Classic

Previous WordPress TinyMCE wysiwyg editor.

Content written in an old WordPress editor!

Preformatted

Preformatted text respects spaces, tabs and allows styling.

Phasellus facilisis tempus nibh ac pretium. Phasellus scelerisque eget metus quis maximus. Duis tempor rutrum vehicula. Mauris lacinia nisi ut dui mollis, vitae bibendum tellus ornare. Nullam eu odio sed nibh condimentum ultricies. Praesent ullamcorper eu felis vel tincidunt. Nam et finibus augue. Duis erat neque, tristique ac sodales quis, tincidunt id orci. Interdum et malesuada fames ac ante ipsum primis in faucibus. Etiam nulla ex, tempor a pretium eget, efficitur sit amet ex. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque facilisis augue ipsum, sed molestie mi fringilla quis.

Pullquote

Highlighting your own quote.

Vivamus tristique velit in fermentum laoreet. Vestibulum vel leo sapien. Fusce sit amet metus nec enim tempor aliquet. Integer eu urna quis quam eleifend hendrerit. Proin mollis ullamcorper felis, vitae luctus lectus congue consectetur.

Donec aliquet ex ut tempor aliquet

Table

Table with optional header. Allows to set various number of columns and rows.

Headline of a column 1Second headlineThird headline
Nunc vel magna interdumPellentesque maximusIn stock
imperdiet arcu acCras eu pulvinar tortorNot in stock
Cras accumsan placeratVivamus semper convallisIn stock
Nullam faucibus tempusEtiam id consecteturIn stock
Sed tempus tellus ipsumProin sit amet feugiatIn stock
Cras commodo posuerePellentesque elementumNot in stock

Verse

Poem or sonf with verses.

Ut justo ligula, auctor eu mauris in, vehicula hendrerit nisl.
Suspendisse sed ornare est. Donec a ex sagittis, mollis enim sed, feugiat libero.
Nullam ornare ante ac nisi eleifend, vitae vulputate nisl iaculis.
Suspendisse potenti. Morbi et eleifend magna.
Integer lorem quam, congue finibus ornare in, ullamcorper ut purus.

Pellentesque id euismod dui. Cras in diam viverra quam commodo luctus vel quis metus.
Sed interdum ac sem at ornare.
Sed et mauris in justo elementum pharetra.
Nam pulvinar, mauris eget pharetra luctus, nulla purus lacinia tortor, sed elementum velit quam vitae turpis.
Nam fermentum ut nunc at mattis.

Media

Media files such as images, galleries, sounds, video etc.

Image

Image in the content shown either on a full page width or on part of the page with alignment. Optional caption below the photo.

Image sample with a caption below the photo.

Block with images shown in a gallery with optional caption.

Two columns

Three columns

Audio

Audio (MP3, OGG, …) uploaded directly to the website.

Files can have caption too.

Cover

Cover is an image with full page width with overlaying text.

Overlaying text

File

Simple file to download with description and button.

Media & Text

Block allowing to easily combine media (image, video) and text with changing left and right side.

Text caption in a column next to an image.

Text caption in Media & Text block on the left side.

Video

Video (MP4) uploaded directly to the site.

Design

Elements for a content structure. They allow using buttons, columns, groups of blocks etc.

Buttons

Block allowing to insert one or more buttons.

Columns

Columns allow to split any content block to two to four columns in various layout.

First column

Nulla enim elit, hendrerit id lorem eu, commodo eleifend mauris. Nunc pharetra magna efficitur erat ultricies fringilla. Quisque id lorem ultricies, hendrerit lorem quis, lobortis magna. Phasellus eget nibh a diam aliquam tincidunt quis at velit. Nulla convallis semper ligula, nec suscipit tortor euismod a.

Sed sem est, gravida aliquet euismod nec, consequat vel dolor.

Nunc sit amet euismod diam, non blandit metus. In vel blandit ante. Donec viverra nibh non pellentesque ullamcorper. Sed in turpis id mi mattis ultricies non a mauris. Phasellus convallis, nisl at convallis porta, enim urna aliquet sapien, in maximus tellus mauris eu lacus. Fusce nisl erat, posuere vitae viverra et, cursus sit amet nibh. Curabitur convallis dolor quis eros tempus, sed congue magna vulputate. Cras luctus semper diam a aliquam.

Custom Headline

Vivamus ultricies est eu elit maximus tempor. Quisque eu pellentesque purus. Aliquam hendrerit hendrerit imperdiet. In tempor ornare tellus, quis blandit augue vehicula a. Aenean tristique malesuada nulla id condimentum. Mauris interdum consequat diam.

Custom Headline

Vivamus ultricies est eu elit maximus tempor. Quisque eu pellentesque purus. Aliquam hendrerit hendrerit imperdiet. In tempor ornare tellus, quis blandit augue vehicula a. Aenean tristique malesuada nulla id condimentum. Mauris interdum consequat diam.

Custom Headline

Vivamus ultricies est eu elit maximus tempor. Quisque eu pellentesque purus. Aliquam hendrerit hendrerit imperdiet. In tempor ornare tellus, quis blandit augue vehicula a. Aenean tristique malesuada nulla id condimentum. Mauris interdum consequat diam.

Group

Groups allow to group various blocks into one group with a different CSS class, own background etc.

Headline in the group

Pellentesque vel placerat diam, id auctor lectus. Quisque molestie leo a dapibus dapibus. Donec ultrices molestie justo. Quisque risus dui, fermentum ac volutpat suscipit, varius non nunc. Sed sit amet sapien vel orci efficitur finibus non ut lorem. Sed lacinia consequat cursus. Cras vel scelerisque dui. Integer tellus tellus, tincidunt a varius quis, dictum id lacus. Quisque sed efficitur mi, et maximus justo. Maecenas at semper tellus, eu varius dolor. Aliquam ut metus eu neque tincidunt tempus.

„Call to action“ group.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce vel ante sem. Morbi fringilla, neque vitae finibus finibus, ex est tempus tortor, et cursus augue quam in tortor. Duis eu odio placerat

Are you interested in my work?

Great! I can help you in one of my on-line courses or you can stop by in my office and we will find the best solution for you. Don’t forget to buy my products in the mean time.

Separator

Separating content with horizontal line.


Spacer

Space between any content with adjustable height.

Another blocks in this sections are “More” and “Page Break”. More allows to define how much content will be shoewn in posts listing. Page Break allows to break one page into more parts.

Widgets

Widgets allows to insert various content as a widget. For example short code, newest posts etc. There are two widgets as a sample.

Shortcode

Zkrácený kód s vloženým souborem ke stažení.

"*" geeft vereiste velden aan

Ik heb de algemene voorwaarden en het privacy beleid gelezen.*

Latest Posts

Widget with listing of the latest posts on the blog including advanced settings.

Embeds

Blocks from “Embeds” section allows to insert content from various services such as YouTube, Twitter etc.

Forms

Block allowing to insert form to the page.

Sample Form

"*" geeft vereiste velden aan

DD dot MM dot JJJJ
DD dot MM dot JJJJ
Your Type*
Your Type*

YouTube

Twitter

Vimeo

Jutta

Blog with images carousel, possible to change with an arrow navigation.

Tabs

Tabs with various content.

Wil je je eerste, effectieve stappen zetten in de Chinese voedingsleer, maar mis je een stukje begeleiding? Dan is het boek ‘Ontbijt je fit – Starten met de vijf elementen voeding’ de juiste keuze.

Inhoud van het boek

  • achtergronden van de TCM en vijf elementen voeding
  • informatie over waarom sommige ‘warme’ voedingsmiddelen
  • werking van de ingrediënten op het lichaam
  • 50 energie gevende en heilzame recepten
  • zonder (tarwe)gluten, dierlijke melkproducten*

Morbi molestie at leo non pellentesque. Sed ac nulla in massa auctor faucibus. Quisque ultricies semper tincidunt. Maecenas mattis metus ante, quis vehicula risus interdum sed. Cras in nulla sagittis felis fringilla dictum. Maecenas tempor justo sed mauris tristique, id fringilla nisi porta. Nullam vestibulum commodo lorem. Nulla non placerat odio, a ultrices orci. Etiam consectetur risus magna, in tempor tortor accumsan vitae.

Integer sollicitudin tortor non lectus egestas vestibulum. Aliquam congue sem eget facilisis mattis. Quisque id dolor nisi. Nullam luctus volutpat dolor quis hendrerit. Mauris tincidunt, leo in placerat ornare, mauris magna tincidunt nibh, vitae varius odio tortor luctus nibh. Ut mattis efficitur egestas. Proin convallis a dui sit amet mattis. Suspendisse vel magna in augue elementum blandit. In scelerisque lacinia ultricies.

Praesent magna tellus, consequat nec risus eget, sagittis dictum nulla. Nulla felis dolor, viverra a dolor nec, viverra viverra dui. Pellentesque quis metus nec magna fringilla imperdiet. Proin eleifend semper odio a malesuada. Nulla ut nulla pellentesque, venenatis massa a, maximus mauris. Suspendisse in sodales nisl. Ut facilisis maximus justo pharetra pretium. Suspendisse ac tellus gravida, vulputate orci ut, semper orci. Proin efficitur, dui at tincidunt porttitor, mauris libero sodales metus, nec porttitor nulla magna a mauris.

Aliquam eget feugiat ligula, id sollicitudin dolor. Pellentesque nisl tortor, tempus id odio sed, imperdiet vehicula neque. In dui leo, tempor vitae ipsum ac, hendrerit consectetur erat. In et ornare risus, nec vestibulum metus. Nunc fringilla ex eget eros hendrerit, id pretium est laoreet. Suspendisse arcu diam, blandit et tortor a, consectetur tincidunt ante. Curabitur eu tempor erat, a fringilla lacus. Sed a mauris eros. Nam aliquet egestas ante in sodales. Integer iaculis dapibus tortor. Phasellus aliquam, nibh sit amet facilisis gravida, urna dui convallis arcu, quis elementum sapien nibh et odio. Nam aliquam dolor ac interdum suscipit. Curabitur eleifend nisl eget molestie commodo.