visit demo site here
Table of Contents
- List of plugins used
- Uploading and installing theme
- Homepage settings
- Adding header
- Enabling navigation
- Adding social media icons
- Adding subscription box
- Adding footer widgets
- Setting a page to display your blog posts
- FAQ
Plugins
- Contact Form 7: for the contact form on the contact page
- Genesis eNews Extended: for the subscribe areas
- Regenerate Thumbnails: if your images are looking wonky, you’ll need this
- Simple Social Icons: for all social media icons
Uploading & Installing the Theme
See our video on installing our WordPress themes.
Adding the header in WordPress
Add your site title and tagline in WordPress by going to Settings >> General
UPLOAD YOUR OWN HEADER: You can also upload your own header. For best results, size your header at 350×250 pixels.
What if my header isn’t 350×250 pixels? See below FAQ section.
Homepage Settings
To get the masonry-style Pinterest grid homepage to properly display, go Genesis >> Theme Settings and ensure your “content archives” settings match these:
The homepage pulls the “featured image” from each post. If no featured image is set, an image will not be displayed.
To change the number of posts that show up on the homepage, go to Settings >> Reading and change this setting: Blog pages show at most
To enable navigation
Go to Appearance >> Menu. Create and save a menu with your desired links. Then, select the name of the menu from the drop down box under either “primary navigation menu” (located below the header) or “secondary navigation menu” (located below the primary navigation menu).
For a video tutorial on adding in navigation menus, click here.
Adding in the Social Media Icons
First, download and install Simple Social Icons. To add, go to Appearance >> Widgets >> drag and drop a “Simple Social Icons” widget to where you want it to appear. Use these settings:
Adding in Subscription Box
The demo has a subscription box in the sidebar and in the bottom footer widget place. This tutorial covers how to set up your subscription box.
Adding in Footer Widgets
This theme features a 3-column footer + 1 footer widget area on the bottom. Control what shows up here by going to Appearance >> Widgets and dragging and dropping widgets into the Footer 1, Footer 2, Footer 3, and Footer 4 widget areas.
Setting a Page to Display your Blog Posts
If you’re using the front page layout but still want to have a page that displays recent blog entries, go to Pages >> Add New and create a new page called “Blog.” In the Page Attributions section, make sure “Blog” is selected under “Template.”
FAQ
- What if my header is not 350×250 pixels?
To change this, you must feel comfortable editing the theme files. We do not recommend editing these files unless you know what you’re doing, as a tiny mistake can cause nasty results. Always make a back-up of the original files in case you make a mistake. Go to Appearance >> Editor and edit the style.css file for the theme. Search for /* Logo, hide text */. You will see a block of code underneath it that looks like this:.header-image .title-area,
.header-image .site-title,
.header-image .site-title a {
float: none;
margin: 0 auto;
max-width: 350px;
min-height: 250px;
padding: 0;
width: 100%;
border: none;
}Change the values in the bold parts to the dimensions of your header and save.
Now, go to Appearance >> Editor and edit the functions.php file for the theme. Search for //* Add support for custom header. You will see a block of code underneath it that looks like this:
//* Add support for custom header
add_theme_support( ‘custom-header’, array(
‘width’ => 300,
‘height’ => 150,
‘header-selector’ => ‘.site-title a’,
‘header-text’ => false
) );Change the values of the bold parts to the dimensions of your header and save. Now, go to the header page and upload your header.
Still need help? Contact us via our contact form for additional support.