Wrock Metro Theme Setup Guide and Documentation

Installation

Before we start anything make sure take backup files and database of current state to prevent any problem in future we are not responsible for any damage you made later.

Minimum Requirement:

PHP Version 5+
MySQL Version 5.1+
WordPress 3.x or later
eCommerce Plugins Woocommerce

Installation:

Download theme file from My Account – Download section https://www.insertcart.com/my-account/ (If you are having any problem in download then contact us) after download upload main theme your-theme-file-name.zip via FTP or WordPress upload. As ftp software you can use Filezila or any other ftp client. if you are upload via WordPress upload then navigate to:

This slideshow requires JavaScript.

After login into website Dashboard > Appearance  > Theme > Add New > Upload Theme > Choose file > Install now.  After successful upload Activate the theme.

In any case if you get error like theme file or folder already exist then you need to remove previous version first.

This slideshow requires JavaScript.

Please Note: You must disable any caching plugin (like: w3tc, wp super cache) while setup theme because result might have some delay or not visible.

upgrade to pro
Also for first time setup you should restore default theme option to prevent any error or wrong value saved on database.

Wrock Metro Theme Options

Some of option doesn’t work for Free Version of theme user you need to Pro Version of theme to work all these options Purchase here.

Table of Content
Theme Setup Documentation

To access Customizer navigate from top admin bar Or Just go to Dashboard > Appearance > Customize

Theme Customizer Options

Introduction to theme options.

Republic theme customizer
Republic theme customizer
  1. Site Identity – Use to set website Logo & Title
  2. Color – To control background color
  3. Background Image – As the name suggests it allows you to set website background image
  4. Menu – Menu option allows you to set navigation menu for different WordPress areas.
  5. Widgets –  Website support many widget areas Header, Sidebars, Index, Footer etc
  6. Home Page Settings –  This allow you to select your custom page to home page and blog page separately
  7. Theme Settings –  It controls theme settings for different areas
  8. Theme Layout – It control layout and design for website like sidebar position, menu style
  9. WooCommerce – All settings related to WooCommerce are here, Except some are in Theme Settings to control menus in header
Access the WordPress Theme Customizer
You can access it by logging into your WordPress admin area, and then going to Appearance » Customize from the left sidebar of your WordPress admin panel. This will open the Customizer interface with your current theme.

access wordpress customizer

You can also use the WordPress theme customizer page for any of the installed themes on your website even when they are not active.This allows you to see a live preview of that theme and make changes before you activate it.
To do that, you need to head over to the Appearance » Themes page.
Site Identity Panel: Add Title, Logo, and Favicon

The Site Identity panel in the WordPress theme customizer allows you to add or change the Title, Tagline, and Logo of your website.

By default, WordPress adds “Just Another WordPress Site” as the site tagline. You can also keep it blank if you want.

wordpress customizer site identity
WordPress customizer site identity

The Site Identity panel in the WordPress theme customizer also allows you to add your site logo. Simply, click on the Select logo option to upload the logo of your website.
You can do that by clicking on the Select site icon option which will show on the browser tab icon.

Adding Navigation Menus in Theme Customizer

The Menus panel allows you to create navigation menus and control their location on your website.

On this tab, you’ll find all existing WordPress menus that you’ve created previously. You can click on the “View All Locations” button to check the available menu locations that your theme supports.

menus-panel-in-theme-customizer
Create Menu

To create a new menu, you need to click on the Create New Menu button.

After that, you will need to give a name to your menu, so you can easily manage it later. You can also select the menu location and then click on Next to proceed.

Name You menu & save
Name You menu & save

To add items to this menu, you need to click on the Add Items button to open a new panel. You can now add custom links, pages, posts, categories, and tags as menu items.

Arrange Menu Items
Arrange Menu Items

To reorder the items, you can click on the Reorder link and then use the arrow icons to adjust the menu items.

Adding Menu in Short:

Before you create your menu for this theme, make sure your pages/sections have been created already. This way they will be available to be inserted into the menu.

Follow these steps to create a menu:

  • Go to Appearance> Menus in the main admin menu.
  • At first, you will probably need to add a menu (create a menu), give it a name, and click Save Menu.
  • The new menu will appear in a tab in this location. Click on this tab to begin adding menu items.
    Use the dialog boxes on the left-hand side of the page to add items to your menu.
  • Select the master page you created as well as all of the sub-sections or child pages and click “Add to Menu”.
  • Now you can drag the newly inserted menu items to their correct sequence and rename their titles if required.
  • After you have added and edited the menu items click Save Menu in the bottom of this area.
  • Adding the menu to the theme

Finally, you will need to specify the location for this menu.  Select the menu for Primary, Main or Footer menu and check the box where you want to display it, and click Save Menu.

Set Category Widget on Index Page

To add a widget to Index page and show posts from a particular category you can just follow the below steps.

widgets
Choose Widgets

 

Now select Index Posts widget are Or anywhere you want to show it like in the header or footer.

index posts widgets
index posts widgets

 

Now click on + icon to add widget and search for theme widget related to theme name, Our every theme has custom widget design for our theme. Now choose Index Posts widget 

search and select widget
search and select widget

After adding widget you will able to customize it according to your requirement and easily step shown in below image.

customize index widget
customize index widget
Images Thumbnail on post

