Using Blocks

Blocks are little pieces of content like a text paragraph, a header, a gallery, a slideshow or many others. The block editor provides an intuitive editing experience and enables editors to freely compose a post from several blocks. Depending on the template in use, there can be one ore more block editors for different sections of the page. Block editors also support embedded content of certain services.

Blocks

You can use the Enter and the Tab keys to navigate in the block editor and add new blocks. Note that every block also has its own little settings menu in the to right corner. Find below a list of the available blocks as well as an overview over all supported embed services.

Paragraph

The standard text block. It is possible to increase the font size in the settings menu in the top right corner to make it stand out.

Header

The header block creates a headline. It comes in six different sizes form H1 to H6.

List

A list block for ordered and unordered lists.

Image

The image block can add local and external images to a page. It also has a caption field. Images can also be stretched to full witdh.

Gallery

The gallery block creates an image grid with a masonry layout. Images can be enlarged in a ligthbox overlay. One or more glob patterns can be used to select images to be included in the gallery. The size of an item in the gallery can be configured in pixels. Like the image block, also the gallery block can be stretched to full width. By default all images are layouted to create a clean bottom edge.

Slideshow

The slideshow block creates an image slideshow. One or more glob patterns can be used to select images to be included. The size of the slideshow can be configured in pixels. Also the slideshow block can be stretched to full width. Autoplay and controls are configurable by using the settings button in the top right corner.

Buttons

The buttons block creates a single button or a pair of buttons — a primary and a secondary. To make a button show up on a page, both, a text and a link, have to be defined.

Quote

A simple quote block with a caption.

Table

The table block creates a table with a custom number of columns and rows. The first row serves as table header. Columns and rows can be added by hovering over a cell border.

Code

Code snippets for documentation purposes can be added by using the code block.

Raw HTML

Any kind of additional HTML can be added by using the raw HTML block.

Mail Form

The mail form block creates a contact form. Note that the webserver has to be able to send mails in order to receive mails via that form.

Horizontal Line

A simple horizontal line.

Template Snippet (Experimental)

The template snippet block ist still in an experimental phase. Basically it allows for adding any template language snippet stored in a PHP file to the page.

Pasted Content and Embeds

The block editor is able to recognize certain pasted content including code blocks, headlines, links, image URLs, video and music embeds. The follwing sites are supported for embedding iframe content by just pasting an URL to the page:

• Youtube
• CodePen
• Vimeo
• Imgur
• Instagram
• Dailymotion
• Giphy
• Mixcloud
• Soundcloud