like.themes.wp@gmail.com www.like-themes.com Portfolio

Alavion - Like Themes WordPress Theme Documentation 1.0

Before continue, please check online documentation, it can be updated.

1. Theme Support and Licence

Thank you for purchasing Alavion WordPress Theme. If you need support you can contact us by email (like.themes.wp@gmail.com). You must provide purchase code, we'll answer you in 1-2 business days (if you wait for answer too long, please check spam folder). According to item support policy it doesn't include theme customization, third party plugins integration and hosting problems.

With ThemeForest Regular License you allowed:

You are not allowed:

For more information about license please read https://themeforest.net/licenses/faq.


2. Theme installation

To install this theme you must have a working version of WordPress already installed. Make sure you have clean WordPress setup.
This installation guide will help you to install the WordPress. If you area new in WordPress we recommend you to read WordPress Codex, FAQ and Lessons.

Requirements

You need web hosting with at least PHP5.6, MySQL 5 or higher and WordPress 4.6 installed. Please check WordPress official minimal requirements https://wordpress.org/about/requirements/
If you have troubles with theme installation or one click demo install, make sure your server configuration limits are:

You can check them using plugin PHP Info. To change these values:

  1. Edit your .htaccess file (at root of your FTP) and adding these lines:
php_value upload_max_filesize 32M
php_value post_max_size 32M
php_value memory_limit 128M
php_value max_execution_time 600

    2. Try to use plugin PHP Settings
    3. If it still not helps - contact your hosting provider, they must help you with server configuration.


Installation

Please watch full video tutorial. It was recorded for our Autema theme, but can be used for any theme of our development.



The theme files can be uploaded in two ways: Through FTP or through WordPress dashboard.
  1. FTP
    Upload the non-zipped theme folder into the /wp-content/themes/ folder on your server. You must upload folder /alavion/ from archive alavion.zip.
  2. WordPress
    Navigate to "Appearance" > "Add New Themes" -> "Upload Theme" -> "Choose file" (choose alavion.zip) > Install




Activate it after install.

If you have error "Theme is missing the style.css stylesheet error" - make sure you uploading inner WordPress .zip file with theme, not the whole archive downloaded from ThemeForest. More information on https://help.market.envato.com/hc/en-us/articles/202821510-Theme-is-missing-the-style-css-stylesheet-error.


Basic configuration

  1. Install all required plugins (Especialy Unyson, LT Extension and Visual Composer) by clicking on Begin installing plugins
  2. Activate them after that
  3. Update permalinks for custom pages in Settings -> Permalink -> Save


Notice: if you want to use a child-theme, you can also upload the file alavion-child.zip in addition with the main Alavion Theme. Child Theme allows you to add/modify CSS Stylesheet and functions without modifying main theme files. And you'll not lose your modifications after main theme update.

Demo Content Install

We recommend you to install demo content. Go to the Tools -> Demo Content Install. Be aware - installing of demo content will delete all your current content.
Click Install, wait till it'll be downloaded. Your WordPress Alavion theme now must be identical to live preview. If you have troubles with installation, please check minimal PHP hosting requirements from Theme installation section.



If Tools -> Demo Content Install not Available - make sure Unyson Plugin is installed and activated. Also Backup & Demo Content Extension must be active:


If demo installation interrupts with warning "Curl SSL" , contact your hosting support and ask them to check, that Curl SSL support is enabled on your site.

If backup or import interrupts with "Abort" link and you have this notice in dashboard “Unyson: Your website is hosted using the LiteSpeed web server. Please consult this article if you have problems backing up.” please read this article http://manual.unyson.io/en/latest/extension/backups/index.html#litespeed-webserver.

If after installation you have problems with menu and it displayed without drop down levels like on screenshot:


Make sure that Main Menu is assigned in Appearance -> Menu -> Menu Settings -> Display Location:

3. Theme Configuration

Upload your Logo and fill all fields in Appearance  -> Theme Settings

Logo Upload

Pageloader - styled for particular theme page loader can be deactivated
WooCommerce Product Hover Zoom - activated mouse over zoom in single product page
Google API Key - you must enter your Google API Key if you need Google Maps services.

Media

Default Heading Icon and Headings Icon white - sets image visible under two-line headings in theme
Menu pattern - animated (by default) icon for hover and active menu elements. You can find in media archive several colors. It will be also used for Go Top link at the footer
Inner Header and 404 Page Background - upload background images for certain pages.
Excerpt Blog and WooCommerce - automatically cuts text on these pages.

Layout

Blog and Gallery layout - default layout for /blog/ and /gallery/ pages.
Excerpt Blog and WooCommerce - automatically cuts text on these pages.



Footer block

Hide Go Top - disables footer go top link
Footer Block Background - set animated background for Block Before the Footer
Copyrights - change copyright text
Hide Footer - allows you to control footer widget columns, also you can control mobile view of these columns


Footer can have 1-4 columns (or can be fully disabled). In this demo we using 1-column layout.


Favicon

Next, in Appearance  -> Customize you can set Site Title, add Favicon


Color Customization

Appearance  -> Customize -> Alavion Settings allows you to change all main colors of the theme
(section can be named is theme you are using, for example Alavion Settings)


CSS Customization

For minor changes you can use Appearance -> Customization -> Additional CSS. Basic information about of CSS:

Also you'll need in-browser tool for CSS Tweaks (watch firebug video tutorial):


WordPress settings

You can find more information in WordPress documentation, but we'll describe main options:

  1. Settings -> General. You can set here your email, timezone, date format
  2. Settings -> Reading. Frontpage must be set to "Homepage", but you can use any page of site as welcome page. Also you can change number of posts per page. 6, 8 or 10 will be optimal
  3. Settings -> Discussion. You can enable/disabled premoderation of comments here.

4. Menu and Widgets

Menu

Use Appearance  -> Menu to set you header menu and footer menu.
If you downloaded demo content, we set optimal pages, you can change order and level. Add new pages or remove them here. You can use different menus for header block (with multilevel menus).



Widgets

Widgets are blocks visible in blogs, shop pages and footer of site. You can configure blog sidebar position in pages control (or disable it at all).
You can change them in Appearance -> Widgets.
You can use any of standard WordPress widgets. Also you can install and any new widget in Plugins menu, but we can't guarantee full
support for them.



5. Posts

Blogs posts

It's standard WordPress posts module. You can write articles here, create categories, set tags.



If you want to create additional Blog Page, create empty page, them set Template -> Blog


Also set Blog Layout you want (at footer of Pages)



Gallery

Among standard gallery, you can use our posts type. Main Photo with header and description will be shown in list and other photos with full-page zoom inside of gallery.

As blogs, you can change layout and create additional pages:




Testimonials

You can post clients feedback here, it will be available on /testimonials/ page. Also you can post preview of feedbacks on any page with shortcode.


Sections

Allows to edit common used on all pages blocks. In Alavion theme you can control subscribe block and topbar (you can disable it by deactivating MailChimp Plugin)


Subscribe block (MailChimp)

Both block not always used in every theme and they can be activated or edited only, if theme support it. You can check it in theme demo.

6. Pages

Among posts, pages are main module where you'll create your site content. You can use Visual Composer for visually change blocks and
using shortcodes. You'll find information about all Alavion shortcodes in next section, here we'll describe main editor functions.


To enable Visual Composer select Backend or Frontend editor. In most cases you need only Backend.



Layout

You can add new elements be clicking on plus button.


You can read all about Visual Composer Shortcuts in official documentation.


Layout Configuraton

For every page you can configure:



7. Shortcodes

Here we describe our shortcodes:


Alert

You can create Warning Block:




Block with Icons

Create different information block with icons:





Set all params and create Icons list. You can choose from Font Awesome library or upload you own icon.

Blog

Insert block with last Blog Posts from archive

You can inset certain Blog Posts by ID's, or latest posts from Category. Also you can set needed text size.

Button

Buttons are important elements of every site. You can use buttons as links to inner or external pages:


Among default Button text, URL, sizes and button aliment you can select default color state, hover color state, different text color.
Position allows you to set several button in one row.

Contact Form 7 Customized

More detailed information about using Contact Form 7 you can find in section Forms. This shortcode allows you to create customizable
form with different button color or background:




CountUp

CountUp Block is simple, but effective way to show some important information to you client.



Add several blocks, insert you information and that's all - animated block is ready.

Empty Space Responsive

Empty space is main tool to control your sections. You can create block of certain height, that will be transformed in mobile and tablet.



Google Map Styled

Create Styled Google Map



 

Header

Advanced Tool to create unique headers styled for Alavion Theme: 


Default header uses icon image at the top.



Header with inline highlight:




Use Google Fonts to set unique header:





Video Popup

Allows you to add image with video link:



Products

Show latest product from WooCommerce plugin with filter and slider:


Social Icons

Use FontAwesome Icons Library to Add Social Icons block to you site:




Swiper Slider

Create slides in Sliders section:


Then insert slider to site using this Shortcode

Testimonials

Insert Testimonials slider to show latest posts from Testimonials Post Type


Zoom Slider

Shortcode displays previously created sliders from the specified category.


In the shortcode settings, you can specify the category in which the sliders are located and adjust the transition effects of the sliders.



This shortcode displays sliders from a specific category. You can add sliders and assign a category to them in the Sliders menu.
Dashboard -> Sliders -> All Sliders





8. Forms

To add forms on your pages, first create them in required plugin. Then go to Contact -> Contact Forms



To insert form into page use CF7 Shortcode or CF7 Customized for more options.


9. Additional Plugins


Events Calendar

Plugin used to control your events

WooCommerce

E-commerce plugin with huge amount of add-ons

Breadcrumb NavXT

Used for showing breadcrumbs in header of site

Post Views Counter

Show number of views in gallery and blog posts. If you disable it icon will be hidden.

WP Instagram Widget

You can add this widget to sidebar to show last photos of selected instagram

MailChimp

Plugin for emails subscribe lists


10. Backup

You can backup your site in Tools -> Archives menu. Also you can enable Backup Schedule for automatic backup.



We strongly recommend you to do manual backups regularly, especially when you making updates or major changes on your pages.





http://like-themes.com