“Theme Documentation”

“WP Metro Wordpress Theme”

Created: 6th Mar, 2014
Updated: 6th Mar, 2014
By: WPMetro.com

Thank you for purchasing the 'WP Metro' theme for Wordpress. If you have any questions that are beyond the scope of this help file, please feel free to get in touch with us via our website.

Table of Contents

  1. Changelog
  2. Theme Installation
  3. Dummy Contents
  4. Theme Options Page
  5. Featured Images
  6. Post Options & Formats
  7. Building a Menu
  8. Using Shortcodes
  9. Custom Logo
  10. Plugins

A) Changelog - top

Version 1.0
(6th March, 2014)

B) Theme Installation - top

  1. Extract the contents of the ZIP file you have downloaded to somewhere convenient such as your desktop.
  2. Login to your Wordpress administration area.
  3. Select 'Themes' within the 'Appearance' admin menu.
  4. Click the 'Install Themes' tab located at the top of the page.
  5. Select the 'Upload' option to enable the file browser.
  6. Using the file browser, browse to the folder you just created by extracting the ZIP file.
  7. Locate 'wpmetro.zip' from within the 'Theme' folder and begin uploading.
  8. Once uploaded, you can go ahead and activate the theme.
  9. Configure the theme for use by visiting the 'Theme Options' page under the 'Appearance' menu.

C) Dummy Contents - top

  1. Login to your Wordpress administration area and click 'Import' under the 'Tools' menu.
  2. If this is a fresh installation of Wordpress you'll need to install the importer tool first. Simply click the 'Wordpress' link, followed by the red 'Install Now' button to proceed with the installation, activate the plugin.
  3. Click 'Import' under the 'Tools' menu.
  4. Browse to the XML files we supplied you with (within 'XML' folder).
  5. Follow on-screen prompts and import everything from the file.
  6. Again, if this is a fresh installation of Wordpress, you'll want to remove the default 'Hello World' post also.

D) Theme Options Page - top

  1. Click 'Theme Options' under the 'Appearance' menu.
  2. Visit each sub-section and configure as desired, take note of the accompanying usage text next to each option.
  3. Hit the 'Save Changes' button when done.

E) Featured Images - top

  1. Open or create a post via the 'Posts' menu.
  2. Find the 'Featured Image' block within the sidebar (default position).
  3. Click the 'Set featured image' link to open the file browser window.
  4. Drag & drop your chosen image onto the window to begin uploading (or select a previous image from your library).
  5. Click the blue 'Set featured image' button to confirm your chosen image.
  6. For best results, use images measuring 600*450px or similar.

F) Post Options & Formats - top

There are several post options available to you when writing/editing a post that will help you enhance your content aswell as adding additional information & media to a post using the built-in 'Custom Fields' feature within Wordpress.

There are 3 custom fields available to you, 'youtube', 'soundcloud' and 'subtitle', all of which are case-sensitive (use lowercase letters only).

YouTube Video

  1. Create a new, or edit an existing, post from the 'Posts' admin menu.
  2. Create a custom field called 'youtube' and paste the 'watch code' of any YouTube video you wish into the 'value' field.
  3. A videos 'watch code' can be taken from the URL of any existing YouTube video.
  4. Click the small 'update' button located below the custom field you just added.
  5. Select the 'Video' post format option from the sidebar to tell Wordpress that this is a video post.
  6. Click the blue 'Update/Publish' button.

SoundCloud Audio

  1. Create a new, or edit an existing, post from the 'Posts' admin menu.
  2. Create a custom field called 'soundcloud' and paste the 'track ID code' of any SoundCloud audio you wish into the 'value' field.
  3. The track ID code can be taken from a tracks embed code, simply select any track and click the 'Share' button, followed by the 'Embed' tab to reveal an iframe embed code that contains the 8-digit track ID number.
  4. Click the small 'update' button located below the custom field you just added.
  5. Select the 'Audio' post format option from the sidebar to tell Wordpress that this is an audio post.
  6. Click the blue 'Update/Publish' button.

Post Sub-Title

  1. Create a new, or edit an existing, post from the 'Posts' admin menu.
  2. Create a custom field called 'subtitle' and paste any amount of text you wish into the 'value' field.
  3. Click the small 'update' button located below the custom field you just added.
  4. Click the blue 'Update/Publish' button.

Post Format Effects

The effects of using certain post formats is explained below:

  1. Videos will only appear within a post if the Video post format is used.
  2. Audio will only appear within a post if the Audio post format is used.
  3. Featured images will not be shown within a post if the Gallery post format is used.
  4. If no post format is used, Featured images will be displayed as normal.

G) Building a Menu - top

  1. Click 'Menus' under the 'Appearance' menu.
  2. Create a menu and place your chosen links wherever you please.
  3. Hit the 'Save Menu' button to confirm your menu.
  4. Click 'Manage Locations' tab at the top of the screen.
  5. Select your chosen menu from the dropdown list.
  6. Click 'Save Changes' button to confirm your changes.

H) Using Shortcodes - top

  1. Open or create a post via the 'Posts' menu.
  2. Within your post text use any of the following shortcodes.
  3. [red] [blue] [green] [orange] [purple] [leftfloat] [rightfloat]
  1. Click 'Logo' under the 'Appearance' menu.
  2. Click 'Upload Logo' button to open the image browser window.
  3. Drag & drop your chosen image onto the window to begin uploading (or select a previous image from your library).
  4. Click 'Use as Logo' button to confirm your image choice.
  5. For best results use rectangular images.

J) Recommended Plugins - top

There are some plugins that are fully-supported (and recommended) by this theme, namely:

  1. WP Days Ago (Changes post dates to X Days Ago)
  2. JetPack (Commenting System, Social Buttons, Full-Screen Image Galleries, and Related Posts)
  3. Force Regenerate Thumbnails (Regenerates featured images to ensure correct display on mobile devices)

COPYRIGHT © 2014 WPMetro.com. All rights reserved.