Uploading Jarida via FTP to Wordpress

  • Download the zipped theme pack to your local computer from themeforest and extract the ZIP file contents to a folder on your local computer.
  • In the extracted folder you will find 'Jarida.zip' Extract this file .
  • Using an FTP client to access your host web server
  • Upload the Theme files in the extracted folder called 'Jarida' to wp-content/themes directoryprovided by WordPress.
  • Visit Administration > Appearance > Themes, under the Manage Themes tab, under the Available Themes, if necessary navigate to the page displaying that Theme, then click the Activate link to make the Theme, the Current Theme.

Installing Jarida From the WordPress Dashboard

  • Download the zipped theme pack to your local computer from themeforest and extract the ZIP file contents to a folder on your local computer.
  • Log into your WordPress admin panel and click on the “Appearance” tab.
  • Now click on the "Add New Themes" tab.
  • Click on the "Upload" button, "Browse" for file called Jarida.zip In the extracted folder select "Open".
  • Click the "Install Now" button.
  • Activate the theme from this page, OR "Return to Themes Page" and activate from there

This theme may be updated periodically in order to add new features and fix bugs. When a new update be avilable an update message will appears on your blog dashboard . As a customer, you can download the most current version from your ThemeForest account.

Updating Automatically

Envato have developed the Envato Toolkit Plugin for WordPress. You can use this to receive notification of updates to themes purchased from ThemeForest and to automatically update (upon clicking) directly from within your WordPress admin area.

  1. Download the plugin zip file to your computer.
  2. In your WordPress admin area, go to Plugins > Add New then click Upload.
  3. Click Choose File, select the plugin zip file you downloaded and click Install Now.
  4. After installation, click Activate.
  5. Click the new Envato Toolkit link in the menu and follow the instructions to configure the plugin.

Updating Manually

  1. Download the most current version from ThemeForest in the "Downloads" area of your account.
  2. Unzip the package and locate Jarida.zip in the theme folder.
  3. Go to Appearance > Themes and activate another theme such as the default WordPress theme.
  4. Delete the Jarida theme which is now inactive.
  5. Go to Install Themes > Upload then install and activate Jarida.zip from the new package.

Automatic Demo Site Data Importer

Importing demo data (post, pages, images, theme settings, ...) is the easiest way to setup your theme. It will allow you to quickly edit everything instead of creating content from scratch.

  • Go to Dashboard > Jarida > Import Demo Data
  • Click on "Import Demo Data" button .

Manually By uploading XML file

This Method will import posts, pages, menus and images only not the demo site theme settings .

  • Go to Dashboard > Tools > Import > WordPress
  • Install the plugin.
  • Use it to upload the sample content XML file .

If you are migration from a theme which used the native featured images functionality of WordPress. Please use the Regenerate Thumbnails plugin to resize all the thumbnails. Click the link above and download the free plugin, and read through the steps it contains, it has all the information you need.

All of our Themes are able to be translated into any language. The process of translating the theme is a user responsibility. The following instructions are given as guidance.

  1. Open wp-config.php and replace this: define ('WPLANG', ''); with this (subsitute the language string (bg_BG) with your own!): define ('WPLANG', 'bg_BG');
  2. Download and install POEDIT
  3. Connect to your site -> open your theme/languages directory
  4. Download the default.po file and open it with POEDIT.
  5. Translate file and save it as bg_BG (the file name must match with the string you inserted into wp-config.php)
  6. Two files will be generated after save. bg_BG.po and bg_BG.mo
  7. Upload the .mo and .po files into wp-content/themes/your-theme/languages folder
Your WordPress installation should be in the language you intend on using the site.

How to activate the RTL Version

You just need to install the theme on RTL wordpress blog and it will adjust automatically .. check this page for more informations .

This Theme uses wordpress built-in menus feature which can be found in your wordpress dashboard > appearance > menus. To setup a new menu, please follow the steps below. Its best to already have your pages created, even if they are blank pages.

  1. Navigate to Apperance > Menus page
  2. Click the "create a new menu" link to make a new menu. Enter the name then hit Create Menu
  3. To add a menu item, you can easily select one of your already made pages on the left hand side and click Add to Menu
  4. You can also add menu items by entering a custom name and custom link into the Links box.
  5. You can manage your menus using the drag and drop functionality. To create a dropdown menu, simply drag a menu item below and slightly to the right of another menu item and it will lock into place and create a dropdown section.
  6. After setting up your menu, select the menu you just created as the Primary Navigation in the Menu Settings and Create a new menu and select it as the Top Menu Navigation in the Menu Settings
  7. Once its all done, make sure you click the Save button.
  8. You can chnage menus locations in any time from Manage Locations tab .

Categories Mega Menus

  • Add the Category you want to the Main Nav menu .
  • Navigate to Posts menu > Categories .
  • Edit the category you want .
  • From the Jarida - Category Settings box .
  • Enable Mega Menu option .

  1. Navigate to Jarida Settings page > Header Settings tab .
  2. From the Logo box set Logo Setting option to Custom Image Logo .
  3. Click Upload and Select your logo image to upload.
  4. Once uploaded click "Use this image" .
  5. Make sure you’ve selected "Full image" for the image size.
  6. Also you can upload a logo for the Retina devices . It should be 2x the size of main logo.

  1. From WordPress Settings Menu > Reading .. Make sure that Front page displays option is set to Your latest posts
  2. Navigate to Jarida Settings page > Homepage tab .
  3. From the Home page displays box set Home page displays option to News Boxes - use Home Builder .
  4. From the News Boxes Settings box set the First News Excerpt Length in the news boxes and the posts meta info that appears below posts titles.
  5. From the Home Builder box you can add the boxes you want to appear in the homepage also you can re-sort the boxes .
  6. Change the boxes options as you want .

  1. Navigate to Jarida Settings page > Slider Settings tab .
  2. Check Enable under the Slider Settings
  3. Choose Slider Type Flexi Slider or Elastic Slideshow .
  4. Set animation , slider speed etc as you want .
  5. Choose the Query Post to get Wordpress posts.
    • To display Posts from Category, set Query type as Category then select a category in the dropdown menu
    • To display Posts by tag, set Query type as Tag then Enter a tag name, or names seprated by comma in the tags input field .
    • To display Selective Posts , set Query type as Selective Posts then Enter a post ID, or IDs seprated by comma in the Selctive Posts IDs input field .
    • To display Selective Pages , set Query type as Selective Pages then Enter a page ID, or IDs seprated by comma in the Selctive pages IDs input field .
    • Or set Query type as "Custom Slider" and choose the slider from the dropdown menu list .

Custom Sliders allow you to add slides with custom image , title , caption and link .. so you can use it as a main slider on the homepage or on a single post .

  1. Navigate to Custom Sliders > Add New .
  2. Add a title for the slider
  3. use Add New Slide button to add a new slide
  4. Choose the slide image from your existing images in the media library or upload a new one and click Use this image button
  5. Enter your slide title , link and caption
  6. use Add New Slide button again to add new slides
  7. Once its all done, make sure you click the Publish / Update button.
Check Homepage Slider section for instructions to set a custom slider as main site slider .

Setting Custom Slider for Posts .

From the Post Head Options box in the post edit page .

  1. set the Display option to Slider .
  2. Choose the Slider you want from the Custom Slider dropdown menu .

The Sidebar Manager enables you to create a unique sidebar for specific posts, pages, archives and categories .

  1. Navigate to Jarida Settings page > Sidebars tab .
  2. From the Sidebar Position box set the default sidebar position .
  3. From the Add Sidebar box type your sidebar name and click Add button.
  4. From the Custom Sidebars box assign your Custom sidebar to Home , posts , pages or archives .
You can Set Custom Sidebars for Your Categories from category's edit page .. Go to Categories Page - edit the Category you want and choose your custom sidebar from Jarida - Category Settings box .

Set Custom Sidebar for posts/pages .

