Tracket Documentation
Yet Another WordPress Theme crafted with ♥ by Chris Kelley
Simple, flexible and responsive documentation template for your premium files made with Twitter Bootstrap. Alerts, Highlighted Code, Tables and more.
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. Thanks so much!
| Author: | Chris Kelley |
| Contact: | support@cloudworkthemes.com |
| Author URL: | Chris Kelley |
| Item URL: | _rite : Minimal, Responsive, Blog |
| Current Version: | 1.1 |
| Documentation Version | 1.1 |
| Created: | 02-14-2013 |
| Modified: | 04-03-2013 |
Installation How to Install the Template
1. Install Theme
Here's a brief information about how to install your WordPress theme from scratch, if you would prefer a video walkthrough please click here. The video will also cover how to setup the theme like the demo. Also make sure you have a self installed version of WordPress 3.5+ as we wont be going over that, you can start here if you need help with that.
First off you will need a Self Hosted install of WordPress, if you do not please see here. If you are reading this documentation, Im going to assume that you have already unzipped the download file from Themeforest. The folder should look similar to the image below. The file we will be needing for the next step is the _Rite_one_click.zip
You will now need to go to login to your WordPress dashboard http://yoursite.com/wp-admin.
After you are logged in you will need to follow these steps
- Click the Appearance Menu
- Themes Submenu, you should be here by default is not click it
- The Install Themes Tab
- Upload
- Click Choose File and select the _rite_one_click.zip
- Clcik Install Theme
- At this point you may need to enter your FTP information, you will need to contact your host for that information
- If you did not need to enter your FTP information you should be at a new screen, simply click activate
Once the theme has been activated you will automatically be redirected to the themes options page.
I will only cover slightly on the theme options panel, please see the video walkthrough for more in-depth information. There are very basic options to help change different parts of the theme. The logo can be set to retina which will use a logo that is double the size and will display properly on
Markup Markup customization and highlights
General Markup
This theme is structured like most WordPress themes with multiple files for the different types of posts and content. With a mix of both HTML and PHP. If you want to make modification I suggest using a Child theme, so you will updates wont remove any of your changes. For more information about Child Themes see here
<!DOCTYPE html;>
<html <?php language_attributes(); ?;>>
<head;>
<title;><?php wp_title( '|', true, 'right' ); bloginfo( 'name' ); ?;></title;>
<!--[if IE];>
<meta http-equiv="X-UA-Compatible" content="IE=edge" ;>
<![endif]--;>
<meta charset="<?php bloginfo( 'charset' ); ?;>" /;>
<!-- Set Viewport--;>
<meta name="viewport" content="user-scalable=no,initial-scale=1.0, maximum-scale=1.0 width=device-width" /;>
<?php if ( cw_get_option('favicon-upload') ){ ?;>
<!--FAVICON--;>
<link rel="shortcut icon" href="<?php echo cw_get_option('cw-favicon'); ?;>";>
<?php } ?;>
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?;>" /;>
<?php
//Do not remove the wp_head it is required for WordPress and this theme to function properly
wp_head();
?;>
<!--[if IE];><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js";></script;><![endif]--;>
</head;>
<!--Start Body--;>
<body <?php body_class(); ?;>>
How To Edit Color
If you would like to edit the color, font, or style of any elements in one of these columns, you would do the following:
a {
color: #someColor;
}
Change Structure
If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn't a similar style that has more weight.
div#wrapper {
width: 100%;
min-width: 320px;
max-width: 960px;
background-color: rgb(255,255,255);
margin: 0 auto;
}
Styles Styles customization and highlights
Stylesheets
Here's a list of the stylesheet files I'm using with this template, you can find more information opening each file:
| File Name | Description |
|---|---|
styles.css |
This theme uses one stylesheet which is the style.css located in the themes root folder |
CSS Structure
The second file contains all of the specific stylings for the page. The file is separated into sections using:
/*-----------------------------------------------------*/ /*--------------------------Reset----------------------*/ /*-----------------------------------------------------*/ some code /*-----------------------------------------------------*/ /*--------------------------Icons----------------------*/ /*-----------------------------------------------------*/ some code /*-----------------------------------------------------*/ /*--------------------------Setup----------------------*/ /*-----------------------------------------------------*/ some code etc, etc.
JavaScript JavaScript customization and highlights
JavaScript Files
These are the JavaScript Plugins included with this theme, you should not modify them unless you know specifically what it will do.
| Tag | Description |
|---|---|
Flexslider |
Flexslider is used for the Gallery Post Type |
AudioJS |
The script is used for playing multiple audio players. |
FitVids |
FitVids makes sure that the embedded videos will fit above the post | jGestures |
Used add touch based Gestures | ImgPreload |
Preloads the images, for use with the grayscale |
rite.custom.js & rite.custom.min.js |
This file holds all the custom code for the theme and initializes all the other plugins above. The theme loads the minified version for performance reasons if you need to edit it you'll need to un-compress or create a new min file based of rite.custom.js |
Video Walkthrough How to setup and use the theme.
Video
Throughout this video I will walk though how to install the theme, setup the demo content, and make posts and will cover some basic usage of WordPress, please visit my support forums for more advanced questions.
Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question on my Support Forums.