1. Documentation
  2. Themes
  3. Editorial


Important: This theme was retired in October 2015 and is not for sale. Documentation is no longer being updated.

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.

Please reference the WooCommerce Helper Documentation to learn more.

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 Editorial homepage explained.

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

You must have more than one post tagged with your slider tag for this to work.

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.

Editorial SettingsAdding the tag to the post is important, as is specifying the image to use in the Editorial Custom Settings panel below the Post Editor in Posts > Edit Post or Posts > Add New:

Adding a post to the slider. You can control exactly what appears, it's position, and the slider transition in the Editorial Custom Settings panel.
Adding a post to the slider. You can control exactly what appears, it’s position, and the slider transition in the Editorial Custom Settings panel.

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.

Note: You must specify the categories to appear in the tabber by adding their category IDs in the “Recent News Categories” field. You can place them in any order and separate them with a comma. This gives you complete control over what appears.

Homepage Settings

The Recent News theme options. We’ve specified 3 categories to pull through as tabs, as well as the default latest news tab.

The recent news module on the Editorial home page, with the settings used above.

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:

More News

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.

Post Custom Layout Settings

The end result of the post above – the single post view with the 2 column post content enabled.

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:

  1. Give your post a title and add your content using the Post Editor, as you would usually in WordPress.
  2. Add an excerpt for your blog post if you don’t want one automatically generated from the first few lines of your blog post.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
  7. You can then specify how many columns the post title, image gallery/slider, and except should span.
  8. 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.
If you were to choose a 3 column layout for your post content you’d need two column breaks in your post content.

Column Break Point Button

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

WooCommerce - the most customizable eCommerce platform for building your online business.

  • 30 day money back guarantee
  • Support teams across the world
  • Safe & Secure online payment