Theme Documentation

Important Note:

To make sure you're using the latest version of this help file, please check out the Online Documentation →.

Version:
0.3
Last Update:
Apr 1, 2014 (Not an April Fool's joke!) :)
Created By:
Akash Bhadange and Marco Dedo
Theme Demo:
View Demo
Support and asks:
Click here

********************

Thanks!!

The scope of this documentation file is to provide you with the information you need to help you get started with your new theme. From the first steps of installing the theme, to creating custom pages and styling the whole thing for your needs.

Should you have any questions that are beyond the scope of this help file, please feel free to post them to on our Support Click here.

********************

Getting Started

Theme Files

Assets
Dummy Data — Contains an XML file that you can import into your WP instance to populate your site with dummy data.
Theme Options Styles - Contains an TXT file that you can import into your Backup Options to transfer sample content in your site with dummy data.

Documentation
Contains the current help file that comes with the theme.

License
Licensing information files.

Theme Files
Here are all the theme files you'll need to get started (zipped & unzipped).

Theme Requirements

In order to proceed with the theme installation, you need to make sure you have the latest version of WordPress (3.8+) on your self-hosted site.

Click here to read more about what you need to run WordPress on your host.

********************

Theme Installation & Configuration

Step 1: Theme Installation

Upload via ftp:

First, unzip the zip archive you downloaded on your computer. Search the folder named legend-wptheme and upload to your server via ftp to the /themes/ directory on your Wordpress installation. (wp-content > themes)

Upload via Wordpress admin:

Go to your Wordpress admin, and in the Appearance-panel, choose Add New Themes. Click Add new. Upload the legend-wptheme.zip. Do not upload the entire zip archive you downloaded from the web. Upload only the legend-wptheme.zip file. If you have a "missing stylesheet" issue you are uploading the wrong file!

Installing WordPress http://codex.wordpress.org/Installing_WordPress

Activation

Once you have uploaded the theme, activate your theme in Appearance > Themes.

Using Themes http://codex.wordpress.org/Using_Themes

Step 2: Plugin Installation

A notice at the top of the screen will now suggest to continue with the recommended plugins installation. Click 'Begin installing plugins' and select the plugins you need to install from the list. All plugins must be activated once the installation has finished.

Required Plugins:

Contact Form 7 — an manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup.

Step 3: Contact Form Plugin Settings

Contact Form

Go to your Wordpress admin, and in the Contact-panel, choose Add New.

Click Add new.

Choose a name for a new form and in the section Form paste this code:

<div class="row">
<div class="span6">
<span class="your-name">
[text* your-name 40/ class:cform-text placeholder "Your Name"]
</span>
</div>

<div class="span6">
<span class="your-email">
[email* your-email 40/ class:cform-text placeholder "Your Email"]
</span>
</div>
</div>

<div class="row">
<div class="span6">
<span class="company">
[text your-company 40/ class:cform-text placeholder "Your Company"]
</span>
</div>

<div class="span6">
<span class="website">
[text your-website 40/ class:cform-text placeholder "Your Website"]
</span>
</div>
</div>

<div class="row">
<div class="span12">
<span class="message">
[textarea your-message 40x10 class:cform-textarea]
</span>
</div>
</div>

<div>
[submit class:cform-submit class:pull-left "Send message"]
</div>
<div class="cform-response-output"></div>

In the section Mail insert this:

To:
Your Email (The email address where you want to receive messages)

From:
[your-name] <[your-email]>

Subject:
Legend! Responsive WP Theme (Insert your subject)

Message body:
From: [your-name] <[your-email]>
Comapy: [your-company]
Website: [your-website]

Message Body:
[your-message]

--
This e-mail was sent from a contact form on Legend! Responsive WP Theme

Now copy the shortcode (eg. [contact-form-7 id="xxx" title="xxxxxxxxxxx"])

and paste it in the Theme Options panel filed (navigate to Apparence > Theme Options > Contacts) and click Save All Changes.

Newsletter

Go to your Wordpress admin, and in the Contact-panel, choose Add New. Click Add new. Choose a name for a new form and in the section Form paste this code:

[email* your-email 40/ class:cform-text placeholder "you@yourmail.com"] [submit class:cform-submit "Notify me"]

In the section Mail insert this:

To:
Your Email (The email address where you want to receive messages)

From:
<[your-email]>

Subject:
Subscribe to newsletter (Insert your subject)

Message body:
[your-email] is subscribed to newsletter

--
This e-mail was sent from a contact form on Legend! Responsive WP Theme

Now copy the shortcode (eg. [contact-form-7 id="xxx" title="xxxxxxxxxxx"])

and paste it in the Theme Options panel filed (navigate to Apparence > Theme Options > Contacts) and click Save All Changes.

Optional Dummy Data Import

The theme comes with a .xml file containing demo content you can import into your WordPress site to populate your database. This will help you get started, in case you are running on a fresh WordPress installation with no content at all.

The XML file includes Demo Blog Pages, Demo Blog Posts, Demo Homepages, Demo Comments, etc. The XML file does not include any.

********************

Theme Options

The Theme Options Panel

The Theme Options Panel helps you easily take control over your site, by allowing you to change your logo, style the appearance of the theme with your custom colors, change fonts, turn features on and off, without having to write any code.

To access the Theme Options panel, navigate to Appearance > Theme Options.

Note:

Clicking 'Options Reset' button will replace your current settings with the default ones. You might consider creating a backup for your options.

Backup and Restore Your Options

After you create a set of settings, you might want to save your work. This is useful if you want to experiment with the options while keeping the old settings in case you need them again.

Navigate to the Backup Options section in the Theme Options Panel and click the 'Backup Options' button. Once the options page has reloaded, you will be able to restore your options by clicking the 'Restore Options' button.

Transfer Theme Options Data

You will find this feature useful in case you need to transfer the saved options data between different WordPress installs, or you just want to save/import/export different backup versions of your theme options.

Navigate to the Backup Options section in the Theme Options Panel and paste your code in the 'Transfer Theme Options Data' textbox. Click 'Import Options' and your options should be imported and activated instantly.

Options Options Style import

The theme comes with a .txt file containing demo Options Style you can import into your Backup Options to transfer sample content. This will help you get started.

Icons

In some sections of the page is designed to use an icon. Below are the list of available icons.

Icons from Fontello.com

  • icon-plus
  • icon-heart-empty
  • icon-heart
  • icon-tools
  • icon-cog
  • icon-attention
  • icon-mail
  • icon-mail-1
  • icon-mail-2
  • icon-cancel
  • icon-cancel-circled
  • icon-cancel-squared
  • icon-plus-circled
  • icon-ccw
  • icon-list
  • icon-wordpress
  • icon-desktop-circled
  • icon-desktop
  • icon-pencil-circled
  • icon-group-circled
  • icon-cog-circled
  • icon-chat
  • icon-vcard
  • icon-map
  • icon-basket
  • icon-popup
  • icon-window
  • icon-chart-pie
  • icon-thermometer
  • icon-down-circled
  • icon-left-circled
  • icon-right-circled
  • icon-up-circled
  • icon-down-open
  • icon-left-open
  • icon-right-open
  • icon-up-open
  • icon-down-open-mini
  • icon-left-open-mini
  • icon-up-open-mini
  • icon-down-open-big
  • icon-left-open-big
  • icon-up-open-big
  • icon-install
  • icon-brush
  • icon-brush-1
  • icon-brush-alt
  • icon-chart-pie-1
  • icon-terminal
  • icon-vector
  • icon-vector-pencil
  • icon-link-ext
  • icon-beaker
  • icon-mail-alt
  • icon-flickr
  • icon-flickr-circled
  • icon-vimeo
  • icon-vimeo-circled
  • icon-twitter
  • icon-twitter-circled
  • icon-facebook
  • icon-facebook-circled
  • icon-facebook-squared
  • icon-gplus
  • icon-gplus-circled
  • icon-pinterest-circled
  • icon-tumblr
  • icon-tumblr-circled
  • icon-linkedin
  • icon-linkedin-circled
  • icon-dribbble
  • icon-dribbble-circled
  • icon-stumbleupon
  • icon-stumbleupon-circled
  • icon-lastfm
  • icon-lastfm-circled
  • icon-skype
  • icon-skype-circled
  • icon-paypal
  • icon-picasa
  • icon-picture
  • icon-target
  • icon-thumbs-up
  • icon-thumbs-down
  • icon-lamp
  • icon-alert
  • icon-monitor
  • icon-chart-line
  • icon-chart-bar
  • icon-clipboard
  • icon-phone
  • icon-megaphone
  • icon-download
  • icon-mobile
  • icon-mobile-2
  • icon-mobile-1
  • icon-camera
  • icon-link
  • icon-chart-area
  • icon-rocket

********************

Setting Up Pages

Generate Homepage

Navigate to Pages > Add New.

In the Page Attributes section, select One Page - Homepage Templates from the list.

Adding title "Homepage" and click Publish/Update.

Generate News Page

Navigate to Pages > Add New.

Adding title "News" and click Publish/Update.

Homepage and News Setup

To set the pages you have create as a Homepage and News, navigate to Settings > Reading, select "A static page" and choose "Homepage" as the Front Page and "News" as the Posts page.