# Your ViralVideo WP WordPress Theme

ViralVideo WP / template documentation version 1.1

## Item Details

- Item Name : ViralVideo WP
- Minumum Required : WordPress Version 4.0
- Author by : An-Themes
- Demo url : http://anthemes.com/themes/ViralVideo/

ViralVideo is a beautifully designed WordPress Theme that is built to be engaging, fast and most importantly boost viral traffic with simple features that will help keep your visitors on your site, as well as easy ways for them to share your content on social media. Monetization options such as a good selection of advert locations are important too that’s why we’ve made use of the best location adding Highest-Earning Ad Sizes, after all, you do want to get paid for your efforts! Completely responsive to look perfectly in all mobile devices, easily usable with any device as well as PCs. Responsive design optimized for tablets and smartphones (resize browser and hit refresh to check it out).

Support requests are being processed on business days Monday to Friday from 8:00 to 17:00 (GMT +2) within 24h in the order they were received:
Submit a support ticket My Portfolio

## Getting Started #back to top

### Need Help?

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email me via my user page contact form. Support requests are being processed on business days Monday to Friday from 8:00 to 17:00 (GMT +2) within 24h in the order they were received.
Please Note: This support is for Theme Set-Up, Theme Usage & Bug Reports Only, I do not offer support for making or helping with, customisations to my theme’s code. If you have modified your theme code then please ensure it is not your modifications causing any issues with the theme. We cannot provide support on 3rd party plugins, and all 3rd party plugins should be disabled before contacting us for support.

### Support for my items includes:

- 1. Responding to questions or problems regarding the item and its features
- 2. Fixing bugs and reported issues
- 3. Providing updates to ensure compatibility with new software versions

### Item support does not include:

- 1. Theme Customization and installation services
- 2. Support for third party software and plug-ins
- 3. Support for 3rd party plugins and issues that may have arisen after activating this 3rd party plugin
- 4. WordPress General Support. Use the WP.org forums for general WordPress support.
- 5. Support for issues caused by user modifications in the theme’s code, styling and general function by yourselves or your developer

## How to Install WordPress #back to 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

1. 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).
2. Select the “Installable WordPress File Only” if you just want the theme.

## How to Install Theme #back to top

#### Installing Via WordPress

1. Login to WordPress Browse to Appearance > Themes
2. Click Add New
3. Click the Upload link
4. Click Browse
5. 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.
6. Now Activate the theme

#### Upload Via FTP Server

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

## Importing Sample Data (Demo Content) #back to top

#### Import WordPress XML

This theme includes a demo-content.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.

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

## Install Plugins #back to top

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.

ViralVideo Theme Core
Note: ViralVideo Theme Core, this is the plugin that should be installed and activated in order to make use of the Social share icons / articles page, post views, etc.

#### #1. Shortcodes

Enable shortcodes plugin to be used on this Theme. The plugin comes by default with the theme. Also, the shortcodes comes with pop-up windows for easier shortcode inserting.

#### #2. Responsive Menu

This is a Highly Customisable Responsive Menu Plugin for WordPress, with 70 customisable options for a nice mobile menu or tablet menu experience enabling you to change everything.
More info about the plugin

#### #3. User Submitted Posts

User Submitted Posts (USP) adds a frontend form via template tag or shortcode that enables your visitors to submit posts and upload images.
More info about the plugin

#### #4. Meta Box

Meta Box plugin is a powerful, professional toolkit for developers to create and handle everything related to custom meta boxes and custom fields for WordPress.
More info about the plugin

#### #5. WP Facebook Open Graph protocol

This plugin adds well executed and accurate Facebook Open Graph Meta tag information to your site. The idea is to keep minimal settings and options as to remain out of your way and in the background while still proving a powerful Open Graph plugin for your WordPress site.
More info about the plugin

#### #6. ViralVideo Theme Core

WordPress Theme Functionality: Custom Style, Theme core, Social Share icons, Views etc.

#### #7. WP-PageNavi

Adds a more advanced paging navigation interface. Want to replace the old ← Older posts | Newer posts → links with some page links? This plugin provides the wp_pagenavi() template tag which generates fancy pagination links.
More info about the plugin

#### #8. Ultimate Member