If you like to display a thumbnail or featured image on the post then you can set it while creating or editing the post just clicking on “Set Featured Image” from the bottom right side

Read full tutorial here

Adding Hero Slider to theme

You can add your own custom slider to the theme without any plugin

  1. Select Hero Slider Widget from the slider

Hero slider widget
Hero slider widget

2. Select Image Block for slider to select image

choose image option to upload
choose image option to upload

3. Image upload is done and it will be shown in slider Choose the width around 1920px

image upload
image upload

4. Making Image as Cover and Add Caption – Click on the Image icon from option then select cover (shown in below image)  (Optional)

select cover image

5. Add a caption on the image write anything you want.

add caption to image
add caption to image

6. Add more images using same process add a new image block and repeat same

Adding Hero Canvas to Theme

You can add your own custom canvas to the theme without any plugin

  1. Select Hero Canvas Widget from the menu

select hero canvas area
select Hero canvas area

2. Select Image Block for Canvas to select an image – you can upload, choose from media file or URL

choose image option to upload
choose image option to upload

3. Image upload is done and it will be shown in Canvas Choose the width around 1920px

Hero canvas Image
Hero canvas Image

4. Making Image as Cover and Add Caption – Click on the Image icon from the option then select cover (shown in the below image)  (Optional)

select cover image

5. Add a caption on the image write anything you want.

add caption to image
add caption to image

6. Add more images using same process add a new image block and repeat same

Latest & Popular Post Widget Configure

To add a widget to Sidebars or Footer or any widget area you want and show posts from a particular category you can just follow the below steps.

widgets
Choose Widgets

Click on (+) Add widget icon and search for Republic Latest Posts or Republic Popular post widget.

add latest posts widget
Add Latest or Popular posts widget

After adding widget you will see the preview

Latest post widget added
Latest post widget added

 

Control options
Control options

Options to control Republic Latest Post Widget

  • Widget title – To change widget title
  • Choose a category or Select all categories to show latest posts from
  • Featured image or Thumbnail control
  • Numbers of latest posts.
popular post control
popular post control

Options to control Republic Popular Post Widget

  • Widget title – To change widget title
  • Choose a category or Select all categories to show popular posts from
  • Featured image or Thumbnail control
  • Show the view count.
  • Number of popular posts.
  • Short Popular posts by numbers of view.
Older Versions of Theme Options

Basic Settingbasic-seetings-wrock-1

 

  1. Upload Favicon icon of website image must in .ico or png format.
  2. Upload website logo keep ratio in 478px X 88px max.
  3. Show author profile below every posts and page you fill author details from Dashboard > Users > Your Profile > Bio. Fill you details here.
  4. Check the show 5 latest post with thumbnail in sliderbar.
  5. Check the show search bar on top navigation.

Social Mediasocial-media-effect-1

 

Social media icons allow you to put link to your social profile paste with http:// on their respective website and save options. Icons will be display on top navigation bar like shown in above Image .

Custom StylingEffect-custom-styling-1

 

Use custom styling to put CSS codes this allow you to save these code in on theme update. Don’t edit style.css use this area for styling.

Advertisement

Effect-Style-advertiseme-1

This is for different area of advertisement within theme you can add Banner Ads, Text Ads, or HTML codes whatever you want. TEXT mode for html and codes and Use Visual mode for writing or copy paste.

Top box is use you header banner aside from logo or text ads like 728*90px

Second box use for advertisement in single post its will display ads just above every single post content.

Third box that will display ads on footer below navigation on Index Page and some other pages as well.

Premium Featurepremium-features-wrockmetro-1premium-features-wrockmetro2-1

 

  1. Check the show popular post slidebar widget.
  2. Check the show on display floating share widget.
  3. Check the and you can see your site enable every device like mobile.
  4. Increase and decrease your number of words display in every post.
  5. You can change background colour of image.
  6. Enable and disable home icon and main navigation.
  7. Change link color choosing link color will change all and every link color into posts and page even on whole website.
  8. This change link hover color.
  9. Main Navigation & top menu background color change.
  10. Top menu hover background color change.
  11. Main Navigation background color change.
  12. Main Navigation hover color change.
  13. Bottom Pagination [1, 2, 3…] on Index and other archive pages change the current paged background.
  14. Change background of other pagination numbers.
  15. Change pagination text color.
  16. Sidebar widget (left) heading background color change.
  17. Sidebar widget (right) heading background color.
  18. Theme font color and size change.
  19. H1 heading font color change mainly post and page heading.
  20. Show or Hide Footer Widget Area.
  21. Show or Hide continue reading or read more button.
  22. you can change read more button color change.
  23. you can write and paste your custom text for continue reading.
  24. Select Images for Website layout type.
  25. SEO and meta option put here google plus profile link.
  26. Bing site verification meta code.
  27. Google website verification code get from webmaster tool.
  28. Footer script put here any script like analytic or any other.
  29. Check Box to Enable or Disable Breadcrumbs from post and pages.
  30. Post meta data information below every post: Hide Tags.
  31. Show or hide comments.
  32. Show or hide categories.
  33. Show or hide author name and date.
  34. Next and previous post link in below every post.
  35. This option allow you to hide or show copyright text from footer.
  36. This option allow you to hide or show copyright text from footer.
  37. Put anything on copyright place.
  38. Save option.
  39. Restore default – Reset to default setting comes with theme.