Change Site Layout
Before we start with exploring the Customizer, we'll first of course need to open it up, there is a couple of ways of doing this.
- Via your WordPress admin (wp-admin) > Appearance > Customize
- Via the frontend of your WordPress powered website, in the admin bar you should see a Customize link
Clicking on either of the above options, will load the WordPress Customizer, once the customizer has loaded, you should see a screen like this:
On the left is the Customizer itself, this is where you select the options to customize and make any customizations. On the right is the preview area. This is a preview area of the page you are on/your website as a whole.
Some Customizer options are global (i.e, change the same setting across every post/page on the website). Others are page or page template specific, for example, you might edit a customizer setting that only effects WooCommerce pages or the blog/archive page.
Let's just change a setting to see how the customizer works, we'll cover all other aspects of the customizer in additional articles which we'll link to at the end of this article.
Click on Layout and Design
And under Content Layout select Fullwidth, the customizer will update instantly so you can see your change.
So before we selected FullWidth, our site looked like this:
Now we've changed the site to FullWidth, you should see something like this:
That means in just a few clicks, we've easily changed the whole appearance of our website, using the customizer.