Zeus Theme

Zeus Theme Documentation

By webmaster on December 27, 2011 | Zeus Theme | A comment?

CSS Files and Structure

A) CSS Files and Structuretop

I’m using a few CSS files in this theme but the most important one is “style.css”. Including 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 “style.css” file contains all of the specific stylings for the page. The file is separated into sections using:

/*--------------------------------------------------------------*/
/*    Header                                                    */
/*--------------------------------------------------------------*/

	some code

/*--------------------------------------------------------------*/
/*    Section                                                   */
/*--------------------------------------------------------------*/

	some code

/*--------------------------------------------------------------*/
/*    Sidebar                                                   */
/*--------------------------------------------------------------*/

	some code

/*--------------------------------------------------------------*/
/*    Footer                                                    */
/*--------------------------------------------------------------*/

	some code

	etc, etc.

If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

This theme is built using the 960 Grid CSS System. So keep this in mind if you want to change something in the layout.

By webmaster on | Zeus Theme | A comment?

Installing the Theme

B) Installing the Themetop

To install the site you have to unzip the ZIP file you downloaded from Theme Forest and open the folder “Theme”

Inside this folder is another called “zeus”, this is the folder you have to upload to your server where you installed WordPress (wp-content/themes /)

That’s all, once uploaded the Theme only need to activate it and for that you can go to the next section.

If you need more information please go to http://codex.wordpress.org/Using_Themes

Important:

This theme uses TimThumb PHP Script to resize images. For this script to work you need change the “zeus/cache/” & “zeus/cache/images” folders permissions to 777.

If your images are not displayed surely this is your problem.

If you need more information please go to http://www.binarymoon.co.uk/2010/11/timthumb-hints-tips/

And also this Theme needs PHP 5 on your Server

Installing JW Player for the Background Video

This Theme uses the JW Player but does not include.

You can Download the JW Player here

Once downloaded, unzip the file and you will see a folder named “mediaplayer-5.7″ rename “jwplayer”












Now upload this folder (jwplayer) inside the Theme’s folder on your Server (wp-content/themes/zeus/), like this:



































That’s all, the Theme will do the rest.

By webmaster on | Zeus Theme | A comment?

HOW TO use the Theme

C) HOW TO use the Themetop

First of all you have to activate the Zeus Theme on your WordPress Site. Go to Appearance>Themes and Activate Zeus Theme.

If you need help installing WordPress see the link below:
http://codex.wordpress.org/Installing_WordPress

Create the Home and Blog page

Now we create the page for the homepage, select “Add new” in the Page menu:











Name the new page “Home“:




























Select Home Template for this page on the right (this step is very important!):


























And click Publish:
















Now add an other page called “Blog“:




























And just click Publish:
















Go to Settings>>Reading:


















Set the options as in the image:





















The Admin Panel

You can customize the theme through the admin panel, going to this button:


















This is the Admin Panel:


Create a Slider Item

To make it easier here is a video of how to create a Slider Item:

If you don’t see the Video, here is the link: http://screenr.com/kgAs


Create a Page with Slider, Single Image or Video Background

Here shows how to place an image or video as the background of the pages:

If you don’t see the Video, here is the link: http://screenr.com/YgAs



Create a Portfolio Page

If you want to create a portfolio page with 1, 2, 3 or 4 columns simply select the appropriate template:






















Here is the Video:

If you don’t see the Video, here is the link: http://screenr.com/wgAs


Create a Portfolio Item

To make it easier here is a video of how to create a Portfolio Item:

If you don’t see the Video, here is the link: http://screenr.com/sMAs


Create a Different Portfolio

To make it easier here is a video of how to create a Different Portfolio:

Additionally if you want the Single Pages for the Portfolio Item to have the same features as the original, like Multiple Images or Twitter and Facebook buttons.

You need to duplicate the file “zeus/single-portfolio.php” and rename it wit the same name of your new Portfolio

For Example, if you called the new portfolio “Prints” the file should be named:

single-prints.php

Or if you called “Different Portfolio” the file should be named:

single-differentportfolio.php

Always lowercase and no spaces

If you don’t see the Video, here is the link: http://screenr.com/nMAs



How To use the Shortcode Generator

For use the Shortcode Generator you will find a button every time you edit a post or page… like this:

 

 

 

Here is a video of how to use it in the Glance Theme but it works exactly the same in this Theme:

If you don’t see the Video, here is the link: http://screenr.com/XqJ


Get a Google Maps Key for the Maps Shortcode

For the Shortcode work, you first must get a Google Maps Key.

Go to http://code.google.com/apis/maps/signup.html and sign up for a key, once you have the key go to your Theme Admin Panel and paste it here:




















Save All Changes and it’s done.


How To use the Sidebar Generator

Here is a video of how to use it in the Glance Theme but it works exactly the same in this Theme:

If you don’t see the Video, here is the link: http://screenr.com/9KBs


To make it easier here is a video:

If you don’t see the Video, here is the link: http://screenr.com/wMAs


How To add Multiple Images to a Portfolio item

To make it easier here is a video:

If you don’t see the Video, here is the link: http://screenr.com/hMAs

By webmaster on | Zeus Theme | A comment?

Sources and Credits

By webmaster on | Zeus Theme | A comment?