INSTALLING THE THEME This guideline is for installing a brand new copy of UNIQUE. If you want to make an upgrade from an older version read please UPGRADE TO VERSION 1.3.1 chapter.

The files for a new copy are in UNIQUE-1.3.1 folder.

Step 1 - Copying files

- Extract the zip archive, now you must have 2 directories ('plugins' and 'themes')
- Copy those two directories in wp-content

Step 2 - Installing theme

- Go to your wordpress admin and select Appearance > Themes menu
- Click Activate on UNIQUE theme

Step 3 - Installing plugin

- Go to plugins menu
- Click Activare on UNIQUE layout options plugin

Step 4 - Reading help
- Read this help first.

Thank you for buying UNIQUE wordpress theme! Enjoy using it!

Add logos and motto

 In UNIQUE options select HEADER & FOOTER option




Logo:
There you will see some options. The last two will help you to add logos in the header and footer zones to your website.
You can upload the logo at any size, the layout will fit anyway, but please notice that the image will be uploaded at the orginal size.

! If after you will upload a new logo, the old one remains intact, means that your server or local computer has permissions set up wrong. Give please a 777 permision to wp-content/themes/unique/images/logos/ folder. For a local computer installation, please check all Read, Write, Execute permission for Owner, Group, and World also.

Motto:
First option named header tag will help you to add or remove the motto. If you want to remove it just leave the field blank. Add footer text and footer links

 In UNIQUE options select HEADER & FOOTER option





and then select EDIT FOOTER suboption


Footer text:
In first box you can add your footer text. There you can use any html tags to add links or format information.
Please notice that the line breaks are added automatic.

Footer links:
The second and third boxes will help you to add link in footer.

- link name - is the name displayed in footer
- link address - is the link where will point you footer link
- target - has two options:
     - same window - will open the link in the same window
     - new window - will open the link in a new browser window - can be used for external links

Set up social networking links

 In UNIQUE options select HEADER & FOOTER option




For the moment you can edit links to twitter and facebook pages. Just edit the fields as are described below:

- twitter name - the name displayed in header for twitter link
- twitter link - link address to your twitter profile
- facebook name - the name displayed in header for facebook link
- facebool link - link address to your facebook profile

In version 1.4.1 you will be able to add as many social link you want to any social network websites, and you will have an option to keep just the icons, or insert text too.

REMOVE SOCIAL NETWORKING LINKS

If you want to delete one or both social networking link, just leave the name field empty. Be sure that there is no space missed in your fields.

Translate or modify website custom texts

 In UNIQUE options select WEBSITE SETTINGS option




Very important for those who creates a website in another language than english, is to translate the custom texts of the website. These are text that are not added using wordpress engine, but UNIQUE plugin only.

The fourth box will help you to change all custom texts of the website.

Just follow the name of each field to understand where the text is displayed.

Build the main navigation menu

 In UNIQUE options select BUILD MAIN MENU option




For building your main navigation menu, you need to add first all pages and categories you want to show there. By default all sections, pages and categories, which have no parent will be displayed in the main menu.

Please notice that a category will be displayed only if you will add a post in it. Categories with no post are not displayed.

For understanding how to add a portfolio, products, or blog category please read first the submenus of this help.

After adding all categories and pages you want go BUILD MAIN MENU OPTION and adjust there the main menu sections: In first box of this option you can choose if you want to display the home button, and you can change it name if you want to keep it.

In second box you can add the ids of pages and categories you DON'T want to display in main menu. If you want to display all, just put 0 in both fields.
If you had set up the permalinks to not showing the ids of pages and categories, you can find the ids of your sections in the address of edit page of each category and page.

Using third and fourth boxes you will be able to add any custom link you want, to other websites, a specific post etc.
- link name - is the name displayed in main menu
- link address - is the link where will point you custom link
- target - has two options:
     - same window - will open the link in the same window
     - new window - will open the link in a new browser window - can be used for external links

After the main menu is setted up, you can go to SECTION ORDER option and adjust the order of your sections.

Set up a portfolio category Portfolio, blog and products sections can be created using shortcodes. For adding a portfolio section, add in the category description the shortcode [portfolio] after the text. If you want to have no description then just add the shortcode.

Please note that shortcodes are case sensitive, so please write them with smallcaps.

If your portfolio section will have subcategories, you must do the same action for all subcategories.

How to create the products section Portfolio, blog and products sections can be created using shortcodes. For adding a portfolio section, add in the category description the shortcode [products] after the text. If you want to have no description then just add the shortcode.

Please note that shortcodes are case sensitive, so please write them with smallcaps.

If your products section will have subcategories, you must do the same action for all subcategories.

