Genesis: Stage 2: User Manual
Note: If you just want to setup your site like our demo site to start, read this section.
Great Resources
- How to install a Genesis theme.
- This theme uses the WordPress gallery options, more info here.
- Using the WordPress Menu system to create your Navigation.
- There are many general Genesis tutorials listed here.
- We have many useful plugins listed here.
- For the contact form option on the front page you need to use a contact form plugin. We highly recommend Gravity Forms, Contact Form 7 is a lesser, but free alternative. Note design customizations to make other contact plugins work are not provided by Themedy Support.
After Installation Tips
- Make sure your: "Settings -> Reading -> Front page displays" is set to "Your latest posts"
- Setup your navigation menu at: "Appearance -> Menus"
- Add your Header / Logo image at: "Appearance -> Header"
- You can change this themes site background options at "Appearance -> Background"
- Visit the Appearance -> Widgets area to add content where needed.
Special Widget Areas
- Home: Introduction: This is shown right under the photo grid on the homepage, we used a text widget here on our demo site.
- Home: Map Widget Overlay: This is where we added our Gravity Forms widget to display the contact form over the Google Maps area on the homepage.
Themedy Settings Explained
You can reach the Themedy settings panel by visiting "Appearance -> Themedy Settings"
Appearance: Using this color panel you can change the overall "action color" of the site. This color is applied to various detail elements, like buttons, hover colors, contact form background etc.
Featured Grid Area: Controls the top dynamic portfolio / photo grid header at the top of the homepage area.
- Galleries Grid: Pulls from all the posts created in the WordPress Dashboard -> Galleries area (pulls WordPress featured image)
- Portfolio Grid: Pulls from all the posts created in the WordPress Dashboard -> Portfolio area (pulls WordPress featured image)
- Blog Posts Grid: Pulls from all the posts created in the WordPress Dashboard -> Posts area (pulls WordPress featured image)
- Single Gallery Grid: Pulls from a single gallery post, you must enter the Gallery Post ID in the box below. When writing the post be sure to include a WordPress gallery (Add Media -> Create Gallery on post editing screen) as it will pull the images from there.
Content Slider: This area controls the slider on the homepage located after the photo grid header and "Home: Introduction" widget area. Create your slides under the WordPress Dashboard -> Slides area, the WordPress featured image will be used as the overall background image for the slider area.
General Options:
- "Enable the jQuery mobile menu?": Adds a drop down toggle for the menu when viewed on a mobile device.
- "Enable jQuery retina-ready images?": Creates retina ready images for devices with retina displays.
- "Enable latest posts on front page?": Pulls in your latest 3 blog posts under the Content Slider section.
- "Front page Map Embed url": You can add a Google Maps embed URL here to show a Google Maps location as shown in our demo site.
See how to get your Google Maps embed link
Social List: Add your social media accounts here to have them show up at the top of your site.
Footer: Customize the text shown in the footer area.
Using the Galleries Custom Post Type
This is how you create the gallery pages, ie: Sample Gallery Page
- Go to Galleries -> Add New
- Insert / create the gallery by using the WordPress Gallery Creation process.
- You can then add text under the gallery shortcode you just created, which will be shown under the gallery slider.
Using the Featured Photo Grid Feature on the Front Page
We've put together a quick video walkthrough that goes over this feature here.
Recommended plugins are WP Show IDs (to get page / post / category ID numbers) and AJAX Thumbnail Rebuild (if you have existing images before you use this theme, run this first), both of which can be found here.
Setting up the Portfolio
A customer of ours has put together a great video showing you how to setup our portfolio section in Thesis 2. However, many of the steps are the same for Genesis users check it out here.