WeRock WordPress Theme Documentation

Version 1.0.0

Thank you for purchasing our theme. We covered almost everything in this document that how easily you can setup your theme. If you have any questions that are beyond the scope of this help file, please feel free to use the free support forums.

How to Install Theme?

To install theme first you must have a working WordPress site, make sure you follow the instructions step by step.If you have trouble installing WordPress read this tutorial.

There are two ways to install theme.

Installing Theme Via WordPress

  • Via WordPress – Log in into the admin area, navigate through Appearance > Themes > Install Themes > Upload and select the .zip file you downloaded and finally click on Install Now

Style.css Missing ErrorIf your getting error that style.css missing. Kindly upload theme using ftp.


Installing Theme Via FTP

  • Via FTP – The other way is by FTP, log in into your site’s FTP through a FTP Client and go into the WordPress installation directory and then navigate to: /wp-content/themes/ and upload the silicon folder here. After the uplad is complete go to Appearance > Themes into your admin area, you will see theme there, hit Activate to activate currently installed theme
    2

Install and activate Required or Recommended Plugins

After theme activation you may see notice like this.32Click at ‘Begin installing Plugins’

33On next screen you will see.

3Lets verify that all plugins are installed and activated. Kindly reinstall or reactivated a plugin if it fails to download.

4

How to Import Demo Data?

After installing theme you have to configure theme and fill in demo content (importing data and theme options code).

1 Click Import

Please check following screenshot to import data quickly with 1 click.

import

Manual Import

Log in into the admin area, navigate through Tools > Import > WordPress and install WP-importer plugin, if you don’t have it. Choose demo-data.xml file from your theme package and click Upload. Don’t forget to check “Upload attachment files”!

35

 

How to Update WordPress Theme?

There are two methods to update your theme
1:- Using Envato Took Kit
2:- Using FTP

Using Envato Took Kit

This is the easist way to update your theme any time. You need an API key for this. Kindly check following screenshot and generate an API key.

generate-envato-api-key

Kindly install and activate Envato WordPress Toolkit. Its already included in theme. And now open tool kit page. Enter your envato username and API key and save settings.Its recommended to make a backup for old files.

add-your-api-key

After saving settings you will see list of themes you have downloaded and it will also show you update notifications.


 

Using FTP

Using FTP you can upload new files and replace with old folder. (Make a backup for old files before replace)

When and How to use Child theme?

Why Child Theme

If you want to change something which is not availble in themeoptions panel. You may need to make changes in theme files. But when you will update theme you will lose your changes. So in that case child theme is very useful for you.

How to Install Child Theme

After installing Werock as instruction given above. Log in into your site’s FTP through a FTP Client and go into the WordPress installation directory and then navigate to: /wp-content/themes/ and upload the child theme folder here. After the uplad is complete go to Appearance > Themes into your admin area, you will see child theme there, hit Activate to activate currently installed child theme.

How to use Child Theme

Now make changes in any file of theme and upload to child theme folder and its done. If you are going to update theme just update parant theme.

Setup Permalinks Structure

We request you to setup permalinks structure to avoid 404 errors. And if your 404 page is also not displaying you must have to setup permalinks to fix it according to following screenshot.

5

How to setup Home Page?

Step1

There is only one default home page in theme. More can be created by using page builder. If you have already imported theme data then you will have ready made layouts for home page2 and homepage3 under pages tabs.

In following screenshots you can how to create default home page or home page by using page builder.

Setup Default Home Page

First of all we need to create a a page with “Home Page” Template Please follow sub steps as shown in screenshot.

6

First of all we need to create a a page with “Home Page” Template Please follow sub steps as shown in screenshot.
step1

Setup Home Page using Page Builder

7

Step2

To setup home page click at “Settings > Reading” in your dashboard. Under “Front page displays” clcik at “A static page (select below)” and select “Home” from dorpdown as “Front page” and for “Posts page” select any of blog template of your choice. As you can see in following screenshot

8

Step3 [Home Page Theme Options]

Home page theme options can be found in theme options panel in wordpress dashboard sidebar.

9

Posts and Custom Post Types