How to create the blog section Portfolio, blog and products sections can be created using shortcodes. For adding a portfolio section, add in the category description the shortcode [blog] after the text. If you want to have no description then just add the shortcode.

Please note that shortcodes are case sensitive, so please write them with smallcaps.

If your blog section will have subcategories, you must do the same action for all subcategories.

Normal categories Normal categories, are the categories that are not set up as a blog, products, or portfolio section. These categories are treated separated and has a different layout. You can use them for adding a services section for example.

Set up the thumbnails and photo gallery sizes

 Select RESIZE THUMBNAILS option in admin UNIQUE menu.





There you can adjust all thumbnail sizes for the whole website. Each page type has a distict box:

- portfolio - first box
- products - second box
- blog - third box
- homepage articles - fourth box

For portfolio and products sections you can set up the thumbnails sizes for each type of list. You can see list types in action on http://catalin.nitza.ro/wp1/category/products/, after the title you can find a selector "CHOOSE A LIST STYLE":

- first option - box big style
- second option - box small style
- third option - list big style
- fourth option - list small style

You can also change the size of each page type gallery size, there you have the option to adjust the whole gallery size and gallery thumbnails size (for more than 1 picture galleries).

If you already understand all about this customization option, just follow the filed names from admin boxes and read with attention the indications.

Add content to your website Now you are in the point where you must add some content to your website. For this just use the default wordpress functionality. But before that please read the sub pages of this help chapter.

If you are using the wordpress for the first time, please read also the wordpress documentation, will help you to understand the wordpress admin panels: http://codex.wordpress.org/Administration_Panels

Add images in posts galleries To find out how to add pictures in post galleries just follow the steps below:

Step 1 - go to add new or edit post (or page) panel.


Step 2 - click on the add image button, highlighted on the screenshot below




Step 3 - choose the pictures you want to add, clicking on select files. You can select multimple files.




Step 4 - click on save all settings (ignore the button insert gallery - the pictures will be add automatic in gallery)




Step 5 - order the position of each picture. - First picture will be used for listing thumbnails.




Step 6 - Close the dialog.

Repeat this action for all posts or pages.

Options for products posts For products post you can add some special information. Because is about a product description, the custom fields will be used in this way.

Add a price
Add a custom field named price - and the value will be the price you want to show

Add an old price
Add a custom field named old_price - and the value will be the price you want to show

Add technical data
Any other custom field will be used for technical data, so just add the name of the parameter and the value of it. These will be shown in a nice formated table.

Here is an example of product post with all these data added - http://catalin.nitza.ro/wp1/products/product-5/

Set up the contact page For showing a contact form on a page you just need to add a specific custom field to that page.

Add a custom field named article_type and the value contact

Build the contact form

 Go to WEBSITE SETTINGS option of UNIQUE plugin.




The last box will help you to build the contact form as you want. If you want just to translate the fields then use the EDIT FORM FIELDS option, otherwise update, edit and add which field you want.

For adding a new field:

- Field name - name displayed as label on contact form
- Field type - there are two options:
     - Text field - will add a normal field
     - Option select - will add a select box
- Order - Choose on which position you want to display the field. Lower number will be higher.
- Field options - This will be used just for option select field type. Add all options you want to show.

Set up the RFQ buttons

 Go to WEBSITE SETTINGS option of UNIQUE plugin.




In second box you can configure all you need about RFQ buttons

ADD / REMOVE BUTTON

First option ADD / REMOVE BUTTON will let you remove the Request for quote buttons separated on portfolio and products pages. Just select YES or NO for each page type. (YES - for show / NO - for remove)

If you want to remove the button just for one or some posts, then select YES in list and add the posts ids in the long field.

EDIT BUTTONS TEXT

Below the first option you find another one: EDIT BUTTONS TEXT

There you can translate or change the text separated for each posts types, portfolio and products.

CHANGE BUTTON LINK

The default link for these buttons is the contact page you set up for your website. If you want to change this link for any post you need to add a custom field, for each post:

Add a custom field named button_link and the value will be the link you want to add.

Set up the sidebar position

 Go to WEBSITE SETTINGS option of UNIQUE plugin.




In third box you can configure the position of your website sidebar or remove it for any page type.

SET UP THE SIDEBAR POSITION

In first option of the third box you can select on which side you want to show the sidebar, for the whole website.

REMOVE SIDEBAR FOR CREATING WIDE PAGES

You can choose to remove the sidebar for each page type, listings and post also. Just select YES or NO (YES - for show / NO - for remove).

Notice please that after you will remove the sidebar for any listing page type, probably you need to adjust the listings thumbnails sizes.

Set up the promo slider type

 Go to HOMEPAGE SLIDER option of UNIQUE plugin.




