Documentation

Zorik - Modern & Lightweight Blog WordPress Theme

Thank you for purchasing our theme, now you are an owner of a regular license or extended license of Zorik WordPress Theme. You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this Theme is made and how to edit this properly. You may learn basics here.

Zorik is a WordPress Theme for Blog and Magazine purposes. It represents the modern age lifestyle sense with the Blogs. This theme can be used in multipurpose ways like- Travel, Sports, Fashion, Lifestyle and Business as well. It has six different demos with different styles of Blog features so that user can easily use this for their desired purposes. This theme made with Elementor Page Builder so that anyone can easily handle this theme and use their work purpose. It is compatible with all browsers and fully responsive so very suitable for any device.

If you have any questions that are beyond the scope of this help file, Please feel free to email via Item Support Page.

Getting Started

To install this theme you must have a working version of WordPress already installed.

• For information in regard to installing the WordPress Platform, please see the WordPress Codex: Installing WordPress
• Before to start working with your new theme, make sure that your WordPress Version is updated to the latest one.
• You can know more about WordPress Requirements from here.

Server Requirements

Please make sure you have fullfilled the following Requirements

1. WordPress 5.8 or higher version.
2. PHP Version 7.4.0 or Upper . ( 8.0 recommended )
3. MySQL 5.6 or greater.

It is also recommended to setup your php limit to avoid the common issues during the plugin installation and demo import.

• memory_limit 128M
• max_execution_time 180
• post_max_size 64M
• upload_max_filesize 64M
• max_input_time = 120
• max_input_vars = 10000

Knowledge Base

Firstly you need to install WordPress on your server using softaculas or other installer. It depends on your hosting provider.

Here are some usefull links to get started with WordPress:

1. Official instruction of installing WordPress on your server- WordPress Installation
2. Here is the official guide to get started with WordPress- Getting Started

What's Included in the zip folder

1. A zip file of the theme .
2. A plugin zip file for core functionality.

Installation

Follow the steps below to setup your WordPress theme.

There are two methods to install the Zorik WordPress Theme. The first one is using the WordPress Theme Installer and the second is installing it using the FTP method.

After Importing the demo file, you need to save theme option two times.

WordPress Theme Installer

1. Login into the WordPress Dashboard and search for Appearance -> Themes.
2. Click "Add New" at the top of the page.
3. Now click on "Upload Theme".
4. Choose the zip file you will find within the whole package you downloaded from Themeforest -> "zorik.zip"
5. Once the installation is complete you can Activate the Zorik WordPress Theme

FTP Upload Method

1. Using your FTP client, login to your server via FTP and navigate to "wp-content/themes" under your website's root directory.
2. Here you must place the main folder you will find within the whole package you downloaded from Themeforest, this folder called "zorik" ( unzipped version ).
3. Once your files are completely uploaded to your server, log into the WordPress Dashboard and go to "Appearance -> Themes" .
4. Search the Zorik WordPress Theme Screenshot and click to "Activate".

Theme Installation Tutorial

Screenshot Of whole Process to Install Theme

Choose the zip file what you will find within the whole package you downloaded from Themeforest -> "zorik.zip"

Now, Click Activate to activate the theme

Plugin Installation

When the theme is uploaded You need to install some recommended plugins.

Click Begin Installing Plugin.

Now, Select all the plugin to install

Now, Select Install then Click Apply button

After installing all plugins Click Return to Required Plugins Installer

Now, Select Activate then Click Apply for activating all plugins

One Click Demo Import

You can easily import demo data using our one-click demo content importer. View our screenshot to the demo import page.

Set Front Page and Posts Page

You can easily import demo data using our one-click demo content importer. View our screenshot to import demo data in your WordPress site

Now Click Import Demo Data

Now, Click Continue & Import

Congrats! Your site is ready..

After import completed successfully, click visit site

Changing Logo & Page Title

You can manage some special Settings from Zorik theme customizer easily. And the other Settings will be found in the theme option panel.

You can change your Theme Logo from theme options panel

Now, Click on Customize for other options

These options are for Theme Logo, Site Title and Tagline.

Setting up the Menu

The final step before you can start with the new theme is to create your menu, it will be really easy. If you import our demo data it will automatically make a menu for you and set it a primary location.

Let's make your own menu.

Go to "Appearance -> Menus" and you will see a panel where you can create new menus. Create one, add your created pages to it and save it. After this in "Menu Settings" below the menu select"Header Menu" and hit "Save Menu".

For One Page Menu you need to use custom links option to make one page menu. Put your section ID in the URL field and menu text goes Link Text field. Then hit Add to Menu Button.

Note: You can use up to two levels of navigation in this theme.

The Customizar

After activating the theme, you will notice that a new submenu item appeared, under "Appearance -> Customize".

If you click on it you will be taken to the WordPress customizer, a tool which will allow you to modify the look and feel of your website.

Unfortunately not all theme options features are present. You can select only the body background color, background image, custom header image, logo & favicon.

Set Homepage and Blogs

1. Login to WordPress admin panel (URL should be www.yourdomain.com/wp-admin )
2. Navigate to "Settings > Reading".



3. From dropdown, select which page you want to set as "Front Page" and which page you want as “blog posts” page. Default Front Page is ‘Home’ and default posts page is ‘Blog’..



4. Click on ‘Save Changes’ button to save all.

