With the ACF sections and header sections, you can easily give your clients an easy way to add sections to their pages. They don’t have to deal with html or dangerous markup that their told “not to touch!”

By default ignition comes with a few section layouts:

These sections can be accessed easily when making a page. Clients can choose a section to output and show on the front end. They output the content found in template-parts/blocks. The files there each correspond to one section layout. So the paragraph section has a php file called paragraph.php. This makes it really easy to change what the output for that section is without having to worry about huge conditionals. 

The default sections do the following:


This creates a basic paragraph and nothing more. It’s not very special and part of me wonders why it’s still in ignition…

Text Sections

This field is like paragraph on steroids. It allows for multiple paragraphs in one section. You can give that section a background color or image or class. There is also a grid class you can apply to change how all the paragraphs are output. Just click advanced and change the class. By default they use “card-grid” so that it outputs even paragraphs using the card-grid layout. You can also use .grid for a grid that you can control.

The amazing part is that text sections will apply the grid system on the back end too! Now you can see how it will layout on the front end from the back. Just set the grid class to grid, and then you can add span classes to the paragraphs and watch them change size in real time! See below.

You can add effects like this to your own custom styles using the ign data field in the custom fields settings.

Main Editor (The Loop)

This cool section does a few things. 
On a regular page, it would output the content in the position you specify within the sections.
On a page that has been set as an archive page (see archive pages) it will output all the cards for that archive, (along with the content if you added any text into the main editor).

Section Stitcher

This is helpful for adding sections from one page into another one. So if you are making a site for grandma, and she has a “kitten section” you plan on putting on a few pages, it might help to make one page with the kitten section, and then stitch that page into the other pages. This way you only need to update one section and the changes will show up on the other pages!

Right now it’s more of a page stitcher than a section stitcher, as you cannot stitch one section from a page into another. You must stitch all the section from that page. This is a work in progress.