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 | ☑️ | ☑️ | ☑️ |
🎥 Audio & Video | ☑️ | ☑️ | ☑️ |
⚖️ 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 👇