From post edit page , Select your custom sidebar from the Sidebar Options box As shown in below screenshot

All of your posts must have a featured images .. these images will appears in the slider , homepage news boxes , sidebar .. etc

The recommended size for the Featured images is 620px x 330px .
Theme cropped all uploaded images to fit its places in the theme .. if you have any problems with the size of old images which uploaded before install the theme you need to use Regenerate Thumbnails Plugin or AJAX Thumbnail Rebuild Plugin to regenerate thumbnails with suitable sizes .

How to set a featured image for a post :

  1. From the Review Post Options box in the post edit page .
  2. Choose the Review Box Position
  3. Choose the Review Style
  4. Type your Review Summary
  5. Type the Text appears under the total score
  6. use Add New Review Criteria button to add a new Review Criteria
  7. Enter the Review Criteria title and score
  8. use Add New Review Criteria again to add new Review Criterias
  9. Once its all done, make sure you click the Publish / Update button.

In post edit page , Select full Width image from Sidebar Options As shown in below screenshot.

In order to paginate your blog post, in the Write panel in your WordPress admin, switch to the TEXT view (if you are using the Visual view) and then enter the following code to wherever you want to break the post up into a new page:

<!--nextpage-->

A Page Template is a template which comes with your theme. WordPress can be configured to use different Page Templates for different Pages. You can select which Template will be used when displaying a particular Page. For Example : Authors , Timeline , Sitemap and Tags page templates

How To Use a Page Template

  1. Go to Pages --> Add New
  2. On the right-hand side, you will see the following panel titled Page Attributes with a drop-down under Template:
    If you do NOT see this panel, look to the top right of your screen for the words - Screen Options. Click that and enable the checkbox next to Page Attributes.
  3. Select the Page Template you desire.

  4. Publish the Page. That's it! Now that page will display the pre-defined content within that page template.

Authors List Page Template

When you Choose Authors List page template . the Authors template Options box will appears in the left main area which allows you to choose the User Roles .

Best Reviews Page Template

When you Choose Best Reviews page template . the Choose The Categories box will appears in the left main area which allows you to choose the Categories and set the numboer of posts .

Blog List Page Template

When you Choose Blog List page template . the Choose The Categories box will appears in the left main area which allows you to choose the Categories

Display Feed Page Template

When you Choose Display Feed page template . the Display Feed template Options box will appears in the left main area to type your Feed URL .

  1. Copy the code given to you by Google Analytics
  2. Go to WordPress --> Theme Panel page --> General Settings --> look towards the bottom for Header Code box:
  3. Paste your Google Analytics (or other) tracking code here. This code will automatically be inserted into the head of your theme on every page.
  4. Click Save Changes. That's it!

The theme uses Gravatar to display users avatars . to craete or change your Gravatar :

If you have never setup a Gravatar account:

  1. Register / login to Gravatar. Upon registering, use the SAME email address that is associated with your WordPress User Profile.
  2. Upload your photo and associate it with that specific email address.

If you already registered at gravatar.com, follow these steps:

  1. Click on "My Gravatars" .
  2. click on "Add a New Email" .
  3. Then, you'll need to click on "Add a New Image" .
  4. Upload an image .
  5. Then select the email address, and then select your image from bottom. Now it's associated with that email address. Click Save .
  6. It will take about 5-10 minutes to propagate on the internet, and then will appear on site.

Add an image Advertisement

  • Go to Theme Panel page > "Ads Settings" tab
  • Enable the Ads area you want via "ON/OFF" button.
  • Click on "upload" and add your Ad image .
  • Add your Ad link .
  • Add Alternative Text For The image (optional) .
  • Enable "Open The Link In a new Tab" option If you want to open the link in a new window / tab .

Responsive Google Adsense

  • Go to Theme Panel page > "Ads Settings" tab
  • Enable the Ads area you want via "ON/OFF" button.
  • Enter Your publisher id code and the Ad Slots ID .


