Menu

Alex Zane | Documentation v1.0

Thank you very much for purchasing my template. We've put a lot of hard work into it, and we hope you love it as much as we do. As far as the documentation is concerned, we have tried to cover as much as possible to help you get your new template up and running and to help you customise it.

If you have any questions or problems that aren't answered here, please feel free to email us

We love to hear your feedback - if you find any bugs or have suggestions for improvements please get in touch. Nearly all of the time we follow your advice and issue a rapid update to Alex Zane.

If you like our work, please rate it. If you’re about to rate it with less than 5 stars, please let us know the reason first and we will do our best to improve the theme. Thanks so much!

WordPress Information

Since WordPress is constantly being updated information about how to install WordPress may become out of date, so you always can read official guide HERE

Below are all the useful links for WordPress information:

WordPress Installation

Theme Installation

Once you've downloaded the installation file on ThemeForest, extract it and locate a file called alexzane.zip. You can install the theme by using one of two installation methods:

WordPress upload - This is probably the simplest way for most users. Here are the steps you need to take:

  1. Login to WordPress admin.
  2. Go to Admin panel > Appearance > Themes > Add New > Upload Theme.
  3. Click on Choose File and select alexzane.zip.
  4. Click on Install Now.
  5. When your theme is successfully installed, click Activate to activate the newly installed theme.

FTP upload - If you wish to install via FTP, here are the steps you need to take:

  1. Using FTP client, login to the server where your WordPress website is hosted.
  2. Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory.
  3. Using FTP client, upload the Alex Zane directory to themes directory on remote server.
  4. Once uploaded, navigate to Dashboard > Appearance > Themes in the WordPress Dashboard and hit Activate below your newly uploaded theme.
When you use first or second method, please make sure that you're uploading the alexzane.zip file, not entire package you downloaded. If you upload the wrong file you will get an error stating “Error: missing style.css stylesheet.”
Once installation is complete, your Alex Zane theme will be ready to use. You should now see Alex Zane theme as active.

Installing Required Plugins

When you first install the theme you'll see a popup on your dashboard from the theme asking you to install a number of plugins.

Allow the theme to install these for you. The plugins which are installed are dependent of the theme, the images below are for illustrative purposes only.

You can install all plugins at the same time by checking the box at the top of the this list.

Importing Demo Data

I have created a folder labeled Demo Content which contains an export for the Live Preview.

  1. Log-in to your WordPress backend and open your WordPress importer Tool>Import>WordPress.
  2. Click on Choose file and select the content.xml
  3. Check the box Download and import file attachments. This will download attachments for images included in the Live Preview demo.
  4. Click Upload file and import.
You now just need to wait for the importer to finish. This might take a few minutes depending on your hosting server speed.

How to Set Up Menus

To create and activate your new menu follow the steps below:

  1. Log in to that site as an administrator.
  2. Go to Appearance > Menus panel.
  3. Give your menu a name and click Create Menu button.
  4. Add few simple links form Links tab.
  5. Save your menu.
  6. Navigate to Manage Locations tab (at the top of the screen).
  7. Choose your new menu as Main Navigation.
  8. Save changes.

How to Set Up "Home Page"

Ok, so far we have installed the theme, we have installed the plugins and imported the demo data, whats next?

The final step in getting your new theme setup and ready for you to edit as you wish is to setup your home page and menu. To begin, head to Settings > Reading, here you will need to set your Front Page.

By default WP is set to show your latest posts, however to make your theme just like our demo you should select a static front page from the pages provided in the demo data.

How to Update Theme

You can update your theme by performing the following steps:

  1. Download the latest Alex Zane file from ThemeForest.
  2. Extract it and locate alexzane.zip.
  3. Extract alexzane.zip and locate the Alex Zane folder.
  4. Replace content of the Alex Zane folder to the /wp-content/themes/Alex Zane folder of your web site.
Also you can use for update Envato Market plugin.

Changing Primary Color

To change the primary color navigate to General Settings > Color Settings

Here you can control the colors site.

Contact Form 7

Contact Form 7 is our recommended form plugin for WordPress. It is a simple but powerful form creator for WordPress. Here we will show you how to use Contact Form 7 to create and edit a basic form.

After Contact Form 7 is installed, you will find a new menu item in your WordPress admin area called Contact, here is where your forms and created and edited. From the Contact main screen, you will see your first contact form, its usually a default form called Contact Form 1 OR if you have imported the demo data for our theme you may see a few forms that we have made specially for you.