Ultimate Member is the #1 user profile & membership plugin for WordPress. The plugin makes it a breeze for users to sign-up and become members of your website. The plugin allows you to add beautiful user profiles to your site and is perfect for creating advanced online communities and membership sites. Lightweight and highly extendible, Ultimate Member will enable you to create almost any type of site where users can join and become members with absolute ease.
More info about the plugin

## Home Page Settings #back to top

## Homepage – How to build and set it

By default WordPress sets the blog page as a main page and this is not what most of us want, we need custom pages. To change WordPress default settings you have to:

1. Go to Dashboard > Pages > Add New:
2. Name it Home or whatever and from the right on Page Attributes choose "Template - Home Grid".
3. 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.
4. Number of posts / articles / news displayed in the homepage can be changed from Dashboard > Settings > Reading > Blog pages show at most.

5. ## Using Widgets Modules:

   Using Widgets Modules, go to Appearance > Widgets and drag and drop the widgets that start with the name "Module" in the custom sidebar "Home Modules".

## Header Menu Settings #back to top

## 1. a) To create a new Main Menu go to:

This tutorial demonstrates how to create a custom menu in WordPress and how to create a menu structure.:

1. Go to your WordPress Dashboard > Appearance > Menus
2. Click on the "create a new menu" link.
3. Write a name for you menu.
4. Press Create Menu button.
5. Selection menu location "Header Navigation".
6. Click "Save Menu".

## b) Display "Account" menu to the right:

Go to Appearance > Menus and at the top in the right corner you'll see "Screen Options", click the "Screen Options" and check "CSS Classes", like this:
Once you've checked the "CSS Classes", you'll see a new field to the menus "CSS Classes (optional)". In order to move a menu to the right, for example the "Account", you'll need to add the class "right", like this:

## 2. Add Icons to your new Menu:

1. To add a font ICON: select a menu that you want to edit and paste the icon code in a menu item, then save the menu. To preview all available Font Awesome icons go to http://fortawesome.github.io/Font-Awesome/icons/.
2. Now, edit your menu and just paste the code you've copied:

## 3. Display pages to users that are "Logged Out" or "Logged In":

Once you expanded a menu item you will see the Ultimate Member section called: “UltimateMember Menu Settings”. This is where we will add a condition to this menu item, for example:
1. Navigation Label: Account (custom link)
2. Navigation Label: Join Now or by default Register
3. Navigation Label: Account
4. Navigation Label: User
5. Navigation Label: Upload
6. Navigation Label: Logout

### Everyone, logged out users or logged in users

You have three options to select from when deciding who can see a menu item: everyone, logged out users and logged in users.

- Everyone – Everyone is the default state for menu items and means that everyone who visits your site will see this menu item.
- Logged out users – If you select this option it means that this menu item will only be visible to visitors (e.g logged out users). When someone logs into your site they will no longer see this menu item.
- Logged in users – If you select this option it means that this menu item will only be visible to logged in users. Visitors and non members will not see this link. Once logged in users is select you will see some checkboxes appear which show all the Ultimate Member roles on your site. If you want to show a menu link to a certain role(s) then you can select the roles that will be able to see the link.

## Footer Menu #back to top

## 1. Footer Navigation / Menu.

This tutorial demonstrates how to create a custom menu in WordPress and how to create a menu structure.:

1. Go to your WordPress Dashboard > Appearance > Menus
2. Click on the "create a new menu" link.
3. Write a name for you menu.
4. Press Create Menu button.
5. Selection menu location "Footer Navigation".
6. Click "Save Menu" and that's it, now the menu will be displayed with the waves effect.

## 2. Footer Menu configuration

If you've followed the header menu tutorial, now you have "CSS Classes" activated, if you don't have it, go to Appearance > Menus and at the top in the right corner you'll see "Screen Options", click the "Screen Options" and check "CSS Classes". If you don't know how to do it, take a look at the "Header menu" steps.

One of the pages / categories / Custom links you've added to your footer menu, need to have the class "current", the page / link that will have that class will be displayed first in smaller devices. You'll need to add the "current" class like this:

## 3. Add Icons to your Footer Menu:

To add a font ICON: select a menu that you want to edit and paste the icon code in a menu item, then save the menu. To preview all available Font Awesome icons go to http://fortawesome.github.io/Font-Awesome/icons/ or http://icofont.com/icons/.
Font-Awesome:
Icofont:
Now, edit your menu and just paste the code you've copied:
Save the menu and that's it! Congrats :)

## Regenerate Thumbnails #back to top

## Thumbnails – Fix strange looking images on blocks

This problem appears when you install the theme on a site which already has content. The theme comes with it’s own thumbnails to minimize the page size and increase the page loading speed.:

1. Install and activate the Thumbnail Regenerate plugin from here: https://wordpress.org/plugins/regenerate-thumbnails/
2. Go to Tools -> Regen. Thumbnails and press the “Regenerate All Thumbnails” button:
3. Wait until the regeneration process is 100% done and check the page (your website). Refresh the browser page to see the changes, and that's it.

## Responsive Menu Settings #back to top

## Responsive Menu Configuration

This is a Highly Customisable Responsive Menu Plugin for WordPress, with 70 customisable options for a nice mobile menu or tablet menu experience enabling you to change the:

## 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.

## Ultimate Member – User Profile & Membership #back to top

## Description

Ultimate Member is the #1 user profile & membership plugin for WordPress. The plugin makes it a breeze for users to sign-up and become members of your website. The plugin allows you to add beautiful user profiles to your site and is perfect for creating advanced online communities and membership sites. Lightweight and highly extendible, Ultimate Member will enable you to create almost any type of site where users can join and become members with absolute ease.

# Getting Started with Ultimate Member

The best thing before diving straight into plugin is to read in detail about all the different basic features and functionality that are available in the plugin which you can view here.

1. Setup Options

The setup tab allows you to assign a page to one of the core elements required for the plugin to function properly. You only need to use this tab, if you have accidently deleted one of the pages which is automatically created when the plugin is activated for the first time.
You can open all pages created by default by the plugin and change the Default Template, with the custom template you want to use, for example: for login / register, password reset, you can use the custom "Template - Half Page"

2. Appearance Options - General

Use the color picker to change the main color of the site to match your brand color. For ViralVideo demo, I've chan ged the blue color with the red color #e22428

3. Appearance Options - Pofile

Most of the time, you don't need to change anything, the plugin works by default without touching a single option, but you can always change a few thing in order to make it look better, for example, the "Profile Area Maximum Width", change it to 740

4. Appearance Options - Registration Form

Registration forms are an essential part of Ultimate Member and allow people to sign up to your site and become members. Ultimate Member allows you to create multiple registration forms (perfect if you have more than one user role for your site), more info here.

5. Appearance Options - Login Form

You can switch on/off the secondary button (register) display in the form:

6. Forms - Default Profile

The form builder contains several different elements that you can use to build your forms. These include master rows, sub rows, columns, field groups, fields, separators, dividers, spacing and text blocks:

## Adding fields to a form

Ultimate Member allows you to add fields to the registration and profile forms. You can add some of the pre-defined fields to your forms or create your own custom fields. To add fields to a form you need to do the following:

1. Go to wp-admin > Ultimate Member > Forms
2. Edit the registration or profile form
3. On the form builder click on the + icon to open up new field modal
4. Either select a pre-defined field or click on one of the field types to create a new custom field

5. If you select a pre-defined field it will then appear on the form. If you select to create a new field, the field option modal will appear once you click on one of the field types.
6. Once you have added the fields you want to the registration and/or profile form, update the form to save the changes.

7. User Roles - Hide Toolbar.

If you need to hide or show the admin bar to a user role, please navigate to the admin dashboard and go to Ultimate Member > User roles > Edit a user role > "Force hiding admin bar in frontend?":

## User Submitted Posts #back to top

## User Submitted Posts Configuration

User Submitted Posts (USP) adds a frontend form via template tag or shortcode that enables your visitors to submit posts and upload images.:

1. Install and activate the User Submitted Posts plugin from here: https://wordpress.org/plugins/user-submitted-posts/
2. Now, go to Dashboard > Settings > User Submitted Posts, and this are the settings I'm using in my demo:
3. For a better understand of all settings, please take a look at the video, the video is very detailed explaining all settings the plugin offer.
4. Use this shortcode to display the USP Form on any WP Post or Page:
   [user-submitted-posts] if you want to use the form in a different page. Create a page witht the name "Upload" or "Submit" up to you and choose "Default Template and change to Text in the editor and paste this text:

       Submissions automatically create a post in “pending” you can select "Publish / Pending or Draft" status so that administrators can review the item before it appears on the site.
       [user-submitted-posts]

## WP_pagenavi Pagination Settings #back to top

## WP_pagenavi Pagination Configuration

Want to replace the old ← Older posts | Newer posts → links with some page links? This plugin provides the wp_pagenavi() template tag which generates fancy pagination links:

1. Install and activate the WP-PageNavi plugin from here: https://wordpress.org/plugins/wp-pagenavi/
2. Go to Dashboard > Plugins
3. 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"
4. Go to Dashboard -> Plugins and active the plugin.
5. Go to Dashboard -> Settings -> PageNavi, and down where you have "Page Navigation Options", check "No", becouse we need to use Theme style.
6. Click Save Changes.
7. Now, go to Theme Options > Blog Settings > Pagination or Infinite Scroll and choose "Default Pagination" and click "Save All Changes".

## Updating a WordPress Theme from Themeforest #back to 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.

## Translate Theme to another Language #back to top

## How do I translate my theme to another language?

Our themes are written in English, though you are of course welcome to translate them to your language. While it's possible to go through each theme file and manually translate the appropriate text elements, we highly recommend using the program Poedit to translate your theme. It's easy and will save you LOTS of time.

1. First, go to WP Dashboard > Settings > General > Site Language > Select your language > Save.
2. Then, download & install the Poedit program.
3. Open Poedit and click the "Open" button on the top-left of the program screen. Within your theme's files, find the "languages" folder and select the "viralvideo-wp.POT" file.
4. A long list of text elements you may translate will appear in the box labeled "Source Text". Please note: You may not need to translate all of these elements. Many may be WordPress notification messages or similar.
5. Select the line within the "Source Text" box that you'd like to translate. When that line is highlighted, go down to the box labeled "Translation". Here, you can type the direct translation of the "Source Text" in whatever language you'll be using. Repeat this step for all of the "Source Text" elements you wish to translate.
6. When done, go to "File" and "Save as" within your theme's "languages" folder.
   IMPORTANT! You must save this new file with a name based on a specific format: aa_AA
   The first "aa" refers to ISO 639 two-letter language code (list found HERE).
   The second "AA" refers to an ISO 3166 two-letter country code (list found HERE).
   ( Example 1 )
   If translating to Danish, we would use the Danish language code of "da" and the Danish country code of "DK". The file name must be the language code in lowercase letters, followed by an underscore character, and lastly the language code in uppercase letters. So the finished file name would then be: da_DK
   ( Example 2 )
   If translating to Brazilian Portuguese, your file name would be: pt_BR
   Note: For the French language in Canada, please use "fr_FR". "fr_CA" is not recognized by WordPress.
7. When you save the file, it will automatically create your .po format as well as an additional .mo format file of the same name.
8. Via your FTP program, upload the .po & .mo files you just created to your theme's "languages" folder.
9. You're finished!

## Support Desk #back to top

Please remember you have purchased a very affordable theme and you have not paid for a full-time web design agency, so please be patient, polite and respectful.

Support for my items includes:

- * Responding to questions or problems regarding the item and its features
- * Fixing bugs and reported issues
- * Providing updates to ensure compatibility with new software versions

Item support does not include:

- * Customization and installation services
- * Support for third party software and plug-ins

Support requests are being processed on business days Monday to Friday from 8:00 to 17:00 (GMT +2) within 24h in the order they were received:
Submit a support ticket My Portfolio

Before seeking support, please...

- * Make sure your question is a valid Theme Issue and not a customization request.
- * Make sure you have read through the documentation and any related video guides before asking support on how to accomplish a task.
- * Try disabling any active plugins to make sure there isn't a conflict with a plugin. And if there is this way you can let us know.
- * If you have customized your theme and now have an issue, back-track to make sure you didn't make a mistake or make a clean install of the theme.
- * Almost 80% of the time we find that the solution to people's issues can be solved with a simple "Google Search". You might want to try that before seeking support. You might be able to fix the issue yourself much quicker than we can respond to your request.
- * Make sure to state the name of the theme you are having issues with, when requesting support via ThemeForest.