Blocks are used in posts and pages to dynamically pull out content or achieve specific functionalities. Master them all and combine them in the perfect layout.
📚 Create Content > Blocks
🤔 TIP: To insert special characters in blocks such as #$%&*(){}[] you need to use the & hex code format (https://dev.w3.org/html5/html-author/charref) and to insert markup / HTML in blocks description or content just use single quotes, like <a href=’YOURLINK’>your text</a>
Content blocks
Media and 3rd party blocks
🧑💻 To find the Patterns of Planet 4, go to this page in the Handbook.
🧑💻 To learn more about the Blocks & Patterns layout, go to this page in the Handbook.
🧱 Blocks Availability
| Block Name | Posts | Pages | Campaigns |
|---|---|---|---|
| 🔽 Accordion | ☑️ | ☑️ | ☑️ |
| 🗞 Articles | ☑️ | ☑️ | ☑️ |
| 🎠 Carousel Header | ⛔️ | ☑️ | ☑️ |
| 🏛 P4 Columns / tasks | ⛔️ | ☑️ | ☑️ |
| 🍪 Cookies | ☑️ | ☑️ | ☑️ |
| 🧮 Counter | ☑️ | ☑️ | ☑️ |
| 🌁 Covers | ⛔️ | ☑️ | ☑️ |
| 🎳 Group | ⛔️ | ☑️ | ☑️ |
| 🙌 Happy point | ⛔️ | ☑️ | ☑️ |
| ✌️ Split Two Columns | ⛔️ | ☑️ | ⛔️ |
| 📊 Spreadsheet / Table | ☑️ | ☑️ | ☑️ |
| 📋 P4 Table of Contents | ⛔️ | ☑️ | ⛔️ |
| ✍️ EN Form block | ⛔️ | ☑️ | ☑️ |
| 🎞 Gallery | ☑️ | ☑️ | ☑️ |
| 📸 Image | ☑️ | ☑️ | ☑️ |
| 🎥 Media | ☑️ | ☑️ | ☑️ |
| ⚖️ Media & text | ☑️ | ☑️ | ☑️ |
| 🤳 Social Media | ☑️ | ☑️ | ☑️ |
| 🗳 Take Action Boxout | ☑️ | ☑️ | ☑️ |
| ⏳ Timeline | ☑️ | ☑️ | ☑️ |
Video : Blocks 🧱 vs Patterns 🌇 – explained
Check out why blocks and patterns are different and how they work together 👇