You are on page 1of 10

Page 1

80/20

WordPress Theme

This document will guide you through the installation and setup of this theme. You will also find help with more general and commonplace WordPress setup and features.

theme shared on wplocker.com WordPress themes by Paul Winslow / @paulwinslow89

(shared on wplocker.com)

Page 1

1. Installing the theme 1.1 FTP install 1.2 WordPress dashboard install 1.3 Activate the theme 2. Prepare the homepage 2.1 The "homepage" page template 2.2 Front page display setting 2.3 Custom navigation menus 2.4 General theme options 3. Post thumbnails (featured images) 3.1 Attach thumbnail images to posts 4. Featured 'sticky' posts 4.1 Homepage featured posts 5. Print-issue page template 5.1 Using the print-issue page template 6. Custom widgets 6.1 Custom post loop 6.2 Tweet, Tweet 6.3 Current print issue 7. Third-party scripts / plugins

theme shared on wplocker.com

(shared on wplocker.com)

1. Installing the theme


Before you are able to follow this section you will need to have first successfully installed your copy of WordPress. You will find everything you need to know about installing and configuring WordPress in the Installing WordPress section of the official codex http://codex.wordpress.org/Installing_WordPress 1.1 FTP Upload - You can install the theme via your favourite FTP client providing you have access to your web server. With the download file unzipped, as well as the single theme zip, you will want to move the theme folder to the /wp-content/themes/ directory of your WordPress install. 1.2 WordPress Dashboard Upload - You can also install the theme from directly within your WordPress dashboard. Again, you will want to make sure you have unzipped the download file as to free the single theme zip file inside. You will need the single theme zip to remain zipped up - do not extract this file. From here you will want to navigate to Appearance > Add New Themes > Upload in your dashboard. Hit the Browse button and select the theme zip file from your computer. Hit the Install Now button and WordPress will take care of installing the theme. 1.3 Activate the theme - With the theme installed, you will now want to navigate to Appearance > Themes and click the Activate link. Visit the Themes section of the codex for a complete guide http://codex.wordpress.org/Themes

theme shared on wplocker.com

(shared on wplocker.com)

2. Prepare the homepage


2.1 The "homepage" page template - The first step to setting up your homepage is to navigate to Posts > Add New in your dashboard to publish your page. Give your page a title of "Home", and then select the "Homepage" template from the Template drop-down list in the Page Attributes panel. Hit the Publish button.

2.2 Front page display setting - You will now want to tell WordPress to use your new "Home" page as your site's front page. First navigate to Settings > Reading in your dashboard where you will notice a setting called "Front page displays". You will want to check the option called "A static page" and then select your "Home" page from the "Front page" drop-down list. Scroll down and hit the Save Changes button. 2.3 Custom navigation menus - There are two custom navigation menu locations in this theme - Primary and Footer. To create your custom menus and to place them in these locations, first navigate to Appearance > Menus in your dashboard.

theme shared on wplocker.com

(shared on wplocker.com)

You will first want to enter a name for your navigation menu which can be any name that you like. You can now begin adding pages, post categories, and even custom links to your menu from the panels on the left. With your pages added to your menu you will want to hit the Save Menu button. To place your new navigation menu onto your site you can simply select it from one of the two drop-down lists in the Theme Locations panel before hitting the Save button.

2.4 General theme options - You will find a small handful of settings that you can play with by navigating to Appearance > Theme Options in your dashboard. From here you can upload your custom logo image to replace the default theme logo, you can upload your custom favicon image to replace the default theme favicon, you can choose a main colour to use for your site with the colour-picker, and you can also enter your footer copy which is the text directly underneath your footer menu.

theme shared on wplocker.com

(shared on wplocker.com)

3. Post Thumbnails (Featured Images)


