Patterns 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 > Patterns
🤔 TIP: To insert special characters in patterns 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>
Patterns
🧑💻 To find the Blocks 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.
🌇 Patterns Availability
Patterm Name | Posts | Pages | Actions |
---|---|---|---|
🔎 Deep Dive | ☑️ | ☑️ | ☑️ |
⚖️ Side image, Text & CTA | ☑️ | ☑️ | ☑️ |
🪁 Page Header | ☑️ | ☑️ | ☑️ |
☑️ Reality Check | ☑️ | ☑️ | ☑️ |
🔗 Quick Links | ☑️ | ☑️ | ☑️ |
📣 Highlighted CTA | ☑️ | ☑️ | ☑️ |
🌊 Issues | ☑️ | ☑️ | ☑️ |
Video : Blocks 🧱 vs Patterns 🌇 – explained
Check out why blocks and patterns are different and how they work together 👇