Genesis: Line it Up 2: User Manual
Note: If you just want to setup your site like our demo site to start, read this section. Make sure you have WooCommerce active before importing the demo content - when it asks you can skip the WooCommerce page setup when it asks you.
- How to install a Genesis theme.
- Using the WordPress Menu system to create your Navigation.
- There are many general Genesis tutorials listed here.
- We have many useful WooCommerce and other 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 "A static page (select below)" and both drop downs have a page selected. (just create two blank pages if you haven't yet - called Home and Blog for example, to choose here)
- 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.
Note that for the most part these are just suggested sizes, but they give you a starting point.
portfolio-thumbnail: 297x211 (images on the portfolio listing page)
featured-thumb size: 234x100 (icons shown beside featured testimonial)
themedy-testimonial-standard: 48x48px (icons shown beside non-featured testimonials)
themedy-blog-thumbnail size: 680x250px (shown above blog post excerpts)
shop_thumbnail size: 200x200
shop_catalog size: 310x310
shop_single size: 640x640
Themedy Settings Explained
You can reach the Themedy settings panel by visiting "Appearance -> Themedy Settings"
- "Enable jQuery retina-ready images?": Creates retina ready images for devices with retina displays.
- "Enable the jQuery mobile menu?": Adds a drop down toggle for the menu when viewed on a mobile device.
- "Show Title and Tag area across site?": This is the full width title / text area under the logo before the rest of the content. Customize this per page by looking for the "Themedy Options" box in your page editor when editing a page.
- "Show WooCommerce shopping cart across site?": Show or hide the cart icon in the header.
- "Custom Blog Title / Tag": This will be shown in the header of your blog listing page.
Slider: Various slider settings, turn on auto slide here by entering a value in Slide Pause in ms, i.e 1000 = 1 second.
Front Page Options:
- "Enable Options" - Turn on / off these areas mentioned.
- "Testimonial / Subscribe Area": Change the text in these areas.
Subscribe Area: This is the email subscribe area shown on the front page. You can use these instructions to use MailChimp / Aweber or you can enter a shortcode for a contact form from a plugin like Gravity Forms.
Appearance: Using this color panel you can change the overall color scheme of the site. This color is applied to various detail elements, like buttons, hover colors, contact form background etc.
Footer: Customize the text shown in the footer area.
Special Options Area
When editing a page look for the "Themedy Options" box to add a custom page title / tag line that will show under the logo before the content.
Features (bomb, rocket, trophy area seen on demo site) / Testimonials
Adding items to these areas will automatically populate them on your front page. They will publish in the order they are shown in your WordPress admin. You can easily reorder them after you publish them using these instructions.
We used this shortcode using our Toolbox plugin for the "Read More" buttons under each:
[themedy_button url="#feature2" label="Read More" colour="theme" size="small" edge="straight" target="_self"]
When creating the feature item you can add this right into the post content where you wish it to be displayed.