Add New Post

  • Click the Posts tab.
  • Click the Add New Sub Tab.
  • Start filling in the blanks. You can Use our Shortcodes!
  • As needed, select a category, add tags, and make other selections from the sections below the post. Each of these sections is explained below.
  • When you are ready, click Publish.

Custom Post Types

10

All custom post types work same as default wordpress posts/pages. Just select a post type and Add New Post:

  • Click the Posts tab
  • Click the Add New Sub Tab
  • Start filling in the blanks.
  • As needed, select a category, add tags, and make other selections from the sections below the post.
  • When you are ready, click Publish.

To add mega menu kindly check Manage Menu Section.

How to setup WeRock Gallery?

Step 1 :

> Create a wordpress page and give a title for example : Gallery
> Select a page template Gallery for this page and publish it.


 Step 2 :

> Create some categories for your gallery
> Add some gallery posts and select featured images.
> Publish it :D


 

Step 3 :

> Create a menu link for your gallery if you are using mega menu copy page link and just paste it in MENU URL field

and its done :)

Setup An Event

Add New Event

  • Click the Events tab.
  • Click the Add New
  • Start filling in the blanks and event field for data and location etc.

 

Setup Blog Page

Step1

Please follow following steps to create a blog page.

12

Step2

To setup blog page click at “Settings > Reading” in your dashboard. Under “Front page displays” clcik at “A static page (select below)” and select “Home” from dorpdown as “Front page” and for “Posts page” select any of blog template of your choice.

Manage Widgets

Setup WordPress Default Widgets

  • Click Appearance tab.
  • Click Widgets Sub Tab.
  • There you can find different sidebars for footer part.
  • Drag and Drop any widget you like in the appropriate sidebar.20


    Theme Options Panel Widgets

    You can also enable theme options panel footer widgets by just disabling default widgets.

Setup Twitter Widget

Drag twitter widget to any of your sidebar or footer locations available in theme options panel.
Login to twiiter and visit https://apps.twitter.com/ and please follow steps to create an app for twitter feed.
2124 25

How to Setup Contact Form?

Step 1

Create a simple wordpress page and select ” Contact Page” as template.


Step 2

Follow sub steps according to following screenshot


30


Step 3

Adding contact form ID to theme options panel of your theme.

31

Contact Form 7 – codes:

* We recommend you to import demo.xml and edit data after importing, so you avoid any difficulties.

<div class=”row”>
<div class=”col-lg-5 col-md-5 col-sm-5″>
<h5>Your Name:</h5>
[text name id:name]
</div>
<div class=”col-lg-5 col-md-5 col-sm-5″>
<h5>Your Email:</h5>
[text email id:email]
</div>
</div>
<div class=”row”>
<div class=”col-lg-12 col-md-12 col-sm-12″>
<h5>Your Message:</h5>
[textarea* message id:message]
</div>
</div>
[submit id:submit1 class:btn]

  • Generated code for the ‘contact’ for message body
             
    From: [your-name] <[your-email]>
    Subject: [your-subject]
    Message Body:
    [your-message]
      

How to use Page Builder?

Please check official elmentor website for issues related page builder

 

 

[FAQ] Page Builder - How to edit row or remove extra padding?

If you are going to create your home page using page builder you may face issue of extra padding and margins. Normally it happens with Album carousel or slider.

To solve this issue:

  • Edit your Row
  • Change padding (10px) to Zero (0px)

How to Use SoundCloud?

Step1 – Getting Client ID

In order to add soundcloud in werock you must need your own client ID. Kindly follow screenshots to get client ID.

soundcloud1

soundcloud2

soundcloud3

 


Step2

Now add client ID to theme options panel.

soundcloud4


Step3

Copy share linke and pase to playlist, album, or artist page track URL field.

soundcloud5

soundcloud6

[FAQ] SoundCloud - My Tracks From Soundcloud are not working

Kindly change allow_url_fopen=0 to allow_url_fopen=1 in php.ini file. If you don’t know about it kindly contact to your hosting provider i hope he can help you.

Copyright © 2016 XVELOPERS. All rights reserved.