Add a Text , Custom Ad or Flash Advertisement

  • Go to Theme Panel page > "Ads Settings" tab
  • Enable the Ads area you want via "ON/OFF" button.
  • Add your Ad code or custom html code in the "Custom Ad Code" input area .

Flash (SWF) Advertisement Code

A flash advertisement would need to be in the .swf (shockwave) format. To use it, just replace the data & value URL paths and width/height accordingly in the code example below:

<object type="application/x-shockwave-flash data="http://www.URLPath.com/Path/To/file.swf" width="300" height="250">
		<param name="movie" value="http://www.URLPath.com/Path/To/file.swf" />
</object>

One of great features of Jarida is that you can make an online shop with it.

Jarida is fully compatible with latest version of Woocommerce Plugin. We added required stylings to fit the design, and all required confiq codes to make it seamless with Jarida. If you dont need Woocommerce simply dont install it and all the features, codes and anything required for woocommerce will not be loaded and interfered. Vice versa, if you need to set up woocommerce just install woocommerce like you do for other plugins and thats all about it. you dont need to do anything else.


Woocommerce Documentation

One of great features of Jarida is that you can Customize your categories as you want with custom background, color, logo, sidebar or slider .

  • Navigate to Posts menu > Categories .
  • Edit the category you want .
  • From the Edit category page you can chnage the settings of your category as following :

Jarida - Category Settings Box

  1. Enable/Disable Mega Menu - You need to add the category in the Main Nav after enabling this option
  2. Choose Custom Sidebar for the category .
  3. Choose Custom Slider for the category .

Jarida - Category Style Box

From this box you can set a custom Color and Background for the category .

  • Navigate to Appearance menu > Widgets page .
  • Add Jarida - Social Counter widget to the sidebar you want .

FaceBook Page URL

Your FaceBook URL will be something like http://www.facebook.com/tielabs or http://www.facebook.com/pages/Anasheed/153555808028282


Twitter Followers Counter

You need to Create a Twitter App and set it's info in Tiepanel > Advanced > Twitter API OAuth settings. check the following video .


Youtube Channel URL

Your Youtube Channel URL will be something like http://www.youtube.com/user/username or http://www.youtube.com/channel/channel-name


Vimeo Channel URL

Your Vimeo Channel URL will be something like http://vimeo.com/channels/username .


dribbble Profile URL

Your dribbble Profile URL will be something like http://dribbble.com/username .


SoundCloud Info

  • Go To Your Applications page .
  • Click On Register a new application Button .
  • Enter Your App Name and click on Register .
  • Check Yes, I have read and accepted the Developer Policies and Click on Save App Button
  • Copy the Client ID and Go To Jarida - Social Counter widget and paste it in API Key input field in the SoundCloud area.

Behance Info

  • Go To Manage Your Applications page .
  • Click On Register a new App Button .
  • Enter Your App Name, Your Blog URL and Description
  • Then click on Register Your App.
  • Copy the API KEY / CLIENT ID and Go To Jarida - Social Counter widget and paste it in API Key input field in the Behance area.

Instagram Info

To Setup Instagram you need to get an Access Token Key .. use this tool to get it .

Adding a Lightbox Content

  1. Go to Posts --> Add New
  2. On the Visual editor mode .. click on lighbox shortcode icon .
  3. In the Add Lighbox window Add :
    • The Full Image or Youtube / Vimeo Video URL which that will appears in the lighbox .
    • The Title which will shown as a tooltip text when the mouse moves over the element .
    • In "Content" area add the Text will linked with the Lightbox .. or the html code if you want to use an image like :
      <img alt="" src=" IMAGE URL " />
  4. Then click on insert into post button.

Adding a Lightbox Gallery

Adding a Lightbox Content

  • Install Infinite-Scroll Plugin .
  • Go to Settings Menu > Infinite Scroll.
    • Enter .post-listing in the "Content Selector" input field .
    • Enter .pagination in the "Navigation Selector" input field .
    • Enter #tie-next-page a in the "Next Selector" input field .
    • Enter .item-list in the "Item Selector" input field .
  • Click on Save Options Button .