Block Editor
Learn the available block types and how to build, reorder, and translate content with the Contensio block editor.
Every content item — pages, posts, and custom types — is composed of blocks. Each block is a self-contained unit of content (a heading, a paragraph, an image) that you can add, reorder, and delete independently.
Adding a block
At the bottom of the editor, click + Add Block to open the block picker. Choose a type. The new block is appended after the last block. You can reorder it by dragging the handle on the left.
Block types
Contensio ships with ten built-in block types.
Text blocks
| Type | What it does |
|---|---|
| Rich Text | Formatted text with bold, italic, links, lists, and inline code. The main workhorse for body copy. |
| Heading | An H2, H3, or H4 heading with optional alignment. Useful for long-form article structure. |
| Quote | A blockquote with optional attribution line. |
| Code | A syntax-highlighted code snippet. Supports PHP, JavaScript, HTML, CSS, Bash, SQL, and JSON. |
Media blocks
| Type | What it does |
|---|---|
| Image | A single image from the Media Library, with caption, alt text, width setting, alignment, and optional link. |
| Video | An embedded video. Accepts a YouTube URL, a Vimeo URL, or a direct MP4 URL. |
Layout & utility blocks
| Type | What it does |
|---|---|
| Divider | A horizontal separator. Choose from line, dashed, dotted, or blank space. |
| Alert | A coloured notice box. Four variants: Info, Success, Warning, Error. |
| Accordion | An expandable FAQ list. Each item has a question and an answer; items can be added and reordered within the block. |
| HTML | Raw HTML you type directly. Use for embeds, iframes, and anything the other blocks can't do. |
Reordering blocks
Grab the ⠿ drag handle on the left of any block and drag it to a new position. The order updates immediately.
Hiding a block
Click the eye icon on a block to toggle it hidden. Hidden blocks are saved but not rendered on the frontend. Useful for drafting future sections without deleting content.
Deleting a block
Click the × delete icon on the block. A confirmation prompt appears before the block is removed.
Translatable blocks
Fields within a block are either translatable or shared across all languages:
- Fields like heading text, rich text body, and image caption are translatable — each language has its own value.
- Fields like image selection, video URL, and block visibility are shared — changing them affects all languages.
When you switch languages in the editor, the language-specific fields reload for the active language; shared fields stay the same.
Autosave and blocks
Blocks are saved as part of the content item. The autosave mechanism captures block state every few seconds. If you navigate away mid-edit and return, the autosave banner lets you restore or discard the unsaved state including all block edits.