<div class="row">
	<div class="col-sm-6">
		<div class="vl-form-group">
			<span class="vl-form-group--icon">
				<i class="fa fa-user"></i>
			</span>
			[text* your-name placeholder "Your Name"]
		</div>
	</div>
	<div class="col-sm-6">
		<div class="vl-form-group">
			<span class="vl-form-group--icon">
				<i class="fa fa-envelope-o"></i>
			</span>
			[email* your-email placeholder "Your Email"]
		</div>
	</div>
</div>
<div class="vl-form-group">
	<span class="vl-form-group--icon">
		<i class="fa fa-pencil"></i>
	</span>
	[textarea your-message 10x6 placeholder "Your Message"]
</div>
<div class="vl-text-center">
	<button class="wpcf7-form-control wpcf7-submit vl-btn vl-btn--primary vl-btn--sm vl-btn--effect"><span class="vl-btn--text">Send Message</span><i class="vl-btn--icon fa fa-paper-plane"></i></button>
</div>

You can add additional input from the right drop down, after setting up your form click Save button from right.

Visual Composer

Since Visual Composer 4.8 - the process of activating VC for use on custom post types such as Portfolio has slightly changed.

The area can now be found under the Role Manager Tab within the Visual Composer settings area.

Once here, navigate to the Post Type dropdown and switch from Pages and Post to Custom - this will then allow you to check each post type you wish to enable Visual Composer on.

All Shortcodes are integrated in Visual Composer you can find them under VLThemes tab.

Helper Class

  1. .vl-text-white - color text is white
  2. .vl-text-right - text align right
  3. .vl-text-left - text align left
  4. .vl-text-center - text align center
  5. .vl-text-justify - text align justify
  6. .vl-hidden - hide block
  7. .vl-no-select - no selected element
  8. .vl-pull-left - float left
  9. .vl-pull-right - float right
  10. .vl-center-block - center block

Change the Order

Sadly, by default, WordPress has no easy method built into it for taking control of things such as the order of your Posts, categories (Portfolio, Team, Classes etc based on your theme) - Thankfully there is a very handy plugin which can help - Intuitive Custom Post Order

To install the plugin, simply head to Plugins > Add New and search for Intuitive Custom Post Order - once installed, you will need to head to Settings > Intuitive CPO to set things up. Once there you will see the following screen (the items will vary depending on your theme)

Simply Tick the box next to the content you wish to control and hit save.

Now you can quickly and easily re-order your items by simply dragging them within the WP Dashboard - you can see this wonderful plugin in action below.

Child Theme

Child themes are separate themes that rely on a parent theme for most of their functionality. If you are using a child theme, WordPress will check your child theme first to see if a specific functionality exists. If it doesn’t, it will use the parent theme. This is great because it allows you to modify only what you need.

Child themes should always be used if you plan on modifying even a single character in your theme.

If you plan to edit the theme files, like style.css, I`m suggesting you to install both Breal and Breal-child themes, then activate the child theme. Child themes are great because allow you to edit the theme and also lets you update the original theme in the future, without loosing your edited files work.

More about child themes and how to use them you can read here: LINK.

Translate WordPress Theme

You can find .POT file in next folder wp-content/themes/alexzane/languages/
  1. Install Loco Translate Plugin LINK
  2. Read more HERE

FAQ

  1. Where is my Visual Composer/Revolution license?
    1. Premium plugins such as Revolution Slider and Visual Composer may request a purchase code during use. This code is used to provide direct updates and support from the plugins creator and as such is not required or supplied for use with our themes. Our frameworks have been carefully create to ensure your running the latest compatible version at all times, so you have no need to worry. Please note that we manually update our bundled plugins after thorough testing as some plugin updates have bugs that we are unhappy to ship to our customers, you will receive updates when we are happy with the plugin. If you truly require auto-updates from these plugins you will need to purchase a personal license, please note this is the same for each theme on themeforest that bundles plugins.
  2. Demo data installed correctly, but there's no imges?
    1. You either forgot to import attachments when installing demo data, or your server is configured to not allow incoming attachments. You'll need to go through the theme, posts, portfolios and set featured images accordingly.
  3. I'm getting 404 errors on posts & pages.
    1. See the permalinks section of this documentation LINK.