Documentation

Setup guide and general information to help you get the best from your new theme.

Installation AND Using


Installation of Theme Link

To install this theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress.


Adding Theme Manually via FTP Link

Use your FTP Client to upload non-zipped folder into the "/wp-content/themes/" folder on your server.


Adding Theme Using the WordPress Admin (Recomended) Link

To add a new theme to your WordPress installation, follow these basic steps:

  1. Log in to the WordPress Administration (http://www.your-website.com/wp-admin)
  2. Go to "Appearance  ›  Themes  ›  Install Themes (tab)  ›  Upload"
  3. Browse and select theme zip folder
  4. Press Install Now button

Once the theme is uploaded, you need to activate it. Go to "Appearance  ›  Themes" and activate the theme.

 


Permalink Link

The default structure of a permalink uses the post ID as a unique identifier in the url: http://example.com/?p=23. For the SEO of your website is always better to use much friendly pemalinks as: http://example.com/2013/03/04/sample-post. Follow these basic steps to set permalinks:

  1. Go to "Settings  ›  Permalinks"
  2. Select your option of permalink structure in "Common Settings"
  3. Also you can change the category base and tag base (optional)
  4. Press Save Changes

More about Permalinks - http://codex.wordpress.org/Using_Permalinks

 


Creating Slides Link

To create slide for the homepage slideshow, follow these basic steps:

  1. Create a new slide by going to "Slider  ›  Add New Slideshow"
  2. Fill in the "Order" of the slide Example 1 2 3 4
  3. Fill in the "Title(if exist)" of the slide
  4. Fill in the "Description (if exist)" of the slide
  5. After go on Theme settings  › Slider options

 


Setting up the Homepage Link

To set up the homepage with slideshow, follow these basic steps:

  1. Create a new page by going to "Pages  ›  Add New"
  2. Fill in the "Title" of the page (for example: "Home") and don't add content, leave it blank. Any content here will be ignored.
  3. Select "Template" called "Homepage" in "Page Attributes" metabox in the left column
  4. Press Publish and page will be saved
  5. Go to "Settings  ›  Reading"
  6. Check the radio button "A static page (select below)"
  7. Select "Front page:" called as created page (for example: "Home")
  8. Press Save Changes
 More about Static Front Page - http://codex.wordpress.org/Creating_a_Static_Front_Page

 


Setting up the Blog Link

To set up the website page, follow these basic steps:

  1. Create a new page by going to "Pages  ›  Add New"
  2. Fill in the "Title" of the page (for example: "Blog") and don't add content, leave it blank. Any content here will be ignored.
  3. Press Publish and page will be saved

 


Create Contact page Link

To set up the blog page, follow these basic steps:

  1. Create a new page by going to "Pages  ›  Add New"
  2. Fill in the "Title" of the page (for example: "Contacts") and don't add content, leave it blank.
  3. Select "Template" called "Homepage" in "Page Attributes" metabox in the left column
  4. Press Publish and page will be saved

 


Setting up the Form and Map of Contact page Link

  1. Go to "Theme settings -> General setting"
  2. Add Google maps:
  3. Add field to form:
    1. Simple field:
    2. Email field:
    3. Plain text box:

 


Set the email for contact form Link

  1. Go to "Theme settings -> General setting"
  2. In field Email for contact form enter your email

 


Change or add Your Logotype And favicon Link

  1. Go to "Theme settings -> Logo and favicon"
  2. For logo in the left block select your type (text or image) if text to enter your logo in text format, If image to upload your logo in image type (png,jpg,gif).
  3. For favicon in the right block upload your favicon in image type (png,jpg,gif).

 


Page News, or blog, or events: Link

  1. Create a new page by going to "Pages  ›  Add New"
  2. Select the template. Example create a page, The title : News OR Events OR blog ; and select the template
  3. Click on publish
Finish results

 


Menus Link

This theme uses WordPress 3.0 Custom Menus, to setting up the navigation, follow these basic steps:

  1. Go to "Appearance  ›  Menus"
  2. Fill in the "Menu Name" (for example "Navigation") and press Create Menu
  3. In left column tick all "Pages" (Categories, Albums, Galleries, Videos, Tags etc. - you can activate in "Screen Options" on the top right of the page) what you want to place into navigation and press Add to Menu
  4. Navigation items you can sort by dragging as you need
  5. Select the created navigation in "Theme Locations" metabox in the left column and press Save
  6. New navigation has been created and now you can see it on the website

More about Menus - http://codex.wordpress.org/WordPress_Menu_User_Guide

 


Background of website Link

This theme has option to set the fullscreen background image. To setting up the background image, follow these basic steps:

  1. Go to "Appearance  › Background "
  2. Press Upload, upload the background image and then press Select
  3. Background image absolute path will be inserted into field 
  4. Or select a color background
  5. Scroll to the end of the page and press Save Changes

 


Widgets Link

Widget is a fancy word for tools or content that you can add, arrange, and remove from the sidebar(s) of your blog. Widgets make it easy to customize the content of your sidebar(s).

Widgets you can manage in "Appearance  ›  Widgets"

 


Javascript code (code for google analytics or Chat) Link

  1. Go to "Theme settings -> General settings"
  2. Add the code in Textarea box - Google analytics code

 


Social links (Facebook,Twitter...) Link

  1. Go to "Theme settings -> General settings"
  2. Add the link in plain text box, like: https://www.facebook.com/user

 


Translate the theme on your language Link

  1. Go to "Theme settings -> Translations"

 


Add products, Category for products, Link

  1. Left admin page, find the menu for products, in my case is Books OR Journals
  2. Description of product page, image:Product page
Products Product page

 


Registration, Login, Logout,Reset password, Edit account data: Link

  1. Create a new page by going to "Pages  ›  Add New"
  2. Select the template. Example for Registration page, create a page, The title : Create your account ; and select the template
  3. Click on publish
  4. Repeat this procedure for other pages
For registration page Finish results

 


Cart page: Link

  1. Create a new page by going to "Pages  ›  Add New"
  2. Select the template. Example create a page, The title : Cart ; and select the template
  3. Click on publish
Finish results

 


Currency, Paypal Link

  1. Go to "Theme settings -> General setting"
  2. Currency: In field Currency enter the currency. (Example: USD, EUR, AUD, GBP, CAD, CZK, DKK, HKD, HUF, ILS, JPY, MXN, TWD, NZD, NOK, PHP, PLN, RUB, SGD, SEK, CHF, THB )
  3. Exchange rate: If paypal don't support your currency, and you like to add the price for products in your currency, This function allows conversion to get payments in EURO OR USD. In inputs "EUR" OR "USD" add the difference.
    If paypal support your currency, to inputs "EUR" OR "USD" leave them empty!!!
    Example if your currency is Ron(Romanian currency), and you like to get payments in Euro, you need to complete field in next case - image: Exchange rate example
  4. Paypal: In field "Your Paypal email" enter your paypal email account.
    Paypal don't support code currency like $ or £ or €, and in box "Enter the code for paypal currency." add the currency code for $ add USD, for £ add GBP , for € add EUR. image: Paypal
For Currency: Exchange rate Exchange rate example Paypal

 


Fields for addres and Shipping: Link

  1. Go to "Theme settings -> Cart & Shipping & Address Fields"
  2. Address Fields
    1. Simple field:
    2. Plain text box:
  3. Setup email for orders: in input "Email to send new orders:" add your email for get new orders
  4. Connected a method of delivery products (You can connected one or all method), right column
    - Method one: this is a standard method, I renamed this method "Courier", you can rename as you like. Example cost of delivery is 10$ constant number
    - Method two: cost of delivery is free, I renamed this method "Deposit", you can rename as you like.
    - Method third: Shipping cost is a percentage of the total order, I renamed this method "Mail (Post Office)", you can rename as you like.

    Example:
    1:50+35; if the sum is from 1$ at 50$ cost of shipping is 35% of sum
    51:100+30; if the sum is from 51$ at 100$ cost of shipping is 30% of sum
    101+20; if the sum is from 101$ at infinit(? $) cost of shipping is 20% of sum
    You can add your rules!!!

    All method have two type for payments:
    1) cash payment (the customer pays when get the products)
    2) paypal payment (customer pays online and get the products after)

Address Fields: Setup email for orders: Delivery Type for payments

 


Page my orders: Link

  1. Create a new page by going to "Pages  ›  Add New"
  2. Select the template. Example create a page, The title : My orders ; and select the template
  3. Click on publish
Finish results

 


Theme structure


B) CSS Files and Structure - top

I'm using two CSS files in this theme. The first(style.css) one is a generic reset file. Many browser interpret the default behavior of html elements differently. By using a general reset CSS file, we can work round this. This file also contains some general styling, such as anchor tag colors, font-sizes, etc. Keep in mind, that these values might be overridden somewhere else in the file.

The second file(bootstrap.css v3.1.1 ) contains all of the specific stylings for the page, You can get more information here

C) JavaScript - top

This theme imports three Javascript files.

  1. jQuery -1.8.0
  2. My custom scripts (main.js)
  3. My custom scripts (main-login.js)
  4. My custom scripts (main-simple.js)
  5. Some plugin(bootstrap.js)
  1. jQuery is a Javascript library that greatly reduces the amount of code that you must write.
  2. Most of the animation in this site is carried out from the customs scripts. There are a few functions worth looking over.
     [main.js - is a general javascrip code (function for top menu, FormClick (objButton) - 
    function for send data from contact form )] [main-login.js - In this file is all function for registration,login,cart] [main-simple.js - In this file is all function for option ]

B) PHP Files and Structure - top

Structure of php file.

  1. functions.php - general function
  2. includ/functions_admin.php - function for Framework
  3. includ/functions_cart.php - function for cart
  4. includ/functions_user.php - function for registration
  5. includ/functions_finish_and_pay.php - function for payments