We’re going to talk about WordPress themes and how themes affect the look and functionality of a website. Let’s take a look at three different sites that I have up here. The difference between this site, beside its content, and this site and this site is the theme. The theme takes content and presents it in a specific way.
Themes Change Appearance and Functionality
In fact, here we are looking at this site and our content looks a certain way. Let’s change the theme and see what happens. We’ll come over here to Appearance and Themes. And now that we’re here it shows you the themes that you have installed.
Activate Twenty Thirteen Theme – First Example
We have Twenty Fourteen which is active, we have Twenty Thirteen and we have Twenty Twelve. These three were all installed when we installed WordPress.
Let’s activate Twenty Thirteen and come back over to take a look at the site now. We didn’t change anything about the content but the whole appearance of the site changed. It’s completely different now. And in fact, our menu went away because we haven’t assigned a menu to this menu theme location.
Let’s set up a menu for this one. We have to come back over to our Manage Locations and this only has one menu available for it so we just select main menu. Now the menu that we created before gets used here.
Let’s go over to the Google Docs page. Everything looks different. You can see what this theme does to the featured image. This one doesn’t have that same style with the overlapping edge on the featured image. This theme shrinks the featured image down to this size and on the left it actually pokes the images out.
In fact, for both left and right aligned images, it sticks the images out beyond the edge of the text on either side. So you get a little bit of an idea of what happens here when you change things up with different themes.
Activate the Twenty Twelve Theme – A Second Example
Let’s look at the other default theme, Twenty Twelve. When we refresh it looks kind of odd. In this case…I think I was playing around with a background image or header image. I’ll remove the header image, save changes and refresh it.
Image Sizing – Theme Dependent
So here’s what Twenty Twelve looks like. Again, it does something entirely different with the featured image. It makes it the same size as the content. And now our content area is bigger. It’s now 625 pixels wide so 238 is no longer half which shows you how the image sizing is very clearly linked to the theme that you’re using.
Existing Menus Persist But Not Their Locations
Let’s go back to menus and Manage Locations. This also only has one menu location so I’ll just set the main menu to that and refresh it. And now you have the menu showing. This is that page where we pasted the text from the plain text editor so the text doesn’t wrap and that still works the way you expect it to work.
The menus themselves are not dependent upon the theme you’re using, just the menu locations. The menus themselves don’t change if you’ve already created them. The theme just may not place the menu in the right spot for you. You may have to do that.
Recap of the Effects of Switching Themes
So a theme is just a different way of displaying the same information or same content. It’s essentially the visual blueprint for what you do. You just saw how I switched themes. I just went to Appearance and Themes and then activated the theme I wanted to try. You can also do a live preview of the Theme as well.
What Doesn’t Change
There are some things that don’t change when you change themes. Your page titles don’t change, your site title and tagline don’t change and your menus don’t change. The menu location may change because different themes have different menu locations but the actual menus themselves don’t change. Also the content that you placed here and the images that you’ve inserted don’t change. You can change themes back and forth all day long and none of that changes.
They may be displayed differently, they may go to different spots but the actual content that you inserted in the WordPress text editor does not change when you change themes.
What May Change
Things that do change are the existence of sidebars or the existence of widget areas and the content of those widget areas. Whether or not you can add header images or background images, where menus are located, the size of featured images, the size of content areas and whether or not a theme has a footer and what goes in that footer.
Those kinds of things do change from theme to theme which is why this looks so different from this one. These websites I’ve shown you are all WordPress websites but they all look different because they are using different themes.