All of our existing examples have so far been based around single pages; many developers are likely to use content management systems such as WordPress.

Thankfully, we can apply many of the same principles we've used so far to styling WordPress—in fact, there are some plugins we can use that mimic SASS, which is used to create core style sheets for themes that come as part of each WordPress download. The theme we will use is Twenty Sixteen, which comes with current versions of WordPress downloaded since December 2015; it can also be downloaded from https://wordpress.org/themes/twentysixteen/.

For the remainder of this chapter, we're going to explore some of the tips and tricks we can use to incorporate PostCSS into a WordPress theme. A key point of note here, is that we've already covered some of the tasks that can be used—with care and planning, some can easily be reused when creating style sheets for CMS applications. We'll explore some of the tips and tricks we can use—although these will be geared towards the Twenty Sixteen theme, they can equally be used in other themes that are developed for WordPress.

Let's get started. Our first task is to set up our environment, ready for use. Before we set up our environment, though, I would strongly recommend you have a copy of the code download for this chapter handy—much of what will be discussed will make reference to the code!