Outspoken

$68

ouspoken-homepage

A highly customizable WordPress theme developed based on your needs. Outspoken is a responsive, clean, simple & easy to customize. Theme specifically designed for your new website, blog or online magazine.

Responsive & Fluid Layout

We’ve done a lot of work to make such a complex theme responsive. Not only did we use media queries, we also made the theme completely flexible on a wide range of devices. The theme adapts the layout to the viewing environment by using fluid, proportion based grids, flexible images and CSS3 media queries.

responsive

Fully Widgetized Homepage

All design elements work on the home page work on the usual widgets, so you can easily customize the design for your needs with minimum effort.

Screen Shot 2014-01-23 at 17.46.12

Clean Typography & Layout

Despite the theme’s complexity and load, we tried to make it as spacious and light as possible.

Custom Pages with Homepage Widgets Support

You need a blog or a journal? That’s easy! Page Templates, just like your homepage, support homepage widgets, so you can add a slider, or any other widget in just two clicks, without even touching the code.

pagees

Post Formats

Outspoken supports standard post formats: Video, Gallery, Image & Audio. We made two types of post type display: large (full width) & small, so now you can easily adjust the focus on your information.

Outspoken supports all your favorite WordPress.com features, including:

  • Infinite Scroll
  • Custom Colors
  • Custom CSS
  • Custom Fonts
  • Shortcodes
  • Social Media Buttons
  • & More

Quick Specs (all measurements in pixels):

  1. Design width is 1112
  2. Main column width is 730
  3. Sidebar width is 352
  4. The featured images work best with images at least 1112 wide for Big Slider and Image posts
  5. For everything else, please use images that are at least 730

Screen Shot 2014-01-23 at 18.12.52

Homepage Setup

The Outspoken homepage is fully widgetized, and all homepage widgets work the same as sidebar widgets.

Navigating to Appearance → Widgets, you will see a widget area called ‘Homepage Widgets’. Drag any Homepage Widgets to this area just like default widgets. Homepage Widgets have a blue border, like so:

Screen Shot 2014-01-23 at 18.23.01

Don’t worry if you accidentally add other widgets there, default ones work there too. Almost every widget has options, so you can customize all widgets to your needs. In the end, you should get something like this:

Screen Shot 2014-01-23 at 18.27.16

Last but not least, add sidebar widgets, just like regular ones.

Adding posts to Homepage Widgets

Open the editor of the post to which you want add to a homepage widget and locate the Display post in module in the bottom right corner under Tags. Then select the widget in which you want to show your post:

Screen Shot 2014-01-23 at 18.55.28

Tabs Widget

To create a tabs widget, find the ‘Outspoken Tabs‘ widget and add it to the desired sidebar area. After that, add desired widgets to the Tabs Widgets area:

Screen Shot 2014-01-23 at 18.40.05

Menus

Visit the Appearance -> Menus page to create custom navigation menus. Outspoken supports two locations for your menus: Main Menu & Top Menu. Theme Locations are specific areas in this theme where your menus can appear. After creating your menu, be sure you add it to a Theme Location.

Screen Shot 2014-01-23 at 18.36.28

Featured images

With custom header images, you can display your own photo on your blog’s page headers. Featured images allow for even greater customization, giving you the option to display unique custom header images for specific posts and pages or set thumbnails for special features of your theme.

Open the editor of the post or page where you want to display a unique custom image, and locate the Featured Image module in the bottom right corner. Click Set featured image.

If you don’t see the Featured Image module on your Add New or Edit Post page, please make sure you’ve selected Featured Image in your Screen Options.

MP6-Featured-Image

You will see an uploading screen identical to that used when inserting an image into a blog post. Follow the on-screen prompts to choose the image from your computer and upload it or choose it from one of the images already in your Media Library.

Once the image has successfully been uploaded, you’ll see one or more images displayed as thumbnails. Click on the one you want to use as a featured image. It will then appear outlined in blue with a checkmark. If desired, you can add a caption and alt text under the Attachment Details area (optional).

Next, click the button Set featured image:

MP6-MediaLibrary

Don’t forget to click Update on your post/page to save your changes. Your featured image is now set!

Using a Custom Page Template for the Homepage

First of all, you need to create a page with the custom template. To do that, navigate to Pages → Add New, choose a name for the page & choose the template under Page Attributes:

Screen Shot 2014-01-23 at 18.45.45

Press Publish and you’re almost done. Now navigate to Settings → Reading. You will see a Front page displays option. Now select  A static page (select below) & choose your freshly created page from the drop-down menu:

Screen Shot 2014-01-23 at 18.48.39

Save your changes and you’re done!

Page Templates

Most page templates have custom logic for content and won’t use anything (shortcodes etc.) you put in content textarea. Templates that uses full content are – Full Width Page, Image Gallery & Default page template. Other page templates will display following information:

  1. Blog – Displays your latest post in default way, post formats supported.
  2. Magazine – Displays your latest post with predefined design (Title, Image, Excerpt)
  3. Grid – Displays your posts masonry/grid style, post formats are supported.
  4. Tags – Displays all your tags.
  5. Archives – Displays popular categories, archives by month and popular tags.
  6. Sitemap – Displays links to all your posts, pages, categories. This template used as index page for search engines.

Don’t forget that page templates are made for content (Blog, Magazine, and Grid) support homepage widgets (the widgets always appear on top).