“Sketchbook”

Table of Contents

1. Instalation
2. Video documentation
   • Sketchbook - introduction
   • Theme Options
   • Shortcode and classes
   • Post Format - Link, Quote, Aside
   • Post Format - Video
   • Post Format - Image and Gallery
   • Widgets
   • Headers and Background Image
3. HTML Structure
4. PHP Code Explanation
5. CSS Files and Structure
6. JavaScript
7. PSD Files
8. Sources and Credits

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

A) Instalation - top

When you are ready to install a theme, you must first upload the theme files and then activate the theme itself. The theme files can be uploaded in two ways:

• FTP Upload: Using your FTP program, upload the non-zipped theme folder into the /wp-content/themes/ folder on your server.
• WordPress Upload: Navigate to Appearance > Add New Themes > Upload. Go to browse, and select the zipped theme folder. Hit “Install Now” and the theme will be uploaded and installed.

B) Video documentation - top

Sketchbook - Introduction - top

Sketchbook - Theme Options - top

Sketchbook - Shortcode and classes - top

Post Format - Link, Quote, Aside - top

Post Format - Video - top

Post Format - Image and Gallery - top

Widgets - top

Headers and Background Image- top

C) HTML Structure - top

This theme is a fixed layout with two columns. All of the information within the main content area is nested within a div with an id of "grid_11". The sidebar's (column #2) content is within a div with an id of "grid_5". The general template structure is the same throughout the template. Here is the general structure.

D) PHP Code Explanation - top

Except standard file of template, there are also files which are used to configure in theme and non-standard functions which aggrandize features of template. There is treatment below:

• folder /admin - theme options framework - Options Framework - 0.8 by Devin Price,
• options.php - theme options
• folder /doc - ducumentation
• folder /inc
  • post-options-api.1.0.1.php - post options - Post Options API 1.0.1 by Konstantin Kovshenin
  • sketchbook-post-options.php - options and functions to "Post Options"
  • shortcode.php - shortcode and classes
  • sketchbook-functions.php - functions to "Options Framework"
  • widgets.php - widgets
• folder /js - javascript files (html 5, jquery fancybox, jquery flexslider, adapt)

E) CSS Files and Structure - top

This theme has been implemented as a fixed width layout with the 960 Grid System. The full width of the template is 960px. For more information as to how the 960 Grid works, visit the 960 Grid System website.

• folder /css - print version, grid 960px, mobile version, editor style, plugins (lightbox, slideshow),
• rtl.css - right-to-left version
• style.css - the main file with styles

F) JavaScript - top

This theme imports five Javascript files.

1. html5.js,
2. adapt.min.js,
3. jquery.fancybox,
4. jquery.flexslider-min.js.
5. superfish.js

H) Sources and Credits - top

• html5.js by Remy Sharp
• FancyBox - jQuery Plugin by Janis Skarnelis
• jQuery FlexSlider v1.8 by Tyler Smith
• 960 Grid System ~ Core CSS by Nathan Smith
• Adapt ~ Mobile script by Nathan Smith
• Options Framework - 0.8 by Devin Price
• Post Options API 1.0.1 by Konstantin Kovshenin
• Superfish v1.4.8 - jQuery menu widget by Joel Birch

Go To Table of Contents