“Voxis” Documentation by “TeoThemes” v1.0

“Voxis”

Created: 26/05/2013
By: TeoThemes
Email: support@teothemes.com

Thank you for purchasing my 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. Please also check the FAQ before asking something. Thanks so much!

Table of Contents

  1. Installation
  2. Setting up the homepage and all its possible options
  3. Shortcodes
  4. Page Templates
  5. Custom fields
  6. Theme options panel
  7. Translating the theme
  8. FAQ
  9. Sources and credits

A) Installation - top

In order to use this theme, you must run a stand-alone installation of wordpress and not have a free subdomain at wordpress.com.

Once you have the zip archive ready, you need to go to your dashboard, which is http://yourwebsite.com/wp-admin and go to Appearance > Themes > Install Themes and, in the top menu, select Upload. Now, select the zip archive and just install it normally.

If the above solution fails due to any reason, upload the theme manually via FTP and then go to Appearance > Themes to enable it manually. If you don't know how to upload the theme via FTP, check Uploading themes via FTP

For further help, you can also read Using themes

B) Setting up the homepage - top

The homepage has many elements, we'll analize each one individually.

The top small menu + icons + search bar:

The menu can be changed in Appearance > Menus > Top small menu, you can add any number of pages there.

The social icons can be set in the Voxis Options panel on the left > General Settings, at the bottom, you can add the urls to the social accounts.

The search form acts automatically, you don't need to do anything in order to enable it, so no worries about it.

Breaking news section

The breaking news section shows the latest blog posts from some categories which you specify in Voxis Options > General Settings. You can change the number of the posts too.

Logo + Ads on the right

The logo can be changed in Voxis Options > General Settings, while the ad can be added in Voxis Options > Advertisements section, for the top section.

Top menu

This can be altered in Appearance > Menus, this is the "Top Menu".

Featured slider

The featured slider shows the latest blog posts from some categories which you can select in the Voxis Options > Homepage blocks.

Use maximum 5 images. As for the image, it's the featured image that's attached to each post individually

Homepage blocks

The homepage blocks of content can be configured in Voxis Options > Homepage blocks. Below is an image of how they're placed on the homepage.

C) Shortcodes - top

NOTE(VERY IMPORTANT, PLEASE READ!!): I'll write the syntax on different lines, for readability purposes, but in the WordPress editor you'll need to use them on the same line, like

[shortcode]text[/shortcode] [shortcode]text[/shortcode] [shortcode]text[/shortcode] [shortcode]text[/shortcode]

and NOT:

[shortcode]text[/shortcode]
[shortcode]text[/shortcode]
[shortcode]text[/shortcode]
[shortcode]text[/shortcode]

Don't use them on separate lines like I did on the documentation otherwise you'll encounter layout issues. DON'T use the shortcodes in the visual tab of the editor, use them in the HTML tab.

This theme has lots of shortcodes, I'll include the syntax for all of them in this section.

1) Header + Subheader

You can use this shortcode when you want to add the title for one section or the description for one.


[header]
[subheader]

2) Column shortcodes:

You can divide your content on multiple columns, 2, 3, 2/3 for example.

[one_half]Content[/one_half] 
[one_third]Content[/one_third] 
[two_thirds]Content[/two_thirds] 
[one_fourth]Content[/one_fourth]

Use the [clear] separator after you finish using the column shortcodes, DON'T FORGET!

3) Divider + separator:

Use these shortcodes to divide the content between multiple sections:

[divider]
[separator]

4) Ordered list:

The shortcodes used are [ordered_list], at the beginning and at the end and [list_item] for each individual item

The syntax is like: [list_item number="1"]Content comes here[/list_item]

[ordered_list] 
[list_item number="1"]Content here[/list_item]
[list_item number="2"]Content here[/list_item]
[list_item number="3"]Content here[/list_item]
[list_item number="4"]Content here[/list_item]
[/ordered_list]

5) List shortcode:

There are three types of pre-defined lists: checked, plus and star lists:

The attribute used to specify the type of the slider is type with the possible values of check, plus and star. 

[list type="plus"] 
<li>Content here</li>
<li>Content here</li>
<li>Content here</li>
[/list]
[list type="star"] 
<li>Content here</li>
<li>Content here</li>
[/list]
[list type="check"] 
<li>Content here</li>
<li>Content here</li>
<li>Content here</li>
<li>Content here</li>
[/list]

6) Button shortcode:

There are many types of buttons, small buttons, medium buttons, large buttons or icon buttons. You can set various options for them, including links, either to open them in a new window or not, an icon, etc. They're all documented below.

The possible attributes are: