Join Carrie Dils for an in-depth discussion in this video Basic theme configurations, part of WordPress and Genesis DIY: Restaurant Website.
- In this movie I'd like to walk through some theme setting with you. If you've been following along since my WordPress and Genesis DIY: Setting Up Genesis Course, you'll already have WordPress set up with your favorite configuration. Now, one thing I do want to point out is Permalinks. If you go to your WordPress dashboard, go to Settings, Permalinks, you can see the URL structure that WordPress will use for your site. By default, WordPress uses these really ugly permalinks. We want to use pretty permalinks, which are more easily readable by both humans and Google.
I like to go with the post name, but you can select the setting that makes the most sense for you. If you'd like more information on permalinks, check out this article on the ManageWP Blog, The Ultimate Guide to WordPress Permalinks. Let's go ahead and get started with our setup. I'm going to show you a basic theme setup here, but you can always refer to the more detailed setup instructions over on the Pretty Darn Cute website in your account area. To set up the Swank theme, we can go to Appearance and Customize. This area is known as the Theme Customizer.
Our setup options will be on the left, and whatever options we choose here will be automatically previewed in the right pane. To start with we can see that we're working with the Swank theme. Next, we've got the Site Title & Tagline, which I've already set, so I'm going to leave as is. After that, we've got Colors. Now the only color that we can change via the customizer is a background color. And this background color isn't actually the background behind the content area, but the background around the content area. Let me show you. Let's just select a color.
There you can see that it's put a black border around the site. Let's clear that out. Next, we have our Header Image. Now this is where you would put a logo if you wanted to use one. You could just leave it as is, like we currently have. That text will be whatever you have entered here for the site title. If you do want to use a logo, the theme recommends a header size of 640x200 pixels. I've already got my logo ready to go, so I'm going to click Add new image, find it on my hard drive, and upload it.
If your image isn't already cropped to the recommended dimensions, it'll give you the option to do that here. My image is already at the proper dimensions, so I'm going to skip cropping. And just like that, you can see that my logo appears. Our next item to customize is a Background Image. This background image would show exactly where that background color showed. And I don't actually want to use one for this site. I like the nice, clean look with just the white. Next up, we can configure our Widgets. I'm actually going to come back to those later in the course.
Our next option is to set up the front page. Now, we're not actually configuring widgets here, we're just saying whether or not we want to display a static page or a page with our latest post, which is a default WordPress option and also the recommended setting by Pretty Darn Cute Designs, so we'll leave it as is. Moving along, we have the Site Layout. This theme comes with six layout options. Basically, you can use one or two sidebars and determine whether you want them to the left of the content or the right.
For our restaurant site, the information is pretty straight forward and we really don't even need a sidebar, so I'm going to stick with Full Width Content. Our next option to configure is Breadcrumbs, I'm not going to use them on this site, so there's nothing to configure. We also have Comments and Trackbacks, which I'm going to cover those later in this course. Finally, we have our Content Archives. Content Archives are what you would see if you went to say, a blog archive page, it would just be a list of posts. And this is where you configure those options, whether or not you want to display post excerpts or the full post content.
We're not actually using a blog on this restaurant site, so I'm not going to mess with any of these settings. Let's go ahead and click Save & Publish and check out our site. Now, clearly, we've got a lot to add, but our basic settings are done. In the next movie, we'll take a look at some of those widget areas I talked about.
Find more courses in this series in our WordPress DIY playlist.
- Making a basic content inventory
- Finding a suitable theme
- Setting up widgets and navigation
- Creating a menu with the Food and Drink Menu plugin
- Adding a responsive slider
- Using Jetpack for reservations
- Testing the site