3.1 Attach thumbnail images to posts - Post thumbnails is a theme feature that lets you attach an image to your post. Post thumbnails are also known as featured images. Navigate to Posts > Add New if you are writing a new post or Posts > All Posts to open up an existing post. You will find a Featured Images panel in your post editor which we will use to attach your image. If you do not see this panel anywhere in your editor, you will want to open up the Screen Options tab at the very top of your window to check-on the "Featured Images" panel. Click the Set featured image link to pop-up the media manager. If you are uploading your image from your computer you can either drag the file directly into the dashed rectangle as instructed on-screen or click the Select Image button to browse for your file. When WordPress has finished uploading the image you will want to scroll to the bottom of the pop-up window and click the Use as featured image link. The theme will automatically resize your image to fit the layout of whichever partciular page you are viewing.

theme shared on wplocker.com

(shared on wplocker.com)

4. Featured 'Sticky' Posts


4.1 Homepage featured posts - If you have followed the "Prepare the homepage" section above then you will notice that your new posts are showing up in the featured slideshow area of the homepage template. This is because, to provide a smooth fallback, if you haven't yet made any of your posts 'featured' or 'sticky' then the slideshow will instead be used to show your newest posts. You might be happy to leave it this way so that your newest posts are shown in the slideshow. To make one of your posts 'featured' or 'sticky', first navigate to Posts > All posts in your dashboard to open up an existing post. In the Publish panel you will want to click the Edit link next to the Visibility option which will open a few settings. Check the box that says "Stick this post to the front page" and then click the Update button to save your post.

theme shared on wplocker.com

(shared on wplocker.com)

5. Print-Issue Page Template


5.1 Using the print-issue page template - If you are using this theme for a digital publication then you most likely will not need to use this template. However if you are using this theme for a print publication then you may find the print-issue page template to be useful. Navigate to Pages > Add New in your dashboard. You might want to give your page a title of "Issue 001" or something similar in regards to the issue number of your publication. Now select the "Issue" page template from the Template dropdown list in the Page Attributes panel. Now you will want to attach your images to your page. Click the media icon next to the Upload/Insert text underneath the title field to pop-up the media manager. You can either drag your images into the dashed rectangle as instructed on-screen or click the Select Images button to browse for your files. When WordPress has finished uploading your images you will have successfully attached them to your page. Simply close the window and click the Publish button. The theme will automatically resize the images to fit into the slideshow on the page template.

theme shared on wplocker.com

(shared on wplocker.com)

6. Custom Widgets
You will find all available widgets at your disposal by navigation to Appearance > Widgets in your dashboard, including a small handful of custom widgets that ship with this theme. You will find everything you need to know about WordPress widgets from the codex http://codex.wordpress.org/WordPress_Widgets 6.1 Custom post loop - The custom loop widget is similar to the default Recent Posts widget that comes with WordPress. However this custom chap will also display your post thumbnails / featured images with the list. You can choose how many posts to display, and you can also choose a specific post category by entering the category ID number. Leave this field empty to show posts from all categories. The following link will show you how to find the ID number of a specific category http://www.wprecipes.com/how-to-find-wordpress-category-id 6.2 Tweet, Tweet - The custom Twitter widget allows you to display a list of recent tweets from any account that you choose. Simply enter the username of the Twitter account followed by the number of tweets you would like to list. 6.3 Current Issue - If you are using this theme for a print publication you will most likely find the current issue widget very useful. Use it to display a description, a cover-image and a call-to-action for your current issue. You might want to upload your cover image file to your media library by navigation to Media > Add New in your dashboard before pasting the image URL into the widget options.

theme shared on wplocker.com

(shared on wplocker.com)

7. Third-Party Scripts / Plugins


A warm thank you to all of the developers and contributors of the following scripts and/or plugins that I have used in the development of this theme. jQuery library - http://jquery.com/ Flexslider - https://github.com/woothemes/FlexSlider MobileMenu - https://github.com/mambows/mobilemenu Superfish Menu - http://users.tpg.com.au/j_birch/plugins/superfish/ Skeleton - http://www.getskeleton.com/

And a warm thank you for purchasing one of my themes. I appreciate the support of every sale, and will do my best to guarantee quality product support in return. For the time being all support will be welcomed via the email form from my profile page :)

theme shared on wplocker.com

(shared on wplocker.com)