Basic Maths is a theme
for WordPress

Click Here. to see why it’s so awesome.
Skip to content.

Clean, well-commented code rich with microformats.

Basic Maths is a rock-solid, standards-compliant and microformats-friendly WordPress theme, released under the GPL license.

Beautifully designed on a comprehensive layout grid.

Every template is based on a rational, methodical typographic grid for impeccable layout guidance. PLUS, a shortcut (SHIFT + ALT + G) magically displays the column structure on a transparent layer.

One-click color-scheme control.

Change up Basic Maths’ minimalist color scheme in a matter of seconds: a theme option allows you to specify and apply your own colors with a single click.

Fully formatted widgets, including three custom widgets.

Widgets abound, and they're all smartly and seamlessly formatted. Includes three custom widgets: Archives, Recent Posts, and Site Info, hand-crafted for Basic Maths.

Distinctive category and tag displays, and a kick-ass archive page.

Users get quick access to your archives via tags or categories, available on every page of Basic Maths. An intuitive, fluidly organized archives page serves as a comprehensive table of contents to your entire site.

Documentation Download as a PDF

Installation Instructions WordPress 2.8 Specific

  1. Download the Basic Maths Theme.
  2. Extract the zip file and upload the resulting basicmaths folder to your WordPress wp-content/themes directory.
  3. Navigate to Appearance > Themes in the Backend and activate Basic Maths.

Using Basic Maths


Settings

Before uploading new images, go to the Settings > Media page in the WordPress backend.

  1. Set the Thumbnail max width to 170 and the max height to 170 (Be sure to crop the thumbnail).
  2. Set the Medium max width to 440 and the max height to 440.
  3. Set the Large max width to 620 and the max height to 620.

More info

Please note: you may need to change the sizes of the images that you currently have in your blog. Sounds tedious, but there is a really great plugin that can handle it all for you. Try the Regenerate Thumbnails Plugin. It will make your life a lot easier.

Theme Options

There are also a number of Theme Options that allow you to customize certain areas. These option can be found at Appearance > Basic Maths Options in the Backend.

  1. Link Color: Change the color of links, backgrounds and borders by entering a HEX color number. (ie: 003333)
  2. Hover Color: Change the color of hover links by entering a HEX color number. (ie: FF6600)
  3. Top Tag Count: Choose the number of ‘Top Tags’ to display in the header. (Set to 0 to show all tags)
  4. Show Categories: Check this box to display a list of Categories in the header instead of Tags.
  5. Archives: Use this option to insert the slug of the page using the Archives template. (example: For a page Titled “History” that uses the Archives template, insert the slug history so that the “All Tags” link points to the correct page).
  6. Footer Text: Type in the HTML text that will appear in the bottom of your footer. (example: ©2008 < a href="http://basicmaths.subtraction.com" >Your Copyright Info< /a >. All rights reserved.

Page Layouts

The theme includes templates for an Archives page, which shows a list of all your Tags and Categories along with a date based Archive at the bottom. To use it, go to Write > Pages in your WP Admin. Create a new page and select the Basic Maths Archive Template from the Page Template dropdown menu.

More Info

Page Content Shortcode

Basic Maths also has some custom shortcodes which can be used to display Page content in a number of different ways as seen in this example. Here is a list of the shortcodes and how they can be used:

  • [topcolumn] your text [/topcolumn]: Fills page content to the full width with and adds a border to the bottom of the text block.
  • [leftcolumn] your text [/leftcolumn]: Creates a left column at 50% of the width of the page content. Also adds a divider to the right of the text block.
  • [rightcolumn] your text [/rightcolumn]: Creates a right column at 50% of the width of the page content.

Be wary of nesting short code items which can cause errors when done incorrectly. Here’s an example of how to use the shortcode correctly.

More info

Image Styles

WordPress adds a number of image classes to every image that you place in a post or page with the WordPress Media Uploader. Basic Maths uses a few of these classes to hang images to the left of the post measure while still holding to the grid. Here is a blog post that illustrates how the different class selectors will work with the grid. There’s also a cheat sheet below to help out with this. Make use of the SHIFT + ALT + G jQuery plugin which will help out quite a bit as well.

    No Hanging
  • no-hang (recomended)
  • alignleft
  • aligncenter
  • alignright
  • alignnone
  • alignnone + size-medium
  • alignnone + size-thumbnail
  • alignright + size-medium
  • alignright + size-thumbnail
  • aligncenter + size-medium
  • aligncenter + size-thumbnail
    Hang Left by 1 grid column
  • hang-1-column (recomended)
  • alignleft + size-medium
  • alignleft + size-thumbnail
    Hang Left by 2 grid columns
  • hang-2-column (recomended)
  • alignnone + size-large
  • alignleft + size-large
  • aligncenter + size-large
  • alignright + size-large
  • size-large

More Info

Change log


Version 1.0.1

    02-Dec-2009
  • Added a conditional ‘Leave Comments’ link for when comments or trackbacks are turned on, off, both or none.
  • Changed grid key command to Alt+Shift+G for browser compatibility.
  • Fixed various IE6 cosmetic bugs.
  • Fixed various IE7 cosmetic bugs.
  • Fixed a bug where the post counts on Archive pages were limited by the WP reading settings.
  • Fixed favicon mark-up validation.
  • Fixed footer and admin documentation links.
  • Fixed the layout of the default widgets built into sidebar.php.
  • Fixed the search box in the main navigation so that it aligns to the right at all times.
  • Replaced ‘pretty’ Basic Maths archive permalinks with query based archive links.

Version 1.0

    14-Nov-2009
  • Initial release.

Other Details


SHIFT + ALT + G

Basic Maths uses a revised version of the jQuery Grid Layout plugin with permission from Teevio. This feature was rewritten by Erin Sparling.

Sample Images

All sample images are courtesy of their respective authors.

Support

Please make sure that you have followed all of the instructions to the smallest detail and make sure that you are using the latest version of WordPress. The WordPress Support Forums is a great resource for everything related to WP and theming — we are sure that you will be able to find your answers there.

For support with bugs or theme related issues, send an email to basicmaths@subtraction.com

Licensing

Basic Maths is Copyright © 2009 by Khoi Vinh. It is released under the GNU General Public License, version 3, as published by the Free Software Foundation.

ENJOY.

It was designed and developed
by Khoi Vinh of Subtraction.com
with Allan Cole of fthrwght.com

  • Clean, well-commented code and rich with microformats
  • Beautifully designed on a comprehensive layout grid
  • One click color-scheme control
  • Fully formatted widgets, with three custom widgets
  • Distinctive category and tag displays on every page, and a kick-ass custom archive page

Get your copy
Version 1.0.1

$45.00 Buy Now

Try the Demo

Read the Documentation

Released under the GNU General Public License.

Copyright 2009 by Khoi Vinh.

If I were to redesign Subtraction.com
today, it would look like Basic Maths.
Khoi Vinh
  • Read more about Basic Maths at Subtraction.com
  • Send a Tweet about Basic Maths
  • Bookmark Basic Maths at Delicious
  • Use Basic Maths as an excuse to waste someone’s time on Facebook