Installing your Theme ↑ Back to top
To learn how to install your theme please reference our documentation here: Installing a Theme
Editorial Theme Demo: demo.woothemes.com/editorial
Checking your theme version ↑ Back to top
You can confirm your theme and WooFramework version by going to: Editorial > Framework
Activate your Theme Key ↑ Back to top
After you install your theme, be sure to activate your theme key by downloading and installing the WooCommerce Helper plugin. This will verify your site when contacting support and will enable 2-click updates for quick theme upgrades down the road.
Updating your theme
It is very important to ensure you have the latest version of your theme at all times. This is the best way to proactively troubleshoot issues on your site.
Setting up the home page ↑ Back to top
Below is a screenshot of the Editorial home page with each of it’s modules explained. More detailed documentation below.
The home page of Editorial is modular with each module enabled or disabled in the theme options with the sidebars being widget based, with 4 regions available for placement of custom woo widgets in the footer and 1 sidebar region. Place widgets in these regions by going to: Appearance > Widgets, follow the steps on placing widgets below under the corresponding documentation.
If you don’t want the primary sidebar to appear on the home page simply don’t place any widgets in it (the same applies to the footer region) and your two column post layout below the featured slider will become a 3 column post layout spanning the full width of the website wrapper. You can also use the Sidebar Manager documented below to add unique sidebars to specific pages of the site.
Setting up the featured slider ↑ Back to top
The unique home page featured slider can be used to display noteworthy blog posts – this is because it is tag based. Once you have specified the tag it must loop through to display posts, make sure you add that tag to the blog posts you want to feature. It will display the title of the post, the excerpt, and the optional, but important, custom image which is the focal point of the panel. You can also have a slide dedicated to a video.
In the Editorial Settings panel below the Post Editor in the screenshot above, you’ll see the control you have over how the slide will look. Each slide can have a specific slide effect, and the slide excerpt can be positioned very specifically.
To specify the image to use in the slide, upload an image from your computer in the Image box at the top of the Editorial Settings panel for your post.
If you’ve want to use a video in the post, you can add the embed code for your video into the Embed Code box under Image Crop Alignment setting. You can then choose whether to display the video in the slide, or an image that clicks through to the single post page where the video can also be played from.
Setting up the Recent News Area ↑ Back to top
On the Editorial home page you can display posts from specific categories below the optional featured slider. These posts appear in a 2 or 3 column layout, depending on whether you use the primary sidebar widgetized region on the home page.
This area by default displays latest blog posts, but you can also specify specific category’s blog posts to also appear in the tabber. The tabber is AJAX powered so it will not load all the posts on the initial page load, instead it will load them when that tab is clicked on. This will save on initial load time of your homepage.
You can setup this area by going to: Editorial > Settings > Homepage.
The Recent News theme options. We’ve specified 3 categories to pull through as tabs, as well as the default latest news tab.
Setting up the More News Area ↑ Back to top
Below the Recent News area you can display even more blog posts on your homepage. To setup the More News area of your homepage, go to: Editorial > Settings > Homepage and scroll down to the Enable ‘More News’ Section option. This allows you to Enable/Disable this area. The settings below it allow you to specify the amount of blog posts to display. You can then also specify whether to display a thumbnail with the little posts and the position of that thumbnail:
Blog posts that appear in the Recent News area and the Featured Slider will be excluded from appearing here.
Customizing the unique layouts of your blog posts ↑ Back to top
Editorial’s unique selling point is the ability to completely customize the look of your blog posts when viewed individually.
When adding/editing a blog post make sure you’ve set all the Editorial Settings panel options for your custom layout to apply to the post. If you ignore the options and publish the post it will display using the default post layout – a singular content column with a widgetized sidebar.
A step-by-step guide below:
- Give your post a title and add your content using the Post Editor, as you would usually in WordPress.
- Add an excerpt for your blog post if you don’t want one automatically generated from the first few lines of your blog post.
- In the Editorial Settings panel, add an optional image using the Image upload box , as well as an optional video embed code in the Embed Code box if your post has a video in it.
- If you wish to feature this post in the homepage featured slider follow the Setting up the featured slider documentation above, and specify your Slide Content and Slide Excerpt Position from the dropdowns.
- Below the Slider Settings, there are several Gallery Settings that let you specify whether to show the image gallery in your blog post, or prefer to place your images in the columns individually.
- Belwo that, Column Layout Style allows you to specify how many columns to split your post content into. In the above example we specified a 2 column with a narrow left column and wider right column.
- You can then specify how many columns the post title, image gallery/slider, and except should span.
- Seeing we specified the 2 column layout for the post content we need to place only one column divider in our post. Place it like you would a “Read More” break anywhere in your content. Look for the Column Layout Style button next to the WooThemes Shortcodes button in the Post editor.
Widgets ↑ Back to top
Custom Editorial widgets ↑ Back to top
The theme includes 8 custom widgets that you can add to any of your 5 widgetized regions – 1 sidebar and 4 footer widgetized regions.
The custom woo widgets included are:
- Woo – Adspace
- Woo – Search
- Woo – Tabs
- Woo – Twitter Stream
- Woo – Flickr
- Woo – Blog Author Info
- Woo – Embed/Video
- Woo – Subscribe/Connect