August 3, 2023

Full Width and Boxed Sections with Cwicly Templates and ACF

Play Video

Let’s have a look how to create and customize Full Width and Boxed Cwicly Templates. These templates are the starting point for your content creation, allowing you to design and structure your website’s pages and posts in a way that best suits your content. Whether you want to create a blog post with a full-width layout or a product page with a boxed layout, Cwicly templates can help you achieve your design goals. Let’s go through it together with Grant Ambrose.

The Role of WordPress Template Hierarchy in Customizing Cwicly Templates

Before we start customizing Cwicly templates, it’s important to understand the WordPress template hierarchy. This hierarchy is a system that WordPress uses to decide which template file will be used to display a certain page or post. It’s like a decision tree, guiding WordPress to the right template based on the specific type and status of each page or post.

For example, let’s say you have a blog on your website. For your blog posts, WordPress will first look for a template file named single-post.php in your theme directory. If it doesn’t find it, it will look for a more general template file named single.php. If it doesn’t find that either, it will use the most general template file, index.php.

So, if you want to customize the layout of your blog posts using a Cwicly template, you would need to apply your changes to the single-post.php template file (or create it if it doesn’t exist). Understanding this hierarchy will help you determine which template to customize for a specific page or post.


Customizing Cwicly Templates

Cwicly offers a way to tweak templates. You can add visibility conditions to templates, which act like a secret password. Only the pages or posts that meet the conditions can use the template. Applying templates to pages and posts is as easy as selecting the template you want to use.

Creating a Contained Layout with Cwicly Templates

Creating a contained layout starts by setting up a section and a container for post content. Here are the steps:

  1. Set up a section and a container for post content.
  2. Add your post content.
  3. Add padding to your post content. This gives your content some breathing room and makes it more comfortable to read.
  4. Add spacing between elements. Each paragraph is a separate entity, and the spacing separates them.
  5. Add more spacing before headings. The headings lead to new levels of content.

Creating a Cwicly Full Width Section Layout Template

Creating a full-width layout starts with a custom template in Cwicly. Here are the steps:

  1. Create a custom template in Cwicly.
  2. Add your post content without a section or container.
  3. Apply the custom template to a page or post by simply selecting the template you want to use.

Combining Contained and Full Width Sections in One Cwicly Template

Combining the contained and full-width layouts in one template starts by adding two different post content blocks on a page. Here are the steps:

  1. Add two different post content blocks on a page.
  2. Set up an Advanced Custom Field for post layout. This acts like a switch that controls whether the contained or full-width layout is visible.
  3. Apply conditions to the post content blocks based on the custom field value. This controls which layout is displayed.


By following these steps, you can create and customize Full-Width and Boxed Templates using Cwicly. Whether you’re designing a blog post, a product page, or any other type of content, these templates give you the flexibility to create a layout that best suits your needs. So go ahead, start experimenting with Cwicly templates and see what amazing designs you can create!

Required Resources

Cwicly Logo
Free Options
Credit to Grant Ambrose
With a focus on Bricks Builder, WooCommerce, and other essential tools, Grant provides in-depth tutorials that are easy to follow and packed with valuable insights. Whether you're a business owner, a developer, or a designer, you'll find a wealth of knowledge on this channel that can help you optimize your WordPress website, enhance its functionality, and improve your sales process.
Full Width and Boxed Sections with Cwicly Templates and ACF
Welcome back!
Enter your Helwp credentials to sign in.

No Account yet? Sign Up

My Account
Give Feedback
Describe your feedback *
Rate Helwp
Problem *
Describe the problem
Want us to reply?
Your E-Mail
Affiliate Disclosure

At Helwp, we’re committed to transparency and honesty. Therefore, we want to inform you that some of the links on our website are affiliate links. This means that, at no additional cost to you, we may earn a small commission if you click through and make a purchase.

We only promote products or services that we genuinely believe in. These affiliate commissions help us to maintain the website and continue to provide you with free, high-quality WordPress content.

If you are interested in how you can support us even further, check out our support page.