Cwicly Nested Components are a powerful feature that allows you to create more organized and efficient WordPress posts. This walkthrough will show you how to set up nested components using Cwicly.
Why Nested Components?
Nested components can make your life easier by allowing you to:
- Organize your content more efficiently
- Make global changes easily
- Create more dynamic and interactive posts
Setting Up a Basic Pro-Con Component
- Open the Cwicly Navigator and remove all components except one.
- Click on the remaining component and go to Modifier to access inner blocks.
- Copy the inner blocks and paste them outside of the component.
- Remove the original component and rename the new one to “Pro-Con.”
Adding Styles to the Pro-Con Component
- Navigate to the design tab of your component.
- Add a new style and name it “Pro.”
- Add another style and name it “Con.”
- Select the “Pro” style and set the background color to light green.
- Select the “Con” style and set the background color to red.
Creating a Nested Component
- Wrap your Pro-Con component in a new div and name it “Pros-Cons.”
- Insert a heading and a paragraph inside the “Pros-Cons” div.
- Right-click on the “Pros-Cons” div and create a new component.
Adding Inner Blocks to the Nested Component
- Click on the “Pros-Cons” component and go to Modifier.
- Search for the Inner Blocks element and insert it into your component.
- Drag the Pro-Con component into the Inner Blocks element.
Saving as a Local Pattern (Optional)
- Go to Appearance > Editor > Patterns.
- Click “Add New” and paste your nested component.
- Publish the pattern.
Conclusion of Cwicly Nested Components
Setting up Cwicly Nested Components can streamline your WordPress post creation process. By following these steps, you can efficiently organize your content and make global changes with ease.