“Alterna” Responsive Multi-Purpose Wordpress Theme Documentation by “ThemeFocus” v9.12.6


Updated: 4-March-2019
Created: 28-Jan-2013
By: ThemeFocus
Support Forum: http://support.themefocus.co

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!


Table of Contents

  1. Installing Theme
  2. Retina Setting & Plugins Install
  3. WooCommerce Setting (option)
  4. Menu Setting
  5. Custom Page For Home
  6. General Options
  7. Blog
  8. Portflio
  9. Contact Page
  10. Sidebar Setting
  11. Font & Color Settings
  12. CSS Files and Structure
  13. Sources and Credits
  14. Additional Information

A) Installing the Theme - top

To install the Alterna Theme you need WordPress 3.5 or later.

IMPORTANT: Make sure you unzip the downloaded file from ThemeForest first . The content of this file contains the actual theme zip file called "alterna.zip". This is the theme file. Now, to install the theme follow one of the following two methods:

Method 1:

Upload the alterna.zip file through the WordPress admin backend (This will ONLY work if the server that hosts your website allows upload limits greater than 10 MB. Please note, most hosting providers have only up to 2MB file upload limit):

Method 2:

unzip the alterna.zip and upload the extracted alterna/ folder to <wordpress install directory>/wp-content/themes/ with your FTP tools so that the structure looks like:/wp-content/themes/alterna/.

Once the upload is complete go to the WordPress administrator backend and activate the theme (the theme should appear now under Appearance --> Themes)

And our theme options should appear now near the bottom of the sidebar under the name: Alterna Options:

Then, please input your ThemeForest Username and API for theme UPDATE - Alterna Theme Update:

  1. Click "Alterna Options" button.
  2. Input ThemeForest Username.
  3. Input ThemeForest API (To obtain your API Key, visit your "My Settings" page on any of the Envato Marketplaces.).
  4. click bottom "sava changes" button save and done.


B) Retina Setting & Plugins Install - top

As Retina ready, you need install a wp retina 2x plugin when install theme done.

  1. Click "Begin installing plugin" button of top alert message.
  2. Click "install" of current WP Retina Plugin when you mose over.
  3. Return Dashboard when complete install.
  4. Open WP Retina Setting through "Setting" -> "WP Retina 2x".
  5. Check "large" disabled the size don't retina, because of the size too big.
  6. Check "Auto Generate" button will auto works for @2x image.
  7. Check "Save Changes" button complete all setting.Then all retina setting done.
  8. Then retina setting done.

Detailed operation as follows:

You also need install another plugin named Revolution Slider Plugin & LayerSlider Plugin method same it.

V2.0 Added Visual Composer Plugin


We used "Alterna Menus" for alterna theme so you need setting menu for theme when theme installed.

  1. Open Menus Setting througth "Admin" -> "Appearance" -> "Menus".
  2. Create a menu or use you already created menu.
  3. Add pages or link for your menu.
  4. Add your menu for theme "Alterna Menus" of Theme Locations Panel.
  5. All save , then setting done.

Detailed operation as follows:


D) WooCommerce Setting (option) - top

We had integrate WooCommerce begin v1.0.3, if you need a shop for your site, please follow these step.

  1. You can down WooCommerce plugin throught here http://wordpress.org/extend/plugins/woocommerce/ or search plugin "woocommerce" will show "WooCommerce - excelling eCommerce" in admin panel -> add new .
  2. Active WooCommerce plugin and click "Install WooCommerce Pages" button auto create all shop pages (Important).
  3. Setting your WooCommerce Options.
  4. You can view more details for user: http://wcdocs.woothemes.com/category/user-guide/

NOTICE: You need first setting your product size through Admin -> WooCommerce -> Setting -> Product tab -> Product size.


E) Custom Page For Home - top

About home page you need create a page with template or content, then throught "Admin" -> "Reading" -> "Front page:" choose your page.

  1. Open "Pages" -> "Add New".
  2. Input your page name and add content (some template don't need input text content).
  3. Setting Page Options for your page layout , title , slider etc...
  4. Choose your page template, default don't need select.
  5. Click Publish button, then open "Reading" -> "Front page displays".
  6. Click "A static page (select below)" button then select the page for home page.
  7. All done then will works.

Detailed operation as follows:


F) General Options - top

Then, you need some general options for your website like logo, favicon, google analytics etc...

  1. Open Alterna Options Panel throught left bar will find button.
  2. Click options all buttons and view them , if you need some one setting just change and click "Save Changes" button.

Detailed operation as follows:


G) Blog - top

1.Setting Blog Page: We privode 2 style blog for u. Default style you just need throught "Admin" -> "Reading" -> "Posts page:" then select your page. Another style you just choose "Blog Waterfall Flux with AJAX" template for your page.

  1. Add New page.
  2. Input page name
  3. Choose page template if you need "Blog Waterfall Flux with AJAX" style.
  4. Setting page options.
  5. Publish

Detailed operation as follows:

2.Add Blog Post: We privode 'gallery', 'video', 'audio', 'image' and 'quote' post format for u choose.You also can setting post page layout etc...

  1. Add New post.
  2. Input post name
  3. Upload thumbs image throught click "Set features image".
  4. Input your post content.
  5. Setting post options.
  6. Choose post format.
  7. Add or Choose post category.
  8. Add tags.
  9. Publish

Detailed operation as follows:


H) Portfolio - top

1.Setting Portflio Page: We also privode 2 style portfolio for u. You just choose "Portfolio Template" or "Portfolio Waterfall Flux with AJAX" template for your page.

  1. Add New page.
  2. Input page name
  3. Choose page template.
  4. Setting page options.
  5. Publish

Detailed operation as follows:

2.Add Portfolio Item: We privode 'gallery', 'video' and 'image' format for u choose.You also can setting portfolio page other options etc...

  1. Add New post.
  2. Input post name
  3. Upload thumbs image throught click "Set features image".
  4. Input your post content.
  5. Setting post options.
  6. Choose post format.
  7. Add or Choose post category.
  8. Publish

Detailed operation as follows:


I) Contact Page - top

About contact page, you just need create a page and choose contact template. Why here we add the help , because of the page includes Google Map setting on page options.

  1. Add New page.
  2. Input page name
  3. Choose contact template.
  4. Setting page options.
  5. Publish

Detailed operation as follows:


We provide unlimited sidebar support , you can create or remove sidebar for you pages.

  1. Open Sidebars througth "Admin" -> "Appearance" -> "Sidebars".
  2. Input sidebar name and create it.
  3. Add widgets into sidebar throught "Admin" -> "Appearance" -> "Widgets".
  4. Drag widget into the sidebar.
  5. Open your page and add the sidebar for page.
  6. All save , then setting done.

Detailed operation as follows:


K) Font & Color Settings - top

We provide options for u change font & colors , you just need open "Alterna Options" -> font or -> color.

  1. Open options setting page.
  2. Setting params value.
  3. Click "Save Changes".
  4. All down will works.

Detailed operation as follows:

You also can custom css throught here for your custom style.


L) CSS Files and Structure - top

Alterna theme fully responsive layout. Default CSS files are located in the <themes-directory>alterna/style.css and <themes-directory>alterna/css/responsive.css.

About Custom css files located in the <themes-directory>alterna/custom/custom-styles.php.The custom css files are registered and included in the <head> via alterna_custom_styles() function located in the functions.php.

JavaScript files are located in the <themes-directory>alterna/js/.

All JavaScript are registered and included in the <head> via alterna_init_styles_scripts() function located in the functions.php.

If appear "Write theme css error."


M) Sources and Credits - top

I've used the following images, icons or other files as listed.


N) Additional Information - top

More information and examples,you can click here found it Alterna Demo Site

If you have many further questions,please seach or " Start a New Discussion " throught our Support Forum.


Once again, thank you so much for purchasing this 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.

ThemeFocus.co

Go To Table of Contents