In first box you can choose which type of slider you want to display on your homepage.

Here are slider types in action:

Two thumbnails slider – http://catalin.nitza.ro/wp1/
One thumbnail slider – for the moment is no live preview for this
Full picture (the actual one) – http://catalin.nitza.ro/wp2/
Full page slider – http://catalin.nitza.ro/wp3/

Add promos to homepage slider

 Go to HOMEPAGE SLIDER option of UNIQUE plugin.




Using the second and third box options you cand add, edit and remove promos from your slider.

ADD NEW PROMO

Title – Promo title, is used and will be displayed for: Two thumbnails slider, One thumbnail slider
Text – Promo text, is used and will be displayed for: Two thumbnails slider, One thumbnail slider
Link – Is required and is the link where the promo points
Picture 1 – Is used for all types of sliders, please follow the indication on picture size you must upload. This change for every slider type.
Picture 2 – Is used just for Two thumbnails slider
Order – Set up the position of the promo. Lower number will be in the front of the others.

Add homepage articles

 Go to HOMEPAGE ARTICLES option of UNIQUE plugin.




Before start adding articles on homepage, you must decide if you want to get the articles automatic or you want to add them manually. In the first box you can choose between these two options.

GET THE ARTICLES AUTOMATIC
In this case, you don't need to add any text, the text and pictures will be same with your posts or pages. To add a post or a page as a homepage article you must add a custom field to that post or page:

Add a custom field named homepage and the value yes - please notice that custom fields are case sensitive, so please write them in lowercases.

ADD ARTICLES MANUALLY

If you want to add link not just to posts and pages, then you cand choose to add the homepage articles manually.

Using the third and fourth boxes, of HOMEPAGE ARTICLES option, you can add, edit and remove articles on homepage which will point to any link you want.

Article name - Name of the article displayed on homepage
Article link - Link where the article will point, for inside website pages just copy and paste the link from address bar
Link target - There are two options:
     - same window - will open the link in the same window
     - new window - will open the link in a new browser window - can be used for external links
Article text - Text displayed below picture
Article image - The image for homepage article thumbanil. Please follow the indications for this field.

Change website colors

 Go to CHANGE COLORS option of UNIQUE plugin.




CHANGE 5 COLOR THEME

A very important note is that the intesity of each color must be kept when you will change the colors, otherwise some dark text will apear on a dark background, or a light one on a light background, creating problems in reading information.

Loading a theme
You can easily load an existing theme by clicking on the LOAD button. After the theme is loaded, you can see the new look on the live website. If you consider that one ore more colors must be adjusted, then you must read the next chapter.

Changing a theme
For changing a color you can click on the field where the hexazecimal code appears. A color picker will appear and you can select any custom color you want.
After you will set up all five colors, you can click APPLY COLOR THEME, and then preview the result on your website. You can do this action for more than one time, till the website colors will be according with your needs.

Changing color for one element
If you want to change the color for just one element, for example H1 heading. Then you must go to UNIQUE colors 2 tool, where you will find the exact indication of using it.

CHANGE ELEMENTS COLOR OR BACKGROUND


Go to ADVANCED COLOR EDIT submenu


This tool is created to let you change the color or background color for any element of your website. You can use one color from your 5 colors theme, you can use white or black, in case that you want to change the text color which in the most cases is black, or if you want to apply white for a text that appears on a colored background, like the main navigation menu.

If you want to apply a custom color to one element you can use the color picker by clicking on the hexazecimal code.

For backgrounds you can choose the 'none' option, and a transparent background will be applyed to that element. For text color 'none' option will remove the actual color and will apply the default one.

Change website types

 Go to CHANGE FONTS option of UNIQUE plugin.




This tool helps you to change the type of any text element from your theme, even the ones from widgets boxes. You can modify heading, main text, promo text or buttons types.

You can cange just the type using 10 custom and system fonts. In the future this feature will include another types and the size of each element.

Add widgets and plugins WIDGETS

You can add widgets using the default Wordpress functionality. Go to Appearance > Widgets option.

There you will find two widgets zone set up:
- First named Sidebar 1 will apply to the whole website.
- Second named Homepage will apply just to your homepage anf just if you choosed to show categories on homepage. See please Add categories to homepage chapter of this help.

All Wordpress default widgets are designed in the theme style. For custom widgets will be possible to need some adjustments, depending on how the developers kept the wordpress default styles.

PLUGINS

Most of the Wordpress plugins, you can find on the internet, are working properly and can be used very easy. There are some still some plugins which are not made in the best way possible, and can create problems. If you have any difficulties in installing a plugin on UNIQUE theme, just contact me, and I will make a test for free, and of course I will get a solution in implementing it.

