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.
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.
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.
The header block creates a headline. It comes in six different sizes form
A list block for ordered and unordered lists.
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.
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.
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.
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.
A simple quote block with a caption.
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 snippets for documentation purposes can be added by using the code block.
Any kind of additional HTML can be added by using the raw HTML block.
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.
A simple horizontal line.
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.
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: