“Blocks” Documentation by “ellismedia” v1.0


“Blocks”

Created: 10/06/2013
By: ellismedia
Email: tnellis@gmail.com

Thank you for downloading my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via the email address above. Thanks so much!


Table of Contents

  1. Theme Features
  2. HTML Structure
  3. CSS Files and Structure
  4. JavaScript
  5. Sources and Credits

A) Theme Features - top

Along with the standard Wordpress features, this theme has integrated the following functions into it:


B) HTML Structure - top

This theme is a fixed layout with two columns.

The three widgets on the home page are housed in the All of the information within the main content area is nested within a div with an id of "primary" within the page.php file.

The sidebar's (column #2) content is within a div with an id of "secondary" within the page sidebar.php.

The homepage information is hosted in home.php file and includes the div id "featured" content area which houses the slideshow and widget up top. The three widgets on the home page are housed in the sidebar-home.php file.

If you want to alter the css or style of the site you can modify the style.css document. It is advisable, owever, that you use the option to any css updates to the CSS input field in the Theme Options panel under Appearance.


C) CSS Files and Structure - top

The file style.csscontains all of the specific stylings for the page. The file is separated into sections using:

	/* === Reset=== */

	Many browser interpret the default behavior of html elements differently. By using some general reset CSS file, we can work around 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.

	/* === Global === */
	
	Body text colour and style
	
	/* === Headings=== */
	
	styles for h1,h2,h3,h4,h5,h6 etc
	
	/* Text elements */
	
	styles for body text and all other variations
	
	/* Links */
	
	hyperlinks and url styles
	
	/* Menu */
	
	main navigation styles
	
	/* Small menu */
	
	for when the site shrinks down to mobile device sizes
	
	/* Content */
	
	/* Asides */
	
	/* Sharing */
	
	includes settings for the twitter and facebook share options on each page. insert display: none to remove from site
	
	/* Media */
	
	includes images
	
	/* Navigation */
	
	navigation within pages style eg.next and previous post 
	
	/* Footer */
	
	/* Comments */
	
	/* Functions */
	
	/* Widgets */
	
	includes styling for custom widgets
	
	/* Structure */
	
	/* =Home Page */

	/* Searchbox Style */

	/*Responsiveness */

	settings for responding to different device sizes

	/*  Grouping   */
	

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.


D) JavaScript - top

This theme imports Javascript files. These are used for features such as the homepage slider, theme options integration and the tiny navigation menu on smaller devices


E) Sources and Credits - top

I've used the following sources to compile this theme.

I've also read the following articles which have been a huge help so a big thanks to their authors.


Once again, thank you so much for downloading 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.

Tim Ellis

Go To Table of Contents