Theme Installation - top

To install the theme you will need to download your purchase from Themeforest. Login to your Envato account, navigate to your downloads and find the theme. Click on the download link.

Download The theme

• Select the “All Files & Download” option to download the theme file and the sample data (the main theme file zip will be located inside the Upload folder)
• Select the “Installable WordPress File Only” if you just want the theme
  

Installing Via WordPress

• Login to WordPress Browse to Appearance > Themes
• Click Add New
• Click the Upload link
• Click Browse
• Select the zipped theme file to upload (the zip file is in the Upload folder if you chose to download all files) and click Install.
• Now Activate the theme

Installing Via FTP

• Login to your site via FTP
• Browse to your folder located at wp-content/themes
• Upload the main theme folder (the folder is located in the Upload folder if you chose to download all files)
• Login to WordPress
• Browse to Appearance > Themes
• Find and activate the theme

Installing Plugins

After installing the theme you should be prompted to install and activate the included plugins. A yellow Recommended Plugins notice should be visible at the top of your screen. Installation and activation is optional but recommended since each plugin adds an additional layer of functionality to the theme.

If you have accidentally dismissed the plugin installation notice, you need to deactivate the theme and activate it again, and now you'll be able to activate the included plugins.

Importing Sample Data = (1 Click Install).

1st option: With Pin WordPress Theme, there is no need to mess around with the XML files and missing content:

1. Install The theme.
2. Install and activete all plugins that comes with the theme.
3. Go to Appearance > Import Demo data and click "Import Demo Data".

Note: Sometime it can take up to a few minutes 2-5 minutes (usually takes less than 1 min), but if it takes to much, usually you'll get an error like 505 timeout, in that case refresh the page and click again the button "Import Demo Data".

2nd option: This theme includes a .xml file that will allow you to import the sample data to your site. This file includes most of the demo site data, which includes main theme functions to make it easier for you to see how the theme works.

• Login to your Envato account
• Click on the theme download link
• Select the "All Files & Download" option
• Open the zip file, the .xml file is in the Sample Data Folder
• Login to WordPress
• Double check that all recommended plugins have been installed and activated (if not, the sample data related to those plugins will not be imported)
• Browse to Tools > Import
  
• Click on the WordPress option (you will have to have the "WordPress Importer" plugin installed, you will be prompted if it's not already installed and active)
• Click Browse and select the sample data .xml file
• Click Upload files and import
• Assign the posts to an existing user
• Check the box to download and import file attachments
• Click Submit
• Give the import some time and do not navigate away from the page until the upload is complete
• Go to Settings > Reading, set your from page to a Static Page, select Home from the drop down, and save
• Go to Appearance > Menus, click on the Manage Location tab, assign the main menu, and save
• If you'd like to change any of the widget, go to Appearance > Widgets and drag and drop widgets into the active widgetized areas
• You should now have site content similar to the live demo for this theme!

Menu Setup

This Theme supports 2 menu locations ( Header Navigation and Categories Navigation). Use the following steps to create your navigation menus.

• Go to Appearance > Menus
• Click on the "create a new menu" link
• Give your menu a title
• To add Pages or Posts to your menu just check the ones you want and click "Add to Menu"
• Then you can drag and drop the items you add to create your Menu Structure
  


• For Navigation Label with description, you need to add this code:

  <i class="fa fa-home"></i> Home <span>WordPress Blog</span>

  for more icons go to FontAwesome and don't forget, the description need to be added in the tag "span" like this:

  <span>Menu Description here</span>

• To create drop downs, menu items below each other (each menu item indent represents a drop down layer)
• To add custom links to your menu click on the "Links" option, add your custom link URL and the link text tile you want to appear in the menu, then click add to menu
• Once you are done adding menu items, scroll to the bottom of the page and check the Theme Location you'd like to assign the menu to
• Save your menu
• For "Categories Navigation" do the same, click "create a new menu" then you can drag and drop the items you add to create your Menu Structure, after that go to the bottom of the page and you'll see "Menu Settings" now choose "Categories Navigation" and click "Save Menu".

Translation Theme

• You can learn from http://codex.wordpress.org/Translating_WordPress about Translating theme into your language.
• The .pot file is in '/languages' folder named 'default.po'.
• You can use Poedit http://www.poedit.net/ to translate the .po file. You need to save it in languages folder, and name just the same way your language is defined in WP config file. Open wp-config.php and check define ('WPLANG', '');
• If it's for example fr_FR, save your .po file as fr_FR.po
• Here: http://www.wpexplorer.com/localize-translate-your-wordpress-themes/ you can find a great tutorial, you'll need to start from Step 4.

Updating a WordPress Theme from Themeforest - top

Option 1: The Beginners Option

Here’s the most simple way of updating your WordPress theme that’s purchased from ThemeForest:

1. We need an easy way of overwriting the theme files, since WordPress doesn’t support this, we need a plugin, install this plugin: https://wordpress.org/plugins/easy-theme-and-plugin-upgrades/
2. Go to the downloads page of your ThemeForest account here: http://themeforest.net/downloads
3. Find the theme you’re updating from the list, click the big green “download” button once, and from the drop down menu choose “installable WordPress file only”
   
4. Upload the downloaded zip file to your WordPress installation via “appearance” -> “themes” -> “add new”, just like you did when you first installed the theme.
5. Thanks to the plugin mentioned in step 1, you’ll now get an “upgrade existing” option after uploading your theme, without the plugin you’d just get an error.
6. There you go, you’ve updated the theme!

Option 2: The Automatic Option

Envato offer an automatic update solution for ThemeForest themes by using “Envato Toolkit”, see the full details of this here: http://www.wpexplorer.com/envato-wordpress-toolkit-guide/
Note that this is option 2 as I had noticed a few bugs with this plugin in the past, though some swear by it!

Option 3: The FTP Upload (Advanced Users)

Another way to update your theme is via FTP, that is, you connect to your server and manually overwrite the theme folder. To do this grab the theme files mentioned from Option 1, with these in hand, unzip the file you have, you should have a folder just called THEMENAME (being the name of your theme)

Now the next step is simple, connect to your server via FTP (if you don’t know how to do this, use option 1) navigate to /wp-content/themes/, do not just overwrite the theme folder – here’s why. In previous updates to my themes, files have been deleted or relocated, if you just overwrite the folder then these files will remain, this can cause issues (especially with WooCommerce), here’s what you should do instead: Delete the THEMENAME folder that’s on your server, and then re-upload the new THEMENAME folder, this ensures that your new theme is 100% correct.

Regenerate Thumbnails - top

It is possible that your thumbnails are wrong cropped and looks ugly after theme activating! In this case use this plugin: "Force Regenerate Thumbnails" http://wordpress.org/plugins/force-regenerate-thumbnails/ to regenerate old thumbnails from previous theme.

After plugin installation go and start regeneration in Tools > Force Regenerate Thumbnails. This process can take a while and you cannot close tab/window until regeneration is done.

Home Page - top

• Go to Dashboard > Pages > Add New:
• Name it Home or whatever and from the right on Page Attributes choose the Home Page template.
• Now go to Dashboard > Settings > Reading and from "Front page displays" select "A static page (select below) and select the page you've created a few seconds ago
  
• Go to Appearance > Menus and drag and drop the pages you've created like "Home"

Default Pagination or Infinite Scroll

• Go to Dashboard > Appearance > Theme Options
• From General Settings > choose "Infinite Scroll" or "Default Pagination" and click the button "Save all Changes"
• By Default is Infinite Scroll, but in order to use it, you still need to click the button "Save all Changes"

Default Pagination = Numbers

• Go to Dashboard > Plugins
• Add new and in the search box, write "wp_pagenavi" and click "Search Plugin", you'll have two results, click and install the first plugin "wp_pagenavi"
• Go to Dashboard -> Plugins and active the plugin.
• Go to Dashboard -> Settings -> PageNavi, and down where you have "Page Navigation Options", check "No", becouse we need to use Theme style.
  
• Click Save Changes.

Home Page Articles (SoundCloud Videos)- top

To display Articles with SoundCloud or with Videos in the Homepage, first you need to install the plugins that comes with the theme, the one that will display the SoundCloud / Videos is the metabox plugin.

After you've installed the plugin, if you go WordPress Dashboard, creating or editing a new article, you'll see this:

SoundCloud

Now, if you want to add an article with SoundCloud, go to https://soundcloud.com/ click the name of the song and then click the button "share" and click the tab "Embed", also click the "More Option" that is at the bottom and select "Size 300px".
We need to use the iframe code, don't check the WordPress code. So, click the name of the song and then click the button "share" and click the tab "Embed", also click the "More Option" that is at the bottom and select "Size 300px", now just copy the code and you'll have something like this:

<iframe width="100%" height="300" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/227010461&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>

1. Click Embed
2. Select the size: 300px
3. Copy the Code

Now, go to WordPress Dashboard > Article and paste the code you've copied and paste it to the SoundCloud Box, like this:

Videos Youtube / Vimeo

To add a video, Youtube or Vimeo, is very simple, you just need to copy the code and paste the code copied in the box used for Youtube or Vimeo. For example, if you open a Vimeo or a Youtube video, in the browser at the top you'll see this link:

You just need to copy the code and add it like this:

and a the video will be displayed in the homepage and article page.

Home Page Buttons (Buy Now / Download)- top

• Create a new post or edit one and open the "Excerpt" tab and add this code:

  <a href="#" target="_blank" class="simplebtn red"><i class="fa fa-shopping-cart"></i> Buy Now</a>



• You can change the class "red" background color with: blue, green, green2, orange, gold, red, pink, black:


• You'll need to add it like this:


• Click "Update" and that's it, as simple as that!

Frontend Publishing Pro - top

In this section you will learn how to install the plugin and create a simple frontend publishing form with it. Just follow these steps:

1. Go to Plugins > Add New in your WordPress site's admin panel and click on the Upload link at the top of the screen.
2. Upload the plugin's zip file. Once the file has been uploaded, activate the plugin.
3. Access the plugin control panel located at Frontend Publishing Pro > Forms.
4. To create a new form just enter a suitable name, description and post type and click 'Create Form'. After a few seconds the newly created form should show up on the right side of the screen.
   


5. The form is now ready for use and can be integrated into any post or page. Just create a new page and add [wpfepp_submission_form form="X"] in the content area. Replace X with the form ID. The form should look something like this:
   


6. On a different page use the shortcode [wpfepp_post_table form="X"]. This shortcode will create a list of posts with edit and delete links. The list will contain all the posts of the post type supported by form X. It should look something like this:
   

Customizing A Form #back to top

---

If you want to customize an existing form then here are the basic steps that you need to follow:

1. Go to Frontend Publishing Pro > Forms.
2. In the list table located at the right side of the screen you will see all your existing forms. Hovering over a form name should make the 'Edit' link visible. Click on this link to start modifying the appearance and behavior of the form.
   


3. On the next screen you will see a list of form fields. You can drag and drop these fields to rearrange them or click on a field to change its settings.
   


4. Once you are fully satisfied with your form save your changes and see them in action on the frontend.

Defining Restrictions for a Field #back to top

---

One of the things that sets Frontend Publishing Pro apart from the multitude of form plugins available on the Internet is that it allows you to define restrictions such as word range, maximum links, number of comma separated sections and so on. A post is not created until all the requirements are met. To define restrictions for a particular form field:

1. Go to Frontend Publishing Pro > Forms and start editing the form for which you want to define restrictions.
2. On the next screen click on any field to slide open its settings. In this case we will use the Content field as an example. This is what it looks like on the settings page:
   

Now you can drag and drop validators and sanitizers onto this field to add restrictions. For instance you could add the Min Words validator to the field and the user will not be able to create a post until it meets the word requirement. If you do not want to define a particular restriction just leave it empty or remove it. For instance if you don't want to set a maximum word count limit then just leave the area empty.

Working with Custom Fields #back to top

---

If you want to save a user-entered value as post meta then you should create a custom field. Here's how you can do so:

1. Go to Frontend Publishing Pro > Forms and start editing the form for which you want to create a custom field.
2. On the right side of the page you will notice a box titled 'Custom Fields'. Its looks like this:
   

Enter a label along with a valid meta key and hit the Add button. Your new custom field will show up under the default form fields. Let's say you want to give your users the ability to submit a byline along with each post. All you have to do is create a custom field by entering a label and a valid meta key like 'byline' or 'about_the_author'. After that you can get the byline for each post by using something like this:

<?php $byline = get_post_meta( $post_id, 'byline', true ); ?>

Pin Theme is using 1 Custom Field: #back to top

---

If you haven't installed the demo content with the 1 click demo install option, you'll need to create manually 1 custom field: Embed Code:


Go to Frontend Publishing Pro > Forms and start editing the form for which you want to create a custom field.

1. Create the "Embed Code" for the label add "Embed Code" and for meta Key add "pin_embed" and click add. Note: You can change the label name, but you can change the meta key.
   
   

Upload button

• Now go to Theme Options > Header Settings > Upload Button and add the link were you have the Submission page, like this:
  
• In order to add the Login/Registration popup for "Upload" button, just add the class "lrm-login", like this:

  <a href="#" class="simplebtn red lrm-login"><i class="fa fa-cloud-upload"></i> <span>Upload</span></a>

• Click "Save All Changes" and that's it!

Rating / Review System - top

1. - Go to Reviews > General Settings ( you need to enable the Review Boxes for posts, take a look at the image ).

2. Choose who can rate ? Guests , Registered Users or both also you can disable this feature by choosing No One !

3. - Choose the image of the "image" rating style .

4. - From Styling Tab you can chnage all colors and backgrounds of the Review box .

Theme Review Style

Tag and Cat Index - top

- First you'll need to install the plugin "Multi-column Tag Map"

Tag Index

- Create a page Dashboard > Pages > Add New and paste this code:

[mctagmap columns="4" hide="yes" num_show="5" more="more »" toggle="« less" show_empty="yes" name_divider="|" tag_count="yes" exclude="2009, exposition" descriptions="no" equal="yes" manual="" basic ="no" basic_heading="no" show_categories="no"]

Categories Index

- Create a page Dashboard > Pages > Add New and paste this code:

[mctagmap columns="4" hide="yes" num_show="5" more="more »" toggle="« less" show_empty="yes" name_divider="|" tag_count="yes" exclude="2009, exposition" descriptions="no" equal="yes" manual="" basic ="no" basic_heading="no" show_categories="yes"]

Live Search - top

• First you'll need to install the plugin "Dave's WordPress Live Search"
• Go to Dashboard > Settings > Live Search > Appearance > and Select Display Post Thumbnail
• Now click Custom ( Customize the search results display here):
  
• For title you can add a black color, this code: #000000
• For Divider ( the line ) add a gray color, this code: #f2f2f2
- And click "Save Changes".

Recipe Plugin - top

- First you'll need to install the plugin "WP Recipe Maker"
- WP Recipe Maker is the easy recipe plugin that everyone can use. An easy workflow allows you to add recipes to any post or page with automatic JSON-LD metadata for your recipes. This recipe metadata will improve your SEO and get you more visitors. The Settings used in the demo:

• After you’ve installed the plugin, go to WordPress Dashboard > WP Recipe Maker > Settings:
• WP Recipe Maker > Settings > Recipe Template and selected “Chic” and that’s it:
• Take a look at the video tutorial to understand how simple is to add a recipe to a post https://www.youtube.com/watch?v=AtvGLRtTQgg

Featured Posts - top

From Pin version 5.4, Featured Articles are now based on category and the section can be enabled via Theme Options > Header Settings > Featured Posts.

Big Search - top

Big Search section can be enabled via Theme Options > Header Settings > Big Search.

Responsive Menu - top

1. Create a New Menu

With the create new Menu Button you can add a new menu.
Go to Responsive Menu > Menus and click "Create New Menu".

2. Seclect Menu Theme Style

Select the Default Theme Style (1st) and click "Next" button.

3. Menu Settings

Add a name to your new menu and select the menu you want to display and click "Create Menu" button.

4. Import Menu Settings

Now your menu should be displayed but with the default plugin style. In order to be displayed as per the demo, you can import the menu settings. So go to Responsive Menu > Settings > Import/Export and import menu.json from the “Sample Data” folder.

AJAX Login and Registration modal popup - top

• First navigate to Plugins > Installed Plugins > Click Add New
• Search for "AJAX Login and Registration modal popup + inline form" the first plugin and click "Install Now".
• The link of the plugin: https://wordpress.org/plugins/ajax-login-and-registration-modal-popup/

1. Create a custom menu with any label, for example Login as per screenshot:
2. Make sure to add # to your text, for example #login #account #etc
3. Make sure to add the CSS Classes "lrm-login" and that's it, save your menu.

Add a login box to "Post submission" page.

Edit your "Post Submission" page and add this code:

<strong>All Articles submitted will be in Pending or approved instantly, if you choose so, up to you.</strong> Join our feeds to automatically receive the latest headlines, news, and information formatted for your club's website or news reader.

[wpfepp_submission_form form="1"]
[lrm_form default_tab="login" logged_in_message="You are currently logged in!"]
    

Contact Form 7 - top

Contact Form 7 can manage multiple contact forms, plus you can customize the form and the mail contents flexibly with simple markup. The form supports Ajax-powered submitting, CAPTCHA, Akismet spam filtering and so on, more info: Contact form 7

• Install the plugin.
• Navigate to Dashboard > Contact and click Edit your first contact form.
• Display the Inputs in 2 columns like you can see it from the demo:

  <p class="one_half_c"> Name (required)<br />
      [text* your-name] </p>
  
  <p class="one_half_last_c">Email (required)<br />
      [email* your-email] </p><div class="clear"></div>
          

• The all code from this page:

  <p class="one_half_c"> Name (required)<br />
      [text* your-name] </p>
  
  <p class="one_half_last_c">Email (required)<br />
      [email* your-email] </p><div class="clear"></div>
  
  <p>Subject<br />
      [text your-subject] </p>
  
  <p>File upload<br />
      [file file-404] </p>
  
  <p class="one_half_c"> Telephone<br />
      [tel tel-867]</p>
  
  <p class="one_half_last_c">Fax<br />
     [text text-776]</p><div class="clear"></div>
  
  <p>Message<br />
      [textarea your-message] </p>
  <p>[submit "Submit Message"]</p>