Set up the website for a blog website If you want to create a blog, instead of a corporate website, you need to set up more some options.



 Go to HOMEPAGE ARTICLES option of UNIQUE plugin.




Set up in the second box which type of category you want to show on homepage. If you want a blog section for example, select value YES for Show blog posts on homepage field. In the second field named Blog category id enter the category you want to show on homepage.

After this



 Go to HOMEPAGE SLIDER option of UNIQUE plugin.




Select in first box value None - remove it for field Select promo type. This will remove the promo from your front page. If you want to keep the slider too, just select which type of slider you want to show.

If you want to delete the blog section you've selected for homepage then



 Go to BUILD MAIN MENU option of UNIQUE plugin.




Enter in the second field from the second box the category id of your blog section.

Add categories to homepage

 Go to HOMEPAGE ARTICLES option of UNIQUE plugin




In the second box you can choose to show up an entire category on your homepage. Select yes for which type of category you want to add on homepage and add the category id in the associated field.

You can choose to show a category from blog, products and portfolio in the same time. For products and portfolio you can choose also the type of showing the list.

Disable photo gallery

 Go to RESIZE THUMBNAILS option of UNIQUE plugin




In last box you will see all options for removing galleries from each type of post, and for specific post too.

If you will disable the gallery, you can use the default wordpress functionality for adding pictures. So you can insert pictures in text not just in a gallery.

UPGRADE TO VERSION 1.3.1 This guideline applies just for users with older versions of UNIQUE - Wordpress theme creator. If you downloaded now the theme for the first time, please follow the instructions from INSTALLING THE THEME chapter.

Let's start

In downloaded files you will find a folder named Update_to_1.3.1_version. These are the files you need to upgrade, not to install the theme from scratch.

Optional step:

For more safetiness, you can copy your actual files of your installation, and make the upgrade to that copy, to be sure that you will not loose any settings.

Step 1 - create a folder unique131 in wp-content/themes on your server
Step 2 - copy all files from wp-content/themes/unique in wp-content/themes/unique131
Step 3 - create a folder unique131 in wp-content/plugins on your server
Step 4 - copy all files from wp-content/plugins/unique in wp-content/plugins/unique131
Step 5 - go in your admin panel and select Appearance > Themes option from the left menu. Then activate the unique131
Step 6 - go in your admin panel and select Plugins > Installed option from the left menu. Then deactivate the plugin unique and activate the new plugin unique 131

Check if everything is allright. If not please read carefully this optional step and make again the whole procedure.

STEP 1:

Step 1.1 Copy all files from updatetheme folder - you've downloaded - to Unique folder theme on your server Overwrite all files when you will be asked.

Step 1.2 Copy the file from updateplugin folder - you've downloade - to Unique folder on your server - and overwrite the old one when you will be asked.

Now the theme is upgraded and the admin menu must look in a very different way than the old one.

In this step you can start discover the new features of this version - but before this is recommended to read this new help. You can access it from the admin panel too.

STEP 2: - optional but recommended

A minor upgrade was made to Advanced color settings. In new version you will be able to set up a different color for homepage background. If you want to have this little feature, just follow the bellow steps:

Step 2.1 - Go to wp-content/themes/unique/styles/xml/colorelements.xml
(or wp-content/themes/unique131/styles/xml/colorelements.xml)
Step 2.2 - Open the file with a text editor
Step 2.3 - After the below code:

<?xml version="1.0" encoding="ISO-8859-1"?>
  <colors>
    <Website_general_variables>

insert this code:

<HomepageBg>
  <value id="HomepageBg">D2DB7F</value>
  <varname>HomepageBg</varname>
  <name>HomepageBg</name>
  <description>desc</description>
</HomepageBg>

Step 2.4 - Save the file

Step 3 - Move file sidebar_config.php from wp-content/themes/unique/ in wp-content/themes/unqiue/styles/

Step 4 - Go to Resize thumbnails Menu of unique plugin and click Update button from the first box

Step 5 - Go to Website settings Menu of unique plugin and click Update button from SIDEBAR CONFIG box

Now you will find the new setting in you admin panel.

Enjoy the new version!

Unique plugin is made to offers you the posibility to change the look of your wordpress theme in any way you want with just some clicks:

Unique plugin includes a two level color customization, types, main background customization and some usefull tools for ordering the sections (pages, posts, categories) and customizing header information including website logo. Unique colors 1 This is the main feature of Unique theme. Using this tool you can change the color theme of your website without writing any line of code. Using the color picker you can create a 5 colors theme, or if you want to choose the easiest way, you can choose one theme already created.

How to use UNIQUE COLOR 1 tool

A very important note is that the intesity of each color must be kept when you will change the colors, otherwise some dark text will apear on a dark background, or a light one on a light background, creating problems in reading information.

Loading a theme
You can easily load an existing theme by clicking on the LOAD button. After the theme is loaded, you can see the new look on the live website. If you consider that one ore more colors must be a little different, then you must read the next chapter.

Changing a theme
For changing a color you cand click on the field where the hexazecimal code apears. A color picker will apear and you can play with it as long as you want till you will find the perfect color for your website.
When all color are exactly how you want click the APPLY COLOR THEME button and the colors are appyed to your website.

Changing color for one element
If you want to change the color for just one element, for example H1 heading. Then you must go to UNIQUE colors 2 tool, where you will find the exact indication of using it. Unique colors 2 This tool is created to leave you the posibility to change the color or background color for any element of your wordpress theme. You can use one color from you 5 colors theme, you can use white or black, in case that you want to change the text color witch in the most cases in black, or you want to apply white for a text that apears on a colored background, like the main menu sections.

How to use UNIQUE COLOR 2 tool

If you want to apply a custom color to one element you cand use the color picker by clicking on the hexazecimal code.

For backgrounds you can choose the 'none' option, and a transparent background will be applyed to the element. For text color 'none' option will remove the actual color and will apply the default one.

Website background
One of the most important element is the website background. By default is the same as the lightest color from your 5 colors theme, but probably you will change it. If you want to set a dark color to the website background, then you must change the backgrounds images and probably some text colors.

If you want to customize the graphics of your background please use the UNIQUE BACKGROUNDS tool. Unique types This tool helps you to change the type of any text element from your theme, even the ones from widgets boxes. You can modify heading, main text, promo text or buttons text.

How to use UNIQUE types tool

The color of each element can be changed from UNIQUE COLOR 2 section, and by now you can cange just the type using the most common system fonts. But in the future this feature will include another types and the size of each element.

The type is important because can apply a modern or clasic impresion to the whole theme. Unique sections This tool was created because a general sortorder id is missing in the basic wordpress features. Using this tool you can arange all pages, posts and categories allready posted.

How to use UNIQUE sections tool

Where applies?
This order will apply to menus (the main one, dropdowns and the one included in sidebar), it is also used when the posts are displyed in their categories. This is very usefull because you can order the products or portfolio items.

Where it does'n applies?
This order id is not used in the widgets menus, search results, or date ordered archives.

How it works?
The system is very simple, you must add a number in the field associated to every section. A smaller number will display the section higher. If you will submit the same number for two sections in the same level of parenting, the tool will put arbitrary a section below the other one so is strongly recommended to use different numbers for sections in the same level.

This tool can be also used as an overview of your information. You cand click on EDIT button associated to every section, and you will be redirected to edit page of wordpress. Unique header This tool helps you to edit some custom data of this theme, like the header text (motto), the links and the links text to your twitter and facebook pages, and the most important the website logo.

The logos will be uploaded at the original size.

!This section is under development!

UNIQUE theme can be change in a easy way modifying the css, javascript and php files. Some changes can be made very easy using the admin panel. For that please read "Use UNIQUE plugin".

If you want to make core changes please follow the instructions of this chapter.
Setup the sidebar Pagetypes CSS files Images structure Functions reference Javascript functions The sidebar can be displayed on the left side or on the right side. You can also remove it on the post pages configuring the display variable for each post type. You can configure the position of the sidebar in wp-content/themes/unique/sidebar_cofig.php. You'll find there some variables:

- $sidebar_pos - can be left or right - and will set the sidebar on the desire position
- $sidebar_products - can be yes or no - if is no will remove the sidebar from the product details pages
- $sidebar_portfolio - can be yes or no - if is no will remove the sidebar from the portfolio details pages
- $sidebar_blog - can be yes or no - if is no will remove the sidebar from the blog posts pages
- $sidebar_pages - can be yes or no - if is no will remove the sidebar from all articles created as a page
- $sidebar_normalpost - can be yes or no - if is no will remove the sidebar from all normal posts (not a portfolio, products, blog page or articless added as a page)

This config will be loaded on the header.php file, and depending of variables values will include a different css file for displaying the siderbar.

$sidebar_pos = 'left' - will include styles/sidebar_left.php
$sidebar_pos = 'right' - will include styles/sidebar_right.php

when $sidebar_products, $sidebar_portfolio, $sidebar_blog, $sidebar_pages or $sidebar_normalpost is 'no' then will be included nosidebar.php file instead of sidebar_left or sidebar_right. Unique theme includes many pagetypes that will help you to create a corporate or a product catalog website:

Homepage
File: index.php
Functions: get_promo_thumbnails(), get_promo_articles(), get_promo_buttons(), get_homepage_articles()
CSS files: homepage.php

Pages - all articles created as a page - this type of pagetypes don't have a listing pagetype attached
File: page.php
Functions: normal_post()
CSS files: listing.php, article.php, form.php

Blog Listing
File: archive.php
Functions: blog_listing()
CSS files: listing.php, normallisting.php, blog.php

Blog Post
File: single.php
Functions: blog_post()
CSS files: listing.php, article.php, blog.php, form.php

Products Listing
File: archive.php
Functions: products_listing()
CSS files: listing.php, boxbig.php, boxsmall.php, listbig.php, listsmall.php

Products Post
File: single.php
Functions: products_post()
CSS files: listing.php, article.php, form.php

Portfolio listing
File: archive.php
Functions: potfolio_listing()
CSS files: listing.php, boxbig.php, boxsmall.php, listbig.php, listsmall.php

Portfolio Post
File: single.php
Functions: portfolio_post()
CSS files: listing.php, article.php, form.php

Normal posts listing
File: archive.php
Functions: normal_listing()
CSS files: listing.php, normallisting.php
All archives pages: by month, day, tag are displayed in the same way as a normal post listing

Normal Post
File: single.php
Functions: normal_post()
CSS files: listing.php, article.php, form.php

Contact
File: page.php
Functions: get_contact_form()
CSS files: article.php, form.php

Search results
File: search.php
Functions: no function
CSS files: listing.php, normallisting.php, search.php, blog.php

There are also some elements that apears in more than one pagetype. Here is the list:

Sidebar
File: sidebar.php
Function: get_sidebar()
CSS files: sidebar.php, by case: sidebar_left.php or sidebar_right.php

Breadcrumbs
File: no file
Function: the_breadcrumbs()
CSS files: listing.php

Fontsize selector
File: no file
Function: print_fontsize_selector()
CSS files: listing.php

Comments and leave a reply form
File: comments.php
Function: no function
CSS files: form.php

Header
File: header.php
Function: get_header()
CSS files: mainstyle.php

Footer
File: footer.php
Function: get_footer()
CSS files: mainstyle.php

Main menu
File: no file - printed in header.php
Function: get_main_menu('menu')
CSS files: mainstyle.php

Drop downs
File: no file - printed in header.php
Function: get_main_menu('dropdown')
CSS files: mainstyle.php

Search form
File: no file - printed in header.php
Function: get_search_form()
CSS files: mainstyle.php First of all there is note that the style files except one, have the .php extension instead of a normal .css file. This is because there was made a trick that permits the apache server to parse the style files as a common .php file. This change was made because the Unique plugin generates a list of variables for colors and types values. Anyway all css properties and structure is the same as a normal .css file.

All style files are located in wp-content/themes/unique/styles/. The original css files was disabled, but not deleted because you can't install the theme without it.

The css files structure was created in order to offer the possibility to change elements just for a specific pagetype not for the whole website pages. Below you can find all css files reference:

reset.css
Is the reset file for the most common elements. Because is not necessary to rediscover the wheel i used one of the best reset file recommended by http:meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

article.php
Here will find all elements included in a post: Headings, p, address, blockquote, pre, unordered lists, orderes lists, and some additional elements for products and portfolio detail pages like price, custom fields, request for quote buttons

blog.php
In this file are included the icons for date, categories, tags and comments and some adjustments for h1 heading when is a link

boxbig.php
This file includes all elements for first list type of a products or portfolio listing. It also includes adjustment to the icon of the selected list.

boxsmall.php
This file includes all elements for second list type of a products or portfolio listing. It also includes adjustment to the icon of the selected list.

config.php
Is used just to include the other css config files: config_colors.php, congif_elements_color.php and config_types.php

config_colors.php
In this file is opened the styles/xml/colors.xml file generated from the admin panel and are created the 5 colors varibles. The variables name are simply: $color1, $color2, $color3, $color4 and $color5.

config_elements_color.php
In this file is opened the styles/xml/colorelements.xml file generated from the admin panel and are created all variables that are used in style files for color or background-color properties.

config_types.php
In this file is opened the styles/xml/types.xml file generated from the admin panel and are created all variables that are used in style files for font-family property.

fonts.php
This is the file where are installed all custom fonts you can see in these theme or you can use from the admin panel in Unique types plugin. I used of course @font-face method, and it works on all browsers. You can find all fonts files in styles/types. There youll find the .ttf or .otf files by case and ofcourse the .eot files for ie browsers.

form.php
In this file you will find styles for inputs and adjustmets to form buttons.

homepage.php
Homepage style file, here will find all styles for homepage promo and homepage articles

ie8.php
Some fixes for Internet Explorer 8 - is included after a browser check just for this version of InternetExplorer.

listbig.php
This file includes all elements for third list type of a products or portfolio listing. It also includes adjustment to the icon of the selected list.

listing.php
Here you'll find styles for: breadcrumbs, fontsize selector, list style selector and pages. There are also the h1 heading for listings and category description styles.

listsmall.php
This file includes all elements for fourth list type of a products or portfolio listing. It also includes adjustment to the icon of the selected list.

mainstyle.php
Here are all styles for header elments: logo, motto, social networking links, main menu, drop downs and footer elements.

normallisting.php
All elements of a normal lisiting, headings, p, and thumbnails.

nosidebar.php
Some adjustments if the sidebar is removed.

opera.php
Some fixes for opera browser - is included after a browser check just for this browser

safari.php
Some fixes for safari browser - is included after a browser check just for this browser

search.php
Some adjustments to modify a normal listing in search listing.

sidebar.php
All elements from sidebar: categories menu and widgets.

sidebar_left.php
Some adjustments if the sidebar is setted to be on the left side.

sidebar_right.php
Some adjustments if the sidebar is setted to be on the right side. All images are .png files and are located in wp-content/themes/unique/images/, there will find a directories structure with sugestive names. The directories structure represents all website elements ignoring the pagetypes structure.

One of the most important directory is [backgrounds] because there you'll find all pictures which creates visualy the website structure. You'll find the backgrounds for sidebar on left or right or pages with no sidebar.

Tips: Modifying just the images of the website is a fast way to change or adjust the look of this theme, without removing any feature of it. All functions are located in wp-content/themes/unique/functions.php. Below you can find all functions reference.

get_allimages

Description:
- Used for geting all images of a post or page
Parameters:
- postID: id of the post or page
- size: can be thumbnail, medium, large or orginal
- excludefirst: set it with the position of the image you want to exclude
Returns:
- the HTML code with all images for a post or page

---

get_promo_images

Description:
- Used for geting the images for homepage promo
Parameters:
- postID: id of the post or page who apears on the promo
- PromoNr: the number of promo starting with 1 - is used to create ids of the objescts in order to be used in javascript functions
Returns:
- the HTML code for creating promo images for a page or post

---

get_one_image

Description:
- Used for geting an images - is used in listing pagetypes and for getting the big picture for pages and posts
Parameters:
- postID: id of the post or page - if you set it -1, or not set it will retreive an array with all images
- pos: the position of the image you want to retreive
- size: can be thumbnail, medium, large or orginal
Returns:
- the url of an image

---

the_breadcrumbs

Description:
- Used for creating the breadcrumbs for all pages
Parameters:
- no parameter
Returns:
- the HTML code for breadcrumbs

---

portfolio_listing

Description:
- Used for creating the portfolio listing page
Parameters:
- no parameter
Returns:
- the HTML code for portfolio listing page content

---

products_listing

Description:
- Used for creating the products listing page
Parameters:
- no parameter
Returns:
- the HTML code for products listing page content

---

blog_listing

Description:
- Used for creating the blog listing page
Parameters:
- no parameter
Returns:
- the HTML code for blog listing page content

---

get_category_pages

Description:
- Used for creating pages buttons on listing pages
Parameters:
- total_posts: number of total post of a category
- cat_id: the category id
Returns:
- the HTML code for pages buttons

---

get_current_page

Description:
- Used for getting the curent page for categories with pages browsing
Parameters:
- opt: can be:
- currentpage - for returning the current page
- offset - for returning the last post of the previous page
Returns:
- see parameters

---

normal_listing

Description:
- Used for creating the code for a normal posts listing
Parameters:
- no parameter
Returns:
- the HTML code for normal post listing

---

archive_listing

Description:
- Used for creating the code for archive listings
Parameters:
archive_posts: ids list of archive posts
Returns:
- the HTML code for archive listing

---

blog_post

Description:
- Used for creating the code for a blog post
Parameters:
- no parameter
Returns:
- the HTML code for blog post

---

get_contact_link

Description:
- Used for getting the url for contact page
Parameters:
- ret: can be:
- link: for retreiving the url for contact page
- id: for retreiving the id for contact page
Returns:
- see parameters

---

portfolio_post

Description:
- Used for creating the portfolio detail page
Parameters:
- no parameters
Returns:
- the HTML code for portfolio detail page

---

products_post

Description:
- Used for creating the products detail page
Parameters:
- no parameters
Returns:
- the HTML code for products detail page

---

normal_post

Description:
- Used for creating a normal article detail page
Parameters:
- no parameters
Returns:
- the HTML code for normal posts detail page

---

get_shortcode

Description:
- Used for getting a shortcode name from a string
Parameters:
- content: string for parsing
Returns:
- the shortcode name without brackets

---

get_ordered_sections

Description:
- Used for getting all sections, pages, posts or categories ordered. This function uses sections.xml file - generated from the admin section
Parameters:
- parent: the parent of the posts, pages and categories
- exclude_posts: the ids of the posts witch must be excluded from the list
Returns:
- array with all sections ordered

---

get_main_menu

Description:
- Used for creating the main menu and the drop down menus
Parameters:
- echo_data: can be:
- menu: for creating the main menu
- dropdown: for creating the dropdown menus
Returns:
- see parameters

---

get_contact_form

Description:
- Used for creating the contact form and sending emails to administrator email address
Parameters:
- act: url of contact page - is used to set the form action
Returns:
- echo the contact form HTML

---

get_browser

Description:
- retreive the browser name
Parameters:
- no parameter
Returns:
- the browser name: Chrome, Safari, Gecko, Netscape, Firefox, MSIE 6, MSIE 7, MSIE 8, Opera

---

get_shortcodename

Description:
- retreive the shorcode name of a category, or a parent category if is loaded a post page
Parameters:
- no parameter
Returns:
- the shorcode name

---

get_headerinfo

Description:
- retreive all information for website header
Parameters:
- $ret - can be logo, header_tag, facebook_link, facebook_name, twitter_link, twitter_name
Returns:
- see parameters

---

get_promo_thumbnails

Description:
- prints the promo thumbnails
Parameters:
- no parameter
Returns:
- echoes the HTML code for promo thumbnails

---

get_promo_articles

Description:
- prints the promo information
Parameters:
- no parameter
Returns:
- echoes the HTML code for promo text and title

---

get_promo_buttons

Description:
- prints the promo buttons
Parameters:
- no parameter
Returns:
- echoes the HTML code for promo buttons

---

get_homepage_articles

Description:
- prints the homepage articles boxes
Parameters:
- no parameter
Returns:
- echoes the HTML code for homepage articles

---

print_fontsize_selector

Description:
- prints the font size selector buttons
Parameters:
- no parameter
Returns:
- echoes the HTML code for font size selector

---

get_right_categories

Description:
- gets and prints the sidebar categories menu
Parameters:
- no parameter
Returns:
- echoes the HTML code for sidebar categories menu All .js files are located in wp-content/themes/unique/js/. All js uses jQuery for creating fade or slide effects. To change them please read the follow specification and please read the documentation on http://jquery.com/

Homepage promo

Filename: promo.js
Functions:
- setPositions() - this is executed to set up the start position for thumbnails
- switchPromo() - this is executed to change the position of actual promo item. It changes the actual promo content and the style of actual promo button
- showPromo() - this is the function which creates the animation for showing a promo item
- hidePromo() - this is the function which creates the animation for hiding a promo item

Because the default promo transition is a slide effect, if you want to change this probably you'll need to change the start position of the thumbanail too, modifing the setPositions() function. Please read also the inline comments from fontsizeselector.js

Drop down

Filename: dropdown.js
Functions:
- ShowDropDown() - this function is the one that set up the position of each dropdown (this is automatic, you don't need to change anythig). It also shows the drop down menu.
- HideDropDown() - this function hides the drop down menu.

Drop downs are shown and hided with a simple display: none / display: block, property.

Font size selector

Filename: fontsizeselector.js
Functions:
- ChangeFont() - This is the function you must execute to change the font size. Here you need to set up the default sizes of each element.
- Parameters: Opt - can be increase, decrease or reset - this paremeter is trasmited to CangeFontSize function
- ResetFontSize() - This is the function you must execute to reset the font size to default. This function executes also ChangeFontSize
- ChangeFontSize() - This is the function which changes the font size for each element of the page, depending of Opt parameter.

Please read also the inline comments from fontsizeselector.js

Portfolio and products list switcher

Filename: listings.js
Functions:
- SwitchListType() - This is the function you must execute to change the list type for products and porfolio listings
- Parameters : title - Is the title of the stylesheet file you want to show
<link title="boxbig" type="text/css" href="http://localhost/wp/wordpress/wp-content/themes/unique/styles/boxbig.php" rel="stylesheet">
Can be: boxbig, boxsmall, listbig, listsmall.

In psd directory you'll find almost all elements of the website. Each element is in a different psd. You can change the colors of the neutral colored elements, header, footer, promo background an more.

You can create easy new elements using buttons or thumbnails effects. Before change any picture is important to see the dimensions and in how the elements were cutted. Probably in the most case you'll need to change some css files to fit the new elements and layout changes.

If you'll need any other psd files please contact me using themeforest platform.

For editing some psd files, including the logo you'll need nevis font type: http://www.tenbytwenty.com/products/typefaces/nevis