To insert special characters in blocks such as #$%&*(){}[] you need to use the & hex code format (full list at >> https://dev.w3.org/html5/html-author/charref)
To insert markup / HTML in blocks description and content just use single quotes, like <a href=’YOURLINK’>your text</a>
Blocks availability matrix
Posts |
Pages |
Campaigns | |
|---|---|---|---|
| Articles | By default | X | X |
| Carousel Header | X | X | |
| Columns / Tasks | X | X | |
| Cookies | X | X | |
| Counter | X | X | X |
| Covers | X | X (only “Content” style) | |
| Engaging Networks Form | X | X | |
| Gallery | X | X | X |
| Happy Point | X | X | |
| Media | X (Embeds only) | X | X |
| Social Media | X (Embeds only) | X | X |
| Split Two Columns | X | ||
| Spreadsheet / Table | X | X | X |
| Submenu | X | ||
| Sub Pages | X | ||
| Take Action Boxout | X (in Post Element fields) | X | |
| Timeline | X | X | X |
Blocks menu in Gutenberg
In the content field, there is a small arrow inside a circle – click on that element to add a new block. A pop up window will open and you now have several options to choose from:
- Most used – the blocks that have been most used by you
- Common blocks – a list of blocks which are very often used, such as: paragraph, heading, image etc
- Formatting – most important here is the table, but you can also find here the block to add code or custom HTML
- Layout element – you can choose between columns, buttons, page breaks etc
- Widgets – latest comments, latest articles, calendar, tag cloud and a couple of other things are available here
- Embeds – embedding all type of media content: social media networks such as Facebook, Twitter, music streaming such as Spotify or Youtube and many more
- Planet4 Blocks – the specific blocks developed by the Planet 4 team, which were available before the Gutenberg editor too
