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
• Media
• Design
• Widgets
• Embeds
• Jutta

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.

Table

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

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.

Gallery

Block with images shown in a gallery with optional caption.

Two columns

Three columns

Audio

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

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.

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.

I’m interested

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.

I’m interested

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.

I’m interested

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.

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í.

Latest Posts

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

• 
  Stap uit de programmering
  door Jutta Koehler
  23 juni 2023
• 
  Hoe lever en hart in een flesje belanden
  door Jutta Koehler
  30 maart 2023
• 
  Van veganist tot carnivoor
  door Jutta Koehler
  16 februari 2023
• 
  Ontbijt tegen elke prijs?
  door Jutta Koehler
  15 maart 2022
• 
  Dat deed ik anders nooit…
  door Jutta Koehler
  7 december 2021

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.

YouTube

Jutta

Carousel

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

jutta-koehler-official-09

jutta-koehler-official-03

jutta-koehler-official-02

jutta-koehler-official-01

jutta-koehler-official-12

Tabs

Tabs with various content.