The Outspoken homepage is fully widgetized, and all homepage widgets work the same as sidebar widgets.
Adding Homepage 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:
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:
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:
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:
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.
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.
Setting a Featured Image
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.
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:
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:
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:
Save your changes and you’re done!
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:
- Blog – Displays your latest post in default way, post formats supported.
- Magazine – Displays your latest post with predefined design (Title, Image, Excerpt)
- Grid – Displays your posts masonry/grid style, post formats are supported.
- Tags – Displays all your tags.
- Archives – Displays popular categories, archives by month and popular tags.
- 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).
Blog template page as Post page limitations:
- The setting in Settings → Reading (Posts page) is ignored by the theme. Instead, you need to set a Page to the Blog template & not set that page to be your Posts page. If you set it to Posts page, then it will be treated like a Front Page.