If you haven’t already we recommend you check out our general WordPress guide before reading this one. That post will explain how to use WordPress and this post assumes you have a basic knowledge of how WordPress works.
The amount of WordPress themes out there can be incredibly intimidating. If you just go to the add theme section of your WordPress dashboard you’ll see thousands of free WordPress themes.
If you want to go with something higher quality there are tons of premium WordPress theme websites out there like ThemeForest.net or Elegant Themes with hundreds of more themes to choose from.
Plus every theme works a little bit differently, has its own set of features and all this can be a bit overwhelming if you’ve just created your first website.
Fortunately there’s an absolutely fantastic WordPress theme out there that’s perfect for your first website. It’s called the Genesis Framework by StudioPress.
The Genesis Framework is the perfect theme for your new website and here’s why:
1) It’s Very Easy to Use
If you’ve never built a website before you need something that you can figure out and Genesis is very easy to use.
It doesn’t come with a huge amount of options and there’s pretty much no way that you could screw up anything on your website when you’re setting things up or learning how to use it.
While we do love premium themes from sites like ThemeForest.net a lot of these themes come with tons of options, page builders and other complicated things which can be a bit intimidating to people who have never built a website before.
If this is your first website then you’ll love the simplicity of the Genesis Framework.
2) It’s Built Incredibly Well
The theme’s code itself is built incredibly well which means you get a theme that’s optimized for fast load times, has search engine friendly code and is incredibly secure.
This is all stuff that you don’t need to worry about, once you install the theme you’re all good.
3) It’s Mobile Friendly
The Genesis Framework is built using responsive design which means your layout will automatically resize depending on the size of the screen you’re viewing it on.
Not matter if you use a PC or a smartphone people will be able to use your website with no problems. Every single one of the Genesis child themes uses responsive design.
4) Lots of Customization Options with Child Themes
The Genesis Framework is a theme that acts as the overall frame of your website and is customized by child themes each with their own design. Think of your website as a car. WordPress is the engine of that car, the Genesis Framework is the frame and body of that car and the child themes are the paint job.
Studiopress has a pretty big selection of child themes made by expert web designers for pretty much any kind of website you could want to build.
5) There are 2 Child Themes Specifically Designed for Realtors
StudioPress has 2 beautiful and professional looking child themes that are perfect for real estate agents.
The AgentPress Pro and Agent Focused Pro themes are specifically designed for showcasing real estate listings as well as your own personality and community. These themes have IDX integration to automatically populate your real restate listings as well!
6) It’s Very Reasonably Priced
The Genesis Framework itself costs a one time fee of $59.95 and you can buy the Framework plus a child theme for $99.95.
If you ever want to switch to a new child theme you get a returning customer discount and can get child themes for $33.71.
Everything is a one time fee and then you get unlimited updates and support for life. You can also create as many websites as you want with the theme. If you buy premium themes from a lot of other websites you technically only get a licence to use the theme on one website.
Getting the Genesis Framework
We recommend that if you’re going to be creating a professional looking website that you don’t waste time messing around with free themes. Spend a small amount of money up front and get a professional design and then you’re set for a long time.
Click the link below to get the Genesis Framework, the rest of this post will detail how to install and set up everything.
Downloading and Installing the Genesis Framework
Once you’ve created an account and purchased the Genesis Framework you should receive a link to download the theme.
You can also find it by clicking on the My StudioPress link at the top of the site which will take you to your account page. You’ll have a section called My Downloads where you can download any of the StudioPress themes you’ve purchased.
When you download Genesis you’ll end up with a zip file called something like genesis.2.2.7.zip.
Log into your WordPress dashboard and go to Appearance > Themes
Click on the Add New button.
Then click on the Upload Theme button.
Click the Choose File button, select the Genesis .zip file you downloaded and then click the Install Now button.
Pretty much instantly you should get a message like this saying that the theme installed correctly. Click on the Activate link.
You’ll be taken back to the themes section with a message saying that the new theme is activated.
You’ve now successfully installed and activated the Genesis Framework.
When you install a Genesis child theme or any other kind of theme you can follow this exact same process.
You’ll notice that there’s now a new option in the WordPress Dashboard side menu called “Genesis”. Mouse over this and you’ll see 3 options, Theme Settings, SEO Settings and Import/Export.
Genesis Theme Settings
Click on Theme Settings.
These are all the main options for the Genesis Framework and they apply to any child theme you might install.
The first section is just some simple information about the theme.
Enable Automatic Updates is selected by default and we can’t see any reason why you’d want to deselect that.
You can enter an email address too if you want to receive an email when there’s a new update.
This next section lets you enter some settings for your RSS feeds.
If this is your first website then don’t worry about this section at all, just leave everything blank.
If in the the future you decide you want to use something like Feedburner for your RSS feeds then you can come back here.
If you have no idea what we’re talking about then don’t worry at all, just leave this section empty and never think about it again.
The next section lets you select the default layout for your pages and posts.
This lets you choose if you want a sidebar on the right, left, no sidebars or two sidebars.
Just click on the image for the layout that you want and it’ll apply to every page and post on your site by default.
This next section concerns the logo in the header of your site.
By default it’s set as Dynamic text. What this means is that it’ll pull the site name and tagline from your general settings and display it in the header of the site.
If you select Image logo you’ll be able to upload an image file for a logo instead.
Uploading the image is a bit strange though, you won’t find a place to upload it in the theme options.
The basic Genesis Framework theme doesn’t have a place to upload an image logo for some reason but every child theme does.
If you’re using a child theme and you want to use an image logo you’ll find the spot to upload it in Appearance > Customize > Header Image.
The next section lets you choose where to display breadcrumbs on your website.
Breadcrumbs are those little links you see at the top of a page that say something like “You are here: Home > Blog > Post Name”.
If you have a somewhat complicated navigation structure for your website with lots of parent and child pages then enabling breadcrumbs can help make things easier for your visitors. They’re especially useful if someone lands on your site on a random page to help let them know where on your site they are.
Breadcrumbs also help search engines crawl your site a bit easier.
Take a look at the screenshot below to see how they look in action.
The next section lets you turn on or off comments and trackbacks on both pages and posts.
Comments are self explanatory and Trackbacks are a little notification you get if someone else who has a WordPress website links to a page on your site.
The next section lets you control how your blog archive pages (the pages with a list of all your blog posts) look.
Under Display if you select Entry content it’ll show the entire blog post on the archive page. This will let people read the entire blog post without having to click through to the post itself.
You can limit the content to a certain number of characters or just leave it.
If you select Entry excerpts it’ll show just the excerpt for that post. You can type in a specific excerpt on the post editor screen when you’re editing a post.
You can select whether or not you’d like to show the featured image.
Finally the Entry Pagination lets you change how the navigation to go back an forth through your blog archive pages if you have a lot of posts.
By default it’s set to Numeric which will just say page 1, page 2, etc. but you can also change it to just have a previous and next link if you want.
This section lets you control every archive page on your site, pages with all the posts in a single category, pages with all the posts by a specific author, etc.
The next section lets you change the settings for the blog page itself.
To create a blog page you simply create a new page, name it “Blog” (or whatever you want) and give it the blog page template. Then under Settings > Reading you select this page as your blog page.
These options let you exclude specific blog categories and select how many posts appear per page.
The last section lets you specifically add special bits of code to your website.
This section is absolutely fantastic and sometimes themes don’t have a section like this which makes things like adding Google Analytics tracking code for example much harder.
With this section if you ever have a bit of code that you need to add to the head or body sections of your website you just paste it in here and it’ll be outputted to the code of every page on your site.
If you’re not sure what the head and body sections are check out our guide to basic HTML code.
Genesis SEO Settings
Genesis comes with its own SEO settings and you can access them by clicking on Genesis > SEO Settings. You’ll see a screen that looks like this:
We’re not going to cover this section as we much prefer using the Yoast SEO plugin. It has a lot more options than you’ll find here too.
The last section that you’ll find by clicking on Genesis > Import/Export simply lets you import a file of Genesis settings or export your Genesis settings so you can import them into another website.
Genesis doesn’t really have that many options to fool around with so you probably won’t need to use this feature.
A Few More Options Under Appearance > Customize
There are a few more theme options that you’ll find by going to Appearance > Customize in the WordPress dashboard.
Most of what you’ll see here is exactly the same stuff that you’ll see in the Genesis Theme Options but there are a couple of other items that are important.
Genesis lets you upload a square image file that serves as a “site icon”. This image is used as the site’s favicon (the icon that appears beside the site name in your browser’s address bar) as well as the icon if a shortcut to the site is saved to your smartphone.
The icon needs to be at least 512 x 512 pixels.
You’ll find this option under Site Identity.
There’s a couple of other items under the Content Archives section of the Customize screen that aren’t in the Theme Options.
The Featured Image size lets you select from a couple of different size options for the images that appear with your posts.
The Featured image alignment lets you choose how you want that image to align with the text.
Creating Custom Home Pages
Pretty much all of the Genesis child themes have their own custom homepage.
These custom homepages are usually built using widgets. If you go to Appearance > Widgets you’ll see widget areas for your homepage. You can drag and drop different widgets to these areas to build your homepage.
This will be a little different for each child theme.
Page Templates and Options
If you go to create a new page under the Page Attributes section on the left side of the Page Editor you’ll see a drop down that lets you select a template.
The Default Template is simply for blank default pages.
If you select the Archive Template you’ll get a page that’s automatically populated with a list of the pages and posts on the site. This is perfect for creating an index or sitemap of your site.
The Blog Template is what you select when you’re creating a specific blog page.
There’s also a few more new Genesis options in the page editor at the bottom.
If you’re not using the Yoast SEO plugin, which you should be, you’ll see an SEO section that lets you enter things like the meta title, description or canonical URL.
If you’re not sure what any of these options mean check out our beginner’s guide to SEO.
You’ll also find page specific layout settings where you can change the layout of this particular page so it’s different from your default layout.
The custom body class and custom post class fields let you add specific CSS classes to the page. If you’re not sure what that means don’t worry because you’ll probably never need to use this.
Finally you’ll see a section for page-specific scripts.
This lets you add little bits of code specifically to the page. This is used for example if you want to track conversions from your advertising.
You could create a thank you page that people are directed to after purchasing a product for example and you put the tracking code on this page. Then you can see how much conversions or sales you’re getting for the advertising you’re doing.
Advertising platforms like Google Adwords have tracking codes for this sort of thing.
The Genesis Framework has 3 widget locations and the various child themes can add a few more.
If you go to Appearance > Widgets you’ll see:
- Header Right
- Primary Sidebar
- Secondary Sidebar
The Header Right widget area is an area in the header to the right of the logo. In a lot of the child themes this is exactly where you’d think the main menu would go.
Some child themes can be a little bit confusing when you’re making a main menu because you’d expect it to show up here but it doesn’t.
If you’re having issues getting your main menu where you’d expect drag the Custom Menu widget to this location and select the main menu you created like in the screenshot below.
You’ll see now that the main menu I created is now in that header area.
The other two widget areas are pretty self explanatory. The primary sidebar is the larger sidebar and the secondary sidebar is the smaller one.
You can set which sidebars display using the layout options mentioned before.
A lot of child themes have a widget area at the bottom of blog posts which is perfect for adding in an email opt-in form. Lots of child themes have footer widget areas as well for adding things to your site’s footer.
Child themes also usually have homepage widget areas which let you create customized homepage which we mentioned earlier.
Genesis Specific Widgets
Genesis also comes with 3 specific widgets that you can use:
- Genesis Featured Page
- Genesis Featured Posts
- Genesis User Profile
Genesis Featured Page
The Genesis Featured Page widget lets you add sort of a preview of a page to a widget area that you can click on to visit the page.
You can enter a title to appear if you want to you can leave it blank.
The Page drop down menu lets you select the page. If you have a featured image for the page you can choose if you want to show it or not, what size you want it to be and the image alignment.
You can then show the actual page title if you want and a certain amount of content like you would with blog posts.
The More Text field lets you change the text for the link that you’d click through. You would put something here like “learn more” or “more information”.
Here’s how this widget looks in action.
We put a picture of a salad for the featured image and it’s showing the page title and page content with a 100 character limit. The More Text says “Learn More”
Genesis Featured Posts
The Genesis Featured Posts widget lets you display a series of featured posts in your sidebar or another widget area.
This widget has a lot of options:
For the Title of the widget you can put something like “Featured Posts”, “Best Posts” or just leave it blank.
The Category drop-down lets you either show posts from all categories or just a specific category.
Number of Posts is simply how many posts you want the widget to display.
Number of Posts to Offset lets you skip the most recent X number of posts.
The Order By drop-down lets you choose if you want the posts ordered in ascending or descending order.
Exclude Previously Displayed Posts will exclude posts that might have more than one category and might show up twice on the same page.
Exclude Sticky Posts will exclude posts that you’ve checked off as “sticky” under Visibility in the Post Editor.
The Author Gravatar settings will determine if the author’s profile picture is shown, its size and how it’s aligned.
You can also choose if you want to show the post’s Featured Image, the size and how it’s aligned.
Show Post Title will simply show the title of the post
Show Post Info lets you show a little bit of additional information which you can then customize. By default it says: “[post_date] By [post_author_posts_link] [post_comments]” which will output the date of the post, the author’s name with a link to their archive page and the number of comments.
The Content Type drop down lets you choose to display the post excerpt or the actual post content which you can then limit to a certain number of characters.
The More Text field lets you customize the “Read More” link. You can put any text you want here like “Learn More”, “Full Post”, whatever.
The next section will display a bullet list of just post titles if you want. It’ll pull more posts from that category and just include the titles.
Finally the last option lets you link to the category archive page if you’ve chosen to display posts from one specific category.
Here’s what this widget looks like on the site itself.
Genesis User Profile
This last Genesis widget lets you display a user’s profile image and bio. This is excellent if your site is a blog and you want to have some information about yourself in the sidebar.
You can enter a Title for the widget if you want or leave it blank.
The Select a user drop-down lets you select which user’s information to show if you have more than one user.
Gravatar size and alignment let you choose how you want to display the user’s Gravatar (globally recognized avatar) which works on every WordPress site and you can set up here.
You can then choose if you want to display the bio you entered in the user settings in the WordPress dashboard or show a custom one which you enter here.
The next option then lets you link to a specific page where you can get more information, usually an “about me” page and you can choose the text of that link.
Finally you can choose whether or not to display a link to the archive page with all the posts for that specific author.
Here’s what the widget looks like in action:
It’s a bit boring since this user doesn’t have a Gravatar set up.
The Genesis Simple Edits Plugin
That pretty much covers everything there is to do with the basic Genesis Framework settings however there’s a couple more things you can tweak if you download a plugin called Genesis Simple Edits.
Head to the plugins section of your WordPress dashboard and search for “Genesis Simple Edits”. It should be the first plugin that comes up.
Install and then activate this plugin.
You now have one more option under Genesis in the left side WordPress dashboard menu called “Simple Edits”. Click on that now and you’ll see a screen like this:
Entry Meta (above content)
What this does is let you change the little bit of information that appears below the title of your posts.
By default it shows the date, by the author’s username, number of comments and then shows an edit link that you can see if you’re logged into the site.
You probably don’t need to change this but you can remove the number of comments or whatever else you might want to do.
Entry Meta (below content)
This lets you edit the information that’s shown underneath the posts. By default it shows the category and any tags.
Footer Credits Text and Footer Output
This is the major reason that you want to install this plugin. If you look at the bottom of your site no matter what child theme you’re using you’ll see something like this:
If you want you can remove these links and put your own copyright text.
The Footer Credits Text field is what’s currently showing in the footer and the code looks like this:
[footer_copyright before="Copyright "] · [footer_childtheme_link before="" after=" On"] [footer_genesis_link url="http://www.studiopress.com/" before=""] · [footer_wordpress_link] · [footer_loginout]
Keep the [footer_copyright before=”Copyright “] · and then delete everything after it.
Then add your own site’s name after the bullet point. The code in the square brackets will add the copyright and date so you don’t have to worry about that.
Here’s what the footer now looks like with the edits:
The code here simply looks like:
[footer_copyright before="Copyright "] · Demo Website
Footer Output back in the settings lets you get a bit fancier. If you want to enter your own specific footer code.
Check the box and it’ll ignore everything in the Footer Credits Text field and you can enter your own code here.
Genesis Child Themes
The last Genesis Framework related topic we’re going to touch on in this post is the use of Genesis Child Themes.
Child themes are what styles the Genesis Framework and you’re definitely going to want one. There are two excellent themes designed specifically for Real Eastate Agents and realtors called AgentPress Pro and Agent Focused Pro. All the child themes are excellent but these two are specifically designed to display real estate listings.
To install a child theme make sure the Genesis framework is already installed and then install it just like you would any other theme.
You can follow the instructions at the top of this post again to install the child theme.
Once the child theme is installed all the same Genesis settings we covered in this post will still be there however you’ll have a few new options such as new widget areas and the option to upload an image logo.
We’re not going to go into detail here about the individual options for each child theme but StudioPress has excellent guides that can help you with this if you need.
If you log into StudioPress and go to your downloads section you’ll find guides for each child theme you’ve purchased that will explain everything you need to know, just click on Theme Setup.
That pretty much covers everything there is to know about the Genesis framework. If you have any questions related to the Genesis Framework or anything else in this guide feel free to ask in the comments or on the forums.