Creating A New Page

Step 1: Navigate the Add New menu under the Pages Navigation.

Step 2: Select your header style and Give it a title.

Step 3: Use Elementor for your page Customization.

Elementor Page Builder

Now you can customize the page with elementor page builder.

Contact Form 7

Contact form 7 is used to create ‘easy to handle’ and ‘easy to customize’ forms. Zorik theme has a pre-built forms. To get all forms, ‘Contact Form 7’ plugin must be installed and activated. You can add/edit/delete the contact form by following this documentation

https://contactform7.com/getting-started-with-contact-form-7/

Contact Form 1

<label> Your name
  [text* your-name autocomplete:name]  </label>

 <label> Your email
    [email* your-email autocomplete:email]  </label>

 <label> Subject
    [text* your-subject]  </label>

 <label> Your message (optional)
    [textarea your-message]  </label>

[submit "Submit"]
          

Inquiry Form

<div class="inquiry-form contact-inquiry">
<div class="title">
    <h1>Contact Us!</h1>
</div>
<div class="row">
    <div class="col-md-6">
        <div class="form-inner mb-20">
            <label>Your Name* :</label>
            [text* name placeholder "Jackson Mile"]
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-inner mb-20">
            <label>Your Email* :</label>
            [email* email-613 placeholder "[email protected]"]
        </div>
    </div>
    <div class="col-lg-12">
        <div class="form-inner mb-20">
            <label>Subject*</label>
            [text* subject placeholder "What’s kind of topic"]
        </div>
    </div>
    <div class="col-md-12">
        <div class="form-inner mb-15">
            <label>Message <span> (Optional)</span></label>
            [textarea message placeholder "Write Something..."]
        </div>
    </div>
    <div class="col-md-12">
        <div class="form-check">
            <input class="form-check-input" type="checkbox" value="" id="contactCheck">
            <label class="form-check-label" for="contactCheck">
                Please save my name, email address for the next time I
                comment.
            </label>
        </div>
    </div>
</div>
<div class="form-inner">
    <button class="primary-btn1 contact-btn" data-text="Post Comment" type="submit">
        <span>
<svg class="arrow" width="10" height="10" viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg">
                <path d="M1 9L9 1M9 1C7.22222 1.33333 3.33333 2 1 1M9 1C8.66667 2.66667 8 6.33333 9 9" stroke="#191919" stroke-width="1.5" stroke linecap="round"></path></svg>
            SUBMIT</span>
    </button>
</div>
</div>

LS Subscribe form

  <div class="input-area">
  [email* email-666 placeholder "Enter Email"]
  <button aria-label="subscribe us" type="submit">
  <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
  <path d="M15.9647 0.685806C16.0011 0.594942 16.01 0.495402 15.9904 0.399526C15.9707 0.303649 15.9233 0.215653 15.8541 0.146447C15.7849 0.0772403 15.6969 
  0.0298668 15.601 0.0101994C15.5052 -0.0094681 15.4056 -0.000564594 15.3147 0.0358061L0.76775 5.85481H0.76675L0.31475 6.03481C0.22914 6.06895 0.154635 
  6.1261 0.0994654 6.19994C0.0442956 6.27377 0.0106078 6.36142 0.00212322 6.4532C-0.00636132 6.54497 0.0106876 6.63731 0.0513867 6.72001C0.0920859 6.8027 
  0.154851 6.87254 0.23275 6.92181L0.64275 7.18181L0.64375 7.18381L5.63875 10.3618L8.81675 15.3568L8.81875 15.3588L9.07875 15.7688C9.12817 15.8464 9.19805 
  15.9089 9.28068 15.9493C9.36332 15.9897 9.45551 16.0066 9.54711 15.998C9.63871 15.9894 9.72617 15.9558 9.79985 15.9007C9.87354 15.8456 9.9306 15.7712 
  9.96475 15.6858L15.9647 0.685806ZM14.1317 2.57581L6.63775 10.0698L6.42275 9.73181C6.38336 9.66978 6.33078 9.6172 6.26875 9.57781L5.93075 9.36281L13.4247 
  1.86881L14.6027 1.39781L14.1327 2.57581H14.1317Z"></path>
  </svg>
  </button>
</div>

Theme Options Panel

Follow these screenshot to change your theme layout from Theme Options

How to add widgets

Step 1: Navigate Appearance > Widgets.

Step 2: You can see all the widget areas here.

How to edit a widget

Step 3: Click on Plus icon and search theme name to see all custom widget.

Step 4: Click on widget to edit them.

Step 5: When you click on widget an edit form will appear.

Step 6: After editing, click Update to save changes.

Theme Update Tutorial

There are two ways to update the theme. The regular and the automatic way.

Automatic

This is the easiest way to update a theme. You can do that by Envato Market Plugin. We already included this plugin with our theme. You need to install and activate the plugin and configure it with your themeforest profile. For configuring this plugin follow this tutorial article: http://www.wpexplorer.com/envato-market-plugin-guide/.

Manual

Go to your "Themeforest Download Account" and download the latest package. Unzip it and overwrite the theme folder on your server via a FTP Client.

Plugins

If the theme uses plugins and there are updates available for theme, you should see a notification and be able to easily install theme.However if you don't see the notification bar, you can update the plugins manually as well.

Plugins

Following list of packages will be included: