Documentation for Ale

Getting Started

Welcome

Thank you for purchasing The Ale Wordpress Theme. If you have any questions that are beyond the scope of this help file, please feel free to email – themeforest.net/user/crik0va. Thanks so much! The HTML code is 100% responsive and adaptive to different devices. The code is valid and cross browser on each modern browsers. It used the HTML5 and CSS3 technics.

In this user guide you will find all required information to get your site up and running: starting from theme installation and setup, to usage of different post types, page templates and shortcodes.

This file is really extensive so you might think the theme is hard to use, actually it’s not, you probably just might jump to the options page and explore everything yourself, this file is more of a reference work if you do not know what to do, or if you are not familiar to WordPress.

Information about Updates and New Themes are always announced on Twitter and Facebook. Twitter updates are usually more up to date, Facebook updates are more detailed and easier to follow :)

We hope you will enjoy working with our themes. Yours sincerely, CRIK0VA.

Before getting started

Please note that this theme is not harder to use than any other premium theme with advanced functions. Moreover, we believe that it’s even much easier! And there’s a good reason for that: amount of time that we invested in designing its interfaces, page templates and theme options is simply immense

Nevertheless, please note that this User Guide does NOT cover basic WordPress usage. Therefore if you are not a confident WordPress user, please get accustomed with it BEFORE proceeding to this manual and theme!

First of all please google “wordpress basics” – plethora of articles and educational videos are available!

Here are some links that will help you to become more confident with WordPress:

Seriously. If you do not want to spoil your experience with any Premium Theme, get accustomed with WordPress basics first!

Installations

Dear customers, first of all you need to install the Wordpress CMS. If you have already done it and have a new wordpress site, you can start to install our theme. You have 2 ways to install our awesome wordpress theme on your CMS.

  • Using the Upload section in Admin panel.

    To install this theme, go to WordPress Admin Panel -> Appearance -> Themes -> Install Themes -> Upload -> choose zip file with the theme -> Install Now.

    Please note that some hostings have a restriction on a size of a file that you are uploading. If any warnings appear, most probably, your hosting has file size limit. And the theme .zip file is too large to be uploaded via WordPress Panel. You can try contacting your hosting provider and ask to ease this restrictions.
    Issue? WordPress Shows you this error - "Theme is missing the style.css stylesheet error"? In that case read the article, please. (https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error)

  • Using FTP (manually upload).

    You can use any FTP client (ex. FileZilla, Total Comander etc.). Connect to your hosting server, select the site root folder, with wordpress CMS installed. Open the folder /wp- content/themes/ . In this folder we will install the theme. Unzip the theme archive and upload the theme folder in the opened folder “themes”. After go to Themes section in Admin Panel and activate the new theme.

    Attention! Theme will work fine on the vast majority of correctly installed and configured WordPress sites without any additional settings. However on some (very rear) hosting configurations you can notice that images on your site are not displaying. If you are experiencing this issue, please follow these steps to fix it:

    1. Make sure that theme installed strictly to “{wordpress install directory}/wp-content/themes/” folder.
    2. The folder “{wordpress install directory}/wp-content/uploads” must be created. On some hostings you’ll need to set its CHMOD to 755, on others – to 777.

After Theme installation, you can start to import the predefined demo examples. On our Youtube Chanel you will find a lot of video tutorials that shows how it works.

If above steps did not yield any results, please don’t hesitate to address this issue directly to your hosting company. Since this is most likely a server-related problem, we will not be able to help you!

Attention! To assure your permalinks are being rendered correctly (the web-site does not return “404 Not Found” error) after switching the theme, follow “Dashboard > Settings > Permalinks” and click “Save Changes”.

Demo Installations

Once you installed and activated the Ale Theme, you will see a notice in Dashboard about required plugins.

You must install and activate the Ale Theme Core plugin. Just check the checkbox near the plugin and press "Begin installing plugin" loke it shows on the previous image. Also Activate the plugin. After in the Appearance section will appear the Demo install page.

On that page you can manage all available demos. Press the istall button to import the necessary demo. It will import data and images automatically. In case you will install another demo, the previous will be automatically removed.

We strictly recommend to use:

  • use a fresh install of WordPress for importing Demo Data. (no media, not posts, no pages, no plugins.)
  • The upload process can take up 5 minutes. So please, be patient and do not close the page.
  • Before importing Demo Examples you must install required plugins.
Hosting/server Requirements
  • PHP Version minimum 7.0 Recommended PHP 7.3
  • Memory Limit minimum 256M. Recommended 512M
  • Executations Time 300ms
  • The theme will work on any hosting, but the import tool for specific demos needs server power to import and cut images. In case your hosting is slowly, some demos can be imported with errors. In this case try to contact our support, and we will take a look to find a solution.

Plugin Installation

After theme activation it is advised to install default theme plugins:

  • Ale Theme Core (required)
  • WPBakery (required)

Simply select all plugins and install them. Then activate the plugins with help of “Bulk action”:
plugins

On our Youtube Chanel you will find some tips for better using of custom plugins.

Theme Options

Theme Options panel is the main setting panel in Ale theme. You have some important Tabs with different settings.

Options Panel


Brand Section

In The brand section you should upload data about your brand, for example Logos of your company. You can upload the default logo for header, and also the same logo but in retina size (2x bigger). You can upload the footer logo.


Style Section

This section is for fields that will change your overal site style. On that page the main settings is the design field. Each demo variant have a specific Header and Footer Design. So This field manage the overal demo style.

Also on that page you can manage the wrapper width, specify a custom background for the site or enable/disable an animation preloader.


Header Section

This tab is for Custom Headers. In case you want to customize the header fonts, colors, sizes - use that option.


Footer Section

Information from footer can be edited in that section, like phone, email, address or copurights.


Page Heading Section

On inner pages the theme used custom page headings. You can manage your headings in that section.


Typography Section

To manage the typography on your site you should use this tab. Here you can specify what fonts to load from Google Fonts, and specify the typo for H1-H6 and body elements.


Social Section

Specify Social profiles links and check the share platforms for your site.


Advanced Settings Section

Add custom code for footer ar Custom CSS


Blog Settings Section

Manage the Blog Pages Styles. Colums, Elements, Typo, etc.


Work Settings Section

Manage the Work Pages Styles. Colums, Elements, Typo, etc.


WooCommerce Settings Section

Manage the Shop Pages Styles. Colums, Elements, Typo, etc.


Instagram Settings Section

Enable or disable Instagram Feed for supported footer. Note: Some footers doesn't support the instagram feed. check the demos examples.


Subscribe Settings Section

Enable or disable Subscribe field for supported footer. Note: Some footers doesn't support the subscribe field. check the demos examples.


Google Maps Section

Data for Google Maps like custom icon, custom style or API key

Widgets Settings

The theme comes with custom widgets. Bellow you can view what sidebars are supported by Ale.

  • Main Sidebar - Default sidebar.
  • Footer One Sidebar - Sidebar for Widget Footer.
  • Footer Two Sidebar - Sidebar for Widget Footer.
  • Footer Three Sidebar - Sidebar for Widget Footer.

Our Theme also comes with custom widgets like:

  • Aletheme About me
  • Aletheme Most Commented
  • Aletheme Recent Posts

Managing the widgets is very easy, you just need to drag and drop elements on the sidebar section, and play with options in widgets settings. That’s all. More tips on how to manage sidebars and widgets watch on Our Youtube Chanel

Managing menu is very simply, you need to use the default wordpress menu section. Go to Appearance - > Menu. Create a menu. And select the location. Add items to your new menu by drag and drop. Save the menu. All Done, now our menu will show on the site.

  • Header Menu
  • Mobile Menu
  • Header Left Menu
  • Header Right Menu
  • Footer Menu

Blog Settings

First of all in first steps you created a page called blog. IF you didn't create it, now it's the time to do it. Create a pcustom page called Blog and make sure the page slug is "blog". Then go to settings and select thsi page as posts list page.

Important. When you create a post you need to select a Featured Image. This image will be show as thumbnail in blog archive and as top image on single post page.

For Blog posts you have a big set of additional settings.

Multilingual Ready

The theme is multilingual ready. If you are going to translate the site in your native language, just install the poEdit soft and translate the file from /lang/ folder. More info on how to translate wordpress theme you will find in google our our support forum - http://alethemes.com/docs/

Final Settings

Go to Settings -> Reading.

Front page displays must be A static page (select below)
Front page – Home
Posts page – Blog

Go to Settings -> Permalinks. It must be set to Postname

Custom Page Templates

Page Full Width

It's a template without wrapper.

Page with contant and Posts list

It's a custom template that loads the content and the posts archive on same page.

TaxiPress Page

It's a custom template for TaxiPress Demo. It is used only with TaxiPress style. But if you need that html structure, you can use on your custom built.

Top Revolution Slider

This template is used for Orquidea Home page. It load a Revolution Slider first in the top, then the navigations and rest content. You can use that template you want to built a page with Revolution Slider in the top of the page.

Custom Post Types

Works

In your Admin panel Open the section Works. Note That you must activate the Ale Theme Core to be able to manage Works section

Press the Add New button and fill all fields with the content. Insert necessary data and select a featured image to set the thumbnail. Then go to the Appearance-> Menu -> Advanced Tab -> add Works archive page to the Navigation.

Gallery Images? - Uplaod some images into the Gallery Box and also you can specify the Output style, Select a simple slider, or a grid list, or a specific Slider style.

For Works post type you can also specify different settings for style or content part.



WPBakery Custom Elements

Custom Shortcodes

The theme comes with more than 80+ Custom elements for WPBakery Page Builder. Here you can check the full list of available shortcodes.

  • Slider One
  • Testimonials Slider
  • Pretty Team
  • Move Slider
  • Simple Team
  • Simple Testimonials Slider
  • Tabs
  • Centered Slider
  • Icon Tabs
  • Image with Title
  • Works Slider
  • Timeline
  • Fashion Slider
  • Stephanie Slider
  • Steps History
  • Promo Slider
  • Extra Slider
  • Years Tabs
  • Team Tabs
  • Exotico Slider
  • Exotico Testimonials
  • Exotico Team
  • TaxiPress Team
  • TaxiPress Service
  • TaxiPress Cars
  • Prestigio Slider
  • Ospedale Slider
  • Opening Hours
  • Event Slider
  • Contact Form
  • Recent Works Line
  • Counter
  • Google Maps
  • Simple Form
  • Price Element
  • Selected Works
  • Scale Image Box
  • Hover Text
  • Service Block
  • Price Item
  • Hover Team
  • Works Masonry Grid
  • Video Box
  • Featured Post
  • Left Icon Service
  • Pricing Table
  • Recent Blog Posts
  • Corporate Team
  • Progress Bar
  • Recent Post Line
  • Scroll Works
  • Promo Banner
  • Creative Title
  • Heading
  • Presentation
  • Three Steps
  • Subscribe Container
  • Search Box
  • One Member
  • Exotico Info
  • Exotico Stats
  • TaxiPress Contact
  • TaxiPress Booking
  • TaxiPress App
  • TaxiPress Info
  • TaxiPress Suggest
  • TaxiPress News
  • Prestigio Skill Bar
  • Ospedale Find Doctor
  • Ospedale About
  • Donate
  • Donate Item
  • Wishes Item
  • Wedding Box
  • Countdown
  • Works Vertical Slider
  • Products Slider
  • Shop Categories
  • Shop Products
  • Look Book
  • Exotico Products Carousel

Deep theme customization (beyond theme options) can be done in CSS . If you are familiar with it, you can use FireBug (FireFox plugin for web-developers) or Chrome web developers tools to define which style should be changed and where.

Once again, thank you so much for purchasing our theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.