Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to post your queries on our support forum. Thanks so much!
Author: | Designova |
Support: | Through Forum Only |
Author URL: | Designova |
Item URL: | Check Demo Now |
Current Theme Version: | 1.0 |
Aether Shortcodes Version: | 1.0 |
Aether Posttypes Version: | 1.0 |
Documentation Version: | 1.0 |
Created: | 29-Apr-2016 |
Modified: |
This refers to installing the theme on your WordPress powered website. This means you already have a website powered by wordpress CMS.So here's what you have to do:
Alternatively you can install the theme though FTP method. Here are the steps
Aether theme requeries Aether Shortcode plugin to get all the page builder elements available for this theme. This plugin is an extension for Visual Composer Page builder. You can find the plugin files inside the downloadpack under Plugins folder. Before activating the plugin ensure that you have installed Visual Composer plugin.
Here are the steps to install the plugin
You must install WP Retina 2x plugin from Wordpress Plugin Repository to make your graphics looks great on HiDPI devices.
We have included an option for easier demo data installtion.You can install the demo with just one click from Theme Options >> Import Demo Data.
For beginner users and those who want to take a look at the demo content, you can install the demo data:
After activating the theme click on the Theme Options link inside the Appearance tab (Dashboard >> Theme Options)
You can upload your brand logo on the logo field, which will be displayed on top left of the header bar aswell as left side of the footer
Footer Cover Image: This theme features a slide out menu. The menu has a dark background image in cover mode. If you want to change the default image you can use this option
Footer Text Left: Text that appears on the bottom left of the footer.
Footer Text Right: Text that appears on the bottom right of the footer. You can add limited html elements like a tag
Footer Cover Image: Footer section has a dark background image by default. By uploading an image through this option you can change that. Please prefer dark image as the text above is white
Add respective account handles, icon will appear on the footer. You can add your own icons also. Kindly follow the fotrmat described under the 'Custom Social Media' field.
<li><a href="URI">TEXT</a></li>
The customize section has two sub sections for font and color management.
Custom CSS option is to create your own styles for the theme. You can also use this feature to override some existing css rules.
Choose highlighted areas color for the site. For row ,column and many other elements, there will be color choosers in Visual Composer
You can choose fonts for four major text items, heading, bolder heading , body font and speciality headings. You can choose anyfont from google fonts pallete for all of them
You can export your theme options settings for backup , migration etc. Its a standard feature for Redux Framework.
To create a new page, open your Dashboard ⇒Pages ⇒ Add New:
This is how you can add a page. You need to choose the right template and configure the meta options properly to make the pages appear as displayed in our demos
In the following sections we will explain page templates and use of meta options in detail based on the usages in our demo website.
Aether supports Visual Composer PageBuilder. We have created an extension for Visual Composer with theme specific components. We have also included the Visual Composer and its documentation inside the download pack
Aether Addon details has been explained later on this docs
Aether has got one custom post type for portfolio.
The posts will be displayed through 'Visual Composer' -> Aether -> Portfolio Grid.
Please ensure that you have installed and activated 'Aether Posttypes Plugin'
Drag and Drop 'portfolio grid' or 'Portfolio - Split Style' from 'Aether' group in VC page builder elements. The grid item can be expanded as three types lightbox image, light box video and standalone project page.
There are three layouts available for the portfolio grid, 2 column, 3 column, 4 column. For proper layouting you should use uniform thumbnail sizes. Kindly follow the image dimensions as shown in our demos.
To add a new portfolio item Dashboard ⇒Portfolio ⇒ Add New Project:
Add the title and necessary contents and add your projects to respective categories. You can add a portfolio item in more than one categories.
We have added another taxonomy for the 'Portfolio' post type called 'Group'. This is for grouping various portfolio layout. You can choose the layout style and sorting group from portfolio grid shortcode option
Please do check the theme demo, where we have employed this technique to sort the portfolios in many differnt layouts.
A slider like layout for portfolio - arrange the items in two differnt groups and choose the groups for either sides in VC shortcode options. The shortcode is 'Portfolio - Split Style', which will be explained later on shortcodes section
See the shortcode in actionThe portfolio metaboxes are grouped in three differnt segments Portfolio Thumbnail Image , Portfolio Item Options and Standalone Project Page Options. You must upload a Thumbnail image otherwise the item will be omitted from the portfolio grid.
To show a single image on lightbox popup.
To show a single video from youtube/vimeo on lightbox popup. Please add video id only. It will automatically decide between youtube/vimeo id to show
If yes, rest of the fields will appear
Choose video type and add respective video id to get displayed on cover section of single project page. You can add vimeo or youtube video id
If you want to show text above the video, you can add that conent to ' Content Over Video' field
You can display your blog items through 'Posts'. Its a default wordpress feature. To show posts as in in the picture above, please use 'Blog Posts Wall' shortcode from VC > Aether Tab
Aether supports Visual Composer, install Visual Composer provided with this downloadpack (Auto install option available with theme through TGM Plugin Activation. Follow the instructions from Admin notice bar after theme install). We have created an extension for the Visual Composer with theme specific componenets. You can see them inside 'Aether' tab on VC builder elements.
You need to adjust some of the default styles for Visual Composer. Go to Dashboard => Visual Composer => General Settings => Role Manager (Tab)
A set of images arranged in masonry layout. For proper result choose the images with proper resolutions as in our demo
Custom themed heading and paragraph text with color chooser.
Its a composition layout with a heading , icon and a block of text. In our demo we use SVG icons, you can either use SVG or PNG.
Underlined heading with text color choose option
Creatively designed text block with an accordion style click to expand content area. The expanded area can be devided in to columns (half/full) to sort contents accordingly
Client testimonials in carousel format. See the following image to learn more about adding them
Carousel of brand icons with link option.
Team members displayed in carousel format. It has member photo, designation and three social icons option
Single price table. In our demo these are arranged in three differnt columns with zero padding
Check the following image to learn about this shortcode
A tile is added on a VC column without any padding.
Add Lattitude and longitude of your location and it will show google map as in the following picture
A simple ajax based contact form which sends messages from customers to your email id
Slider with scroll based item slide effect. You need to upload images for left and right sides as seen in following picture
Please make sure that you are using 'Content Only' page template for the page which has this slider.
This slider is very much similar to 'Featured Slider'. You have to upload images for both left and right sides. Unlike 'Featured Slider' this has only one link box. In our demo we have devided an image in to two parts and uploaded on both sides to get that effect.
See it in actionPlease make sure that you are using 'Content Only' page template for the page which has this slider.
A carousel of images with link box. You can link the images to respective project pages or websites or any URL
See it in actionPlease make sure that you are using 'Content Only' page template for the page which has this slider.
A fullscreen carousel of images with link box. You can link the images to respective project pages or websites or any URL
See it in actionPlease make sure that you are using 'Content Only' page template for the page which has this slider.
Background video with text above
See it in actionPlease make sure that you are using 'Video Page' page template for the page which has this slider.
Its a dedicated portfolio theme and you can set many differnt portfolio layouts with this single shortcode and portfolio post type. The setup is simple and all you want to take care of is about grouping the type of posts to respective 'Categories' and 'Groups'. The concept of 'Groups'; an extra taxonomy for portfolio posts has been explained already on the post type section.
We have included three differt types of portfolio layouts (for grid) to choose from
Please do upload thumbnail images according to the layout you are choosing. For square layouts uploading images with same height and width is mandatory otherwise you may end up in creating pretty weired layout
Please do set Visual Composer row to Full width (no padding) to display the grid as in theme demo
We have also included an option to show or hide filter and hide all button in filters
Show portfolio posts through a slider layout. Please see the following link to learn more about it
See it in actionPlease make sure that you are using 'Content Only' page template for the page which has this slider.
Theme styled heading black background and white text as shown in the following picture.
See it in actionButton Shaped Link. There are three variants choose from, the theme colored, white and the hard black.
We have tried to cover all basic stuffs needed for you to quickly customize this template. That is all for the initial setup and basic customization. If you need help, we will be always in your reach though our support forum. We appreciate you follow us on twitter, we are @designovastudio on twitter. We hope you have found this quick tutorial as helpful. If you like our works, please rate our themes at themeforest (theme’s page). This will help us to produce more awesome themes. http://www.themeforest.net/user/designova. Please visit our fb page for more new stuffs and freebies.