Contents

AIT has created for you an universal Wordpress template, which is accommodated for use in a wide variety of commercial websites and personal pages. The main feature of this template is the versatility, color variability and the ability to adapt it to their own needs without any major problems and less skilled programmer.

The template was designed by standard conception of classic websites. The template includes one homepage and one standardised sub page that can be configured by your web conception.

Plugin Requirements

Importing Simplicius Default Content

If you want to set default Simplicius content for faster site development open simplicius-export.xml(file situated in base directory of Simplicius template) via "Tools -> Import -> Wordpress -> Upload file and import".

Theme Options

General Options

  • Custom Logo
  • Main Content Color Variant
  • Sidebar Color Variant
  • Slider Box Theme
  • Slider Description Theme
  • Footer theme
  • Footer text
  • Google Analytics Code
  • Show Themebox

Homepage Options

  • Shortcodes Area for better homepage custom boxes coding
  • Shows footer with widget areas on homepage

Contact Page Options

  • Customize 2 specific custom boxes for contact page
  • Add custom HTML or Google Map
  • Set your office photo

Page & Post Options

Subtitle

Small subtitle near Page & Post title. The color of this title is lighter than the color of main title.

Sidebar Options

  • Search
  • Calendar
  • Submenu
  • Categories
  • Archives
  • Recent Posts
  • Recent Posts Short Version
  • 3 custom text

Page Header Boxes

  • Page Box Header Variant(e.g. 1-1-1-1, 1-2-1, 1-2)
  • Body
  • Style(white or black)
  • Background(none or default)

Page Slider Type

  • None
  • Custom Image
  • Nivo Slider
  • Kwicks

Subtitle

  • Image URL
  • Image Link
  • Image Title
  • Image Description

Page Kwicks Slider Options

  • Long Description
  • Image URL
  • Image Link
  • Image Title
  • Image Description

Page Nivo Slider Options

  • Image URL
  • Image Link
  • Image Title
  • Image Description
  • Image Description Short

Page Attributes

  • Parent
  • Template (Default, Contact Page, One Column Page)
  • Order

Featured Image

Sets image of the posts but not the Main Image or Slider in the Post detail. It needs to set manually.

Page Templates


Defaut Page
One Column Page
Page Contact

Contact Form

If you want to use same or similiar contact form just copy and paste this bunch of code. It is important to install Wordpress Contact Form 7.

<div class="rule"></div>
<div class="clear field-text">
  <label class="required" for="name">Your Name</label>
  [text* your-name id:name]
</div>

<div class="clear field-text">
  <label class="required" for="mail">Your Email</label>
  [email* your-email id:mail]
</div>

<div class="clear field-text">
  <label class="required" for="subject">Subject</label>
  [text* your-subject id:subject]
</div>

<div class="clear">
  <label class="required" for="msg">Your Message</label>
  [textarea* your-message id:msg]
</div>

<div class="clear">
  <label for="categ">Category</label>
  [select combo-box id:categ "Webdesign" "HTML/CSS coding" "Drupal" "WordPress"]
</div>

<div class="clear">
  <label class="empty required">Agreement</label>
  [checkbox* agreement id:agree use_label_element "I agree with the terms of use of this Contact Form"]
</div>

<div class="clear">
  <label class="required" for="captcha">CAPTCHA</label>
  [captchac captcha size:s]
  [captchar captcha id:captcha]
</div>

<div class="rule"></div>
<div class="clear confirm">
[submit "Send"]
</div>
<div class="rule"></div>

Custom Shortcodes

This theme has implemented shortcodes which makes creation of custom boxes a lot of easier. It is important to be in HTML mode when you are using shortcodes.

Simple boxes – White & Black

[boxes lines="lines_x0x0x"]
  [box style="3-1" bg="white"]
    <h2>1. Box Title</h2>
    Box Content Here
  [/box]

  [box style="3-1" bg="black"]
    <h2>2. Box Title</h2>
    Box Content Here
  [/box]
[/boxes]

Boxes with icon and title

[boxes lines="lines_x0x0x"]
  [box style="3-1" 
       icon="/wp-content/uploads/icon1_64.png" 
       title='<a href="#">Website Conception<span>discover simple design</span></a>' 
       bg="white"]
    <p>Lorem ipsum dolor sit amet, consectetur elit.</p>
  [/box]

  [box style="3-1"
       icon="/wp-content/uploads/icon2_64.png" 
       title='<a href="#">Template Preferences<span>site unlimited variations</span></a>' 
       bg="white"]
    <p>Lorem ipsum dolor sit amet, consectetur elit.</p>
  [/box]
[/boxes]

Getting latest post

[get_post]

Getting post by ID

[get_post id="85"]

Sliders

In administration on each page or post you have options to set your favourite slider.


Kwicks
Nivo
Custom

Global Settings

Background and ThemeBox

Background of the whole website can be setup in CSS file CSS/scree.css. Website background can be a combination of three transparent images inserted into:

Example bacgrounds are created that way that after screen.css we load one of CSS files from folder CSS/THEMES.

Themebox, that is available on our live preview can be turned off via WP admin panel, you can find the option here: Simplicius -> General Options -> Show themebox

General Options

Here you can setup global settings that will apply for all pages of your website.

WP admin: Simplicius - General Options

WP admin: Settings - General

WP admin: Settings - Media

Here you can setup image dimensions that will be used if you load images into media library. It is recommended to set the dimensions to this values:

Menu Settings

There are also ways to customize the menu or show a special menu in the page footer. All settings can be found here: Appearance - Menus

Menu Creation

Firstly navigate to: Appearance - Menus and create new menu. Then choose items like pages, categories or custom links from the left column to add to this menu.

After you have added your items, drag and drop to put them in the order you want. You can also click each item to reveal additional configuration options.

When you have finished building your custom menu, make sure you click the Save Menu button.

At the end you have to select location for your menu. Find "Theme Locations" box and select location for your menu.

You can read more about new Wordpress 3 menu managment here

Main Menu Location

Here you can control pages that will be shown in the main top menu. Order of the pages is not taken from module Pages. (Order settings from Page module are used only for Submenu that is used in sidebar on the right hand side).

Footer Menu Location

Here you can control text links that will be shown in the footer.

Sidebar settings

Sidebar is shown on the right hand side if you select the right template: Pages - Edit Page - Page Attributes - Template = Default Template

Dimensions

Sidebar is 280px wide, but the usable part is 240px wide. Images in the sidebar have left and right border set to 2px, therefore standard width of image that can be used in the sidebar is 236px.

Color theme

Color theme of the sidebar is setup globally for all pages: General Options - Sidebar Color Variant: DEFAULT / WHITE / BLACK

Widget Boxes in Sidebar

We have extended a standard sidebar with several boxes that can be turned on or off as desired.

If you don't setup any parameters, the following boxes are turned on by default: Searchbox, Categories, Archives. The default setup will be turned off if you turn on one of boxes - for example Submenu and then the Searchbox, Categories and Archives will turn off.

These boxes can be setup in Pages - Edit Page - Sidebar Options where you can also setop their basic options.

Global Widget Boxes

You can of course load all standard WP widgets, these widgets will be visible on all pages where you have sidebar turned on. All these widgest can be setup in Appearance - Widgets - Sidebar Widget Area, where you can drag and drop your selected boxes and setup their parameters.

If you need to make any style amendments of global widgets, you can do it in CSS/screen.css file.

FOOTER BOX settings

Color of the footer box can be setup in Simplicius - General Options - Footer theme: BLACK / WHITE

Footer box by default turned on on all pages except Homepage. You can of course turt it on on homepage as well. If you don't want show footer box, simply don't put any wigets into it.

Widgetboxes that will show in the Footer box can be defined in Appearance - Widgets - 1, 2, 3, 4 Footer Widget Area where you can drag and drop widgets. If you need to style your widgets, you can do it in CSS/scree.css. The most used widgets are already styled for you.

HOMEPAGE settings

The following settings are for Homepage only. You can select which page will be your homepage here: Settings - Reading - Front page displays - A static page (select below) - Front Page: where you select your page from the list of created pages.

Simplicius - Homepage Options

Shortcodes Area: here is the best place to define boxes that will show on the homepage and won't be affected by Wordpress automatic formatting, because Wordpress wysiwyg editor is automatically adding P and BR tags.

Show Footer: YES / NO - you can decide whether to show a footer box on the homepage or not.

PAGES & POSTS Settings

You can edit it here: Pages - Edit Page / Posts - Edit Post

SubTitle: this text will be displayed in H1 of the page. For example "ABOUT my website" is composed from ABOUT - page title and "my website" - subtitle.

Sidebar options: here you can setup what to show in the sidebar:

Page Header Boxes: here you can setup styles and content of the boxes that will show in a header of the page underneath the slider or static image. Each box can have different style.

Page Slider Style: here you can select slider type you wish to use: NONE / IMAGE / NIVO SLIDER / KWICKS SLIDER

Page custom image options here you can setup static image that will be displayed on the page. You can setup title, description and also url. Color of the image box and description box can be set here: Simplicius - General Options. The width of description box is flexible dependent on the contents. If you want break line you need to use <br /> tag or set the fixed width on ".slider .description .text" CSS style in CSS/screen.css file. This will affect on description box in Nivo Slider, too.

Page Kwicks Slider Options Settings for Kwicks Slider. Color of the slider box and description boxes can be set here: Simplicius - General Options. The number of pictures in this slider must be exactly 4.

Page Nivo Slider Options settings for Nivo slider. Color of the slider box and description boxes can be set here: Simplicius - General Options. The width of description box is flexible dependent on the contents. If you want break line you need to use <br /> tag or set the fixed width on ".slider .description .text" CSS style in CSS/screen.css file. This will affect on description box in Static Image, too.

Featured Image (on the right hand side of WP page setup)

This image will be used on several places in WP.

Page attributes

Special settings for CONTACT PAGE

WP Admin: Simplicius - Contact Options

Contact page header contains predefined boxes in ration 1/3 and 2/3

WP Admin: Contact - Edit

Here you can setup contact form. If you want to have a contact form looking exactly like in our live demo, you can copy the following code from here

<div class="rule"></div>
<div class="clear field-text">
  <label class="required" for="name">Your Name</label>
  [text* your-name id:name]
</div>

<div class="clear field-text">
  <label class="required" for="mail">Your Email</label>
  [email* your-email id:mail]
</div>

<div class="clear field-text">
  <label class="required" for="subject">Subject</label>
  [text* your-subject id:subject]
</div>

<div class="clear">
  <label class="required" for="msg">Your Message</label>
  [textarea* your-message id:msg]
</div>

<div class="clear">
  <label for="categ">Category</label>
  [select combo-box id:categ "Webdesign" "HTML/CSS coding" "Drupal" "WordPress"]
</div>

<div class="clear">
  <label class="empty required">Agreement</label>
  [checkbox* agreement id:agree use_label_element "I agree with the terms of use of this Contact Form"]
</div>

<div class="clear">
  <label class="required" for="captcha">CAPTCHA</label>
  [captchac captcha size:s]
  [captchar captcha id:captcha]
</div>

<div class="rule"></div>
<div class="clear confirm">
[submit "Send"]
</div>
<div class="rule"></div>