f8 is a unique theme for Wordpress that can transform your Web site or blog into a fully functioning photography or multimedia portfolio Web site. SEO optimized, iPhone compatible, 100% customizable options page, grid-based css, built-in Galleria support, slideshow-enabled, built-in multimedia support, auto or manual thumbnail control, Gravatars, plus much, much more. All colors, fonts, front page categories, contact info, slideshow height and other options can be managed on the f8 theme options page. There is no need to edit theme code, unless you want to customize f8.

f8, which is a technical term referring the lens aperture setting on a camera, is theme long in the making. A little over five years ago, I began the arduous task of trying to find a way to present my photos to the world online. I primarily wanted two things: A portfolio section and a blog section built into one CMS. What I didn’t know at the time, is that it would take me five years to figure out. After researching literally hundreds of options including Flash powered portfolios (a big no-no in today’s mobile world), to countless bulky CMS’s that just didn’t cut it, I decided on using Wordpress. It was well worth the wait.

SUPPORT

The best way to receive support for this theme is to visit the forum first. If you can’t find the answer to your question there, then please get in touch. We respond quickly to all support inquiries. Just ask a few of our customers.

VERSIONS

• 1.0 - Initial launch
• 1.1 - Revamped functions.php file for compatibility with Wordpress 2.6, changed comments.php for improved handling of comments without avatars enabled.

f8 remixed is a unique theme for Wordpress that can transform your Web site or blog into a fully functioning photography or multimedia portfolio Web site. SEO optimized, iPhone compatible, 100% customizable options page, grid-based css, built-in Galleria support, built-in multimedia support, auto or manual thumbnail control, Gravatars, plus much, much more. All colors, fonts, front page categories, contact info, homepage main photo height and other options can be managed on the f8 theme options page. There is no need to edit theme code, unless you want to customize f8.

f8, which is a technical term referring the lens aperture setting on a camera, is theme long in the making. A little over five years ago, I began the arduous task of trying to find a way to present my photos to the world online. I primarily wanted two things: A portfolio section and a blog section built into one CMS. What I didn’t know at the time, is that it would take me five years to figure out. After researching literally hundreds of options including Flash powered portfolios (a big no-no in today’s mobile world), to countless bulky CMS’s that just didn’t cut it, I decided on using Wordpress. It was well worth the wait.

SUPPORT

The best way to receive support for this theme is to visit the forum first. If you can’t find the answer to your question there, then please get in touch. We respond quickly to all support inquiries. Just ask a few of our customers.

VERSIONS

• 1.0 - Initial launch
• 1.1 - Revamped functions.php file for compatibility with Wordpress 2.6, changed comments.php for improved handling of comments without avatars enabled.

f8 static is a free theme for Wordpress that can transform your Web site or blog into a fully functioning photography or multimedia portfolio Web site. SEO optimized, iPhone compatible, grid-based css, built-in Galleria support, built-in multimedia support, auto or manual thumbnail control, Gravatars, plus much, much more. The credit link is required to stay in tact.

f8, which is a technical term referring the lens aperture setting on a camera, is theme long in the making. A little over five years ago, I began the arduous task of trying to find a way to present my photos to the world online. I primarily wanted two things: A portfolio section and a blog section built into one CMS. What I didn’t know at the time, is that it would take me five years to figure out. After researching literally hundreds of options including Flash powered portfolios (a big no-no in today’s mobile world), to countless bulky CMS’s that just didn’t cut it, I decided on using Wordpress. It was well worth the wait.

SUPPORT

---

The best way to receive support for this theme is to visit the forums.

---

VERSIONS

• 1.0 - Initial launch
• 1.1 - Revamped functions.php file for compatibility with Wordpress 2.6

f8 lite is a free theme for Wordpress that can transform your Web site or blog into a fully functioning photography or multimedia portfolio Web site. SEO optimized, iPhone compatible, grid-based css, built-in Galleria support, slideshow-enabled, built-in multimedia support, auto or manual thumbnail control, Gravatars, plus much, much more. The credit link is required to stay in tact.

f8, which is a technical term referring the lens aperture setting on a camera, is theme long in the making. A little over five years ago, I began the arduous task of trying to find a way to present my photos to the world online. I primarily wanted two things: A portfolio section and a blog section built into one CMS. What I didn’t know at the time, is that it would take me five years to figure out. After researching literally hundreds of options including Flash powered portfolios (a big no-no in today’s mobile world), to countless bulky CMS’s that just didn’t cut it, I decided on using Wordpress. It was well worth the wait.

SUPPORT

---

The best way to receive support for this theme is to visit the forums.

---

VERSIONS

• 1.0 - Initial launch
• 1.1 - Revamped functions.php file for compatibility with Wordpress 2.6

Monochrome Gallery is a free widgetized theme for Wordpress packaged with an author archives page, AJAX slideshow, categorized posts with thumbnails on the homepage and a CSS framework to aid in customization.

Installation

1. Unzip the downloaded file
2. Upload the entire “Monochrome Gallery″ folder to your “/wp-content/themes/” folder
3. Log in into your WordPress control panel
4. Click the Presentation tab
5. Select the “Monochrome Gallery” screenshot

Configuration

1. GETTING STARTED: By default, the slideshow in Monochrome Author displays the most recent posts. The number of posts displayed in the slideshow can be controlled via your WP admin panel by clicking Options > Reading. The bottom row of five posts pulls in the latest post in five different categories, which you can specify in index.php. Simply open up index.php in the Theme Editor and look for the following line:

   // enter the IDs of the categories to display
   $display_categories = array(’3′,’4′,’5′,’6′);

   Change 3, 4, 5, 6 to the category id’s of the categories that you want to display. You can find your category id numbers by clicking Manage > Categories in your WP Admin Panel.

   To change the final fifth category, scroll down on index.php and locate:

   // enter the IDs of the categories to display
   $display_categories = array(’7′);

   Change it as described above.

2. PHOTOS & CUSTOM FIELDS: This theme uses custom fields to manage all photos and thumbnail photos. In your Wordpress settings, you can change the dimensions on both thumbnail and medium sized photos. Change the thumbnail width to 128 px wide by 128px tall. Change the medium photo size to 575 px wide. Save the settings. Wordpress will resize every photo uploaded to the dimensions described above. After uploading the photo into Wordpress using the media uploader, copy the link to this thumbnail photo and paste it into the custom field value, with a key called “thumbnail.” Copy the link to the medium photo (575 pixels wide maximum) and paste it into the custom field value, with a key called “photo.” Here is a screenshot of all properly filled out fields.
3. STYLES.CSS: Unlike most Wordpress themes which plug all the css in one file called styles.css, Monochrome utilizes the Blueprint CSS framework to help separate positioning, typography, forms and what I’ll refer to as custom or Monochrome specific styles. To edit all custom Monochrome specific styles, you’ll need to edit the file style.css in your wp/wp-content/themes/monochrome/ directory.
4. SIDEBARS: 100% Widgetized baby!
5. COMPATIBILITY: For Wordpress 2.3 and up.

Now you can get all Graph Paper Press themes for only $99.99. This offer includes all “premium” themes on sale today and in all of 2008. When a new theme is released in 2008, you will receive a link to the theme download via email. Currently, Graph Paper Press plans to release one theme per month. Pretty neat, huh?

SUPPORT

The best way to receive support for this theme is to visit the forum.

ABOUT BLUEPRINT

This theme utilizes a CSS framework called Blueprint. Who is credited for the ideas behind Blueprint? Some of the best designers on the web. They include Jeff Croft, designer for Blue Flavor, Khoi Vinh, design director for NYTimes.com, Nathan Borror, Christian Metts, Eric Meyer, Wilson Minor, Angus Turnbull, Olav Bjorkoy and a few others. Most major websites use some form of css framework to allow for rapid, consistent development and design. Take the Blueprint 101 course to learn about all the possibilities.

Monochrome Author is a free widgetized theme for Wordpress packaged with an author archives page, AJAX slideshow, posts with thumbnail and pullquote custom fields options and a CSS framework to aid in customization.

Installation

1. Unzip the downloaded file
2. Upload the entire “Monochrome Lite″ folder to your “/wp-content/themes/” folder
3. Log in into your WordPress control panel
4. Click the Presentation tab
5. Select the “Monochrome Lite” screenshot

---

Configuration

1. GETTING STARTED: By default, the slideshow in Monochrome Author displays the most recent posts, followed by the excerpts of the previous five entries, offset by two. The number of posts displayed in the slideshow can be controlled via your WP admin panel by clicking Options > Reading.
2. PHOTOS, PULLQUOTES, CUSTOM FIELDS: This theme uses custom fields to manage all photos and thumbnail photos. In your Wordpress settings, you can change the dimensions on both thumbnail and medium sized photos. Change the thumbnail width to 128 px wide by 128px tall. Change the medium photo size to 575 px wide. Save the settings. Wordpress will resize every photo uploaded to the dimensions described above. After uploading the photo into Wordpress using the media uploader, copy the link to this thumbnail photo and paste it into the custom field value, with a key called “thumbnail.” Copy the link to the medium photo (575 pixels wide maximum) and paste it into the custom field value, with a key called “photo.” Here is a screenshot of all properly filled out fields. If you want pullquotes, then simply create a key called “pullquote” and type your pullquote into the custom field value. Here is a screenshot of all three properly filled out fields.
3. YOUR AUTHORS PAGE: Monochrome Author comes packaged with an author archive (authors.php), which will display some author specific info pulled from the Users page in your Wordpress installation. In order for the author’s image to show up, you’ll need to place a jpg of the author titled by the author’s last name in the wp-content/themes/monochrome_author/images/authors/ folder. For instance, mine is Allender.jpg, sized at 75px X 75px. Here is an example author page.
4. STYLES.CSS: Unlike most Wordpress themes which plug all the css in one file called styles.css, Monochrome utilizes the Blueprint CSS framework to help separate positioning, typography, forms and what I’ll refer to as custom or Monochrome specific styles. To edit all custom Monochrome specific styles, you’ll need to edit the file style.css in your wp/wp-content/themes/monochrome/ directory.

---

---

---

Now you can get all Graph Paper Press themes for only $99.99. This offer includes all “premium” themes on sale today and in all of 2008. When a new theme is released in 2008, you will receive a link to the theme download via email. Currently, Graph Paper Press plans to release one theme per month. Pretty neat, huh?

---

SUPPORT

---

The best way to receive support for this theme is to visit the forum.

---

ABOUT BLUEPRINT

---

This theme utilizes a CSS framework called Blueprint. Who is credited for the ideas behind Blueprint? Some of the best designers on the web. They include Jeff Croft, designer for Blue Flavor, Khoi Vinh, design director for NYTimes.com, Nathan Borror, Christian Metts, Eric Meyer, Wilson Minor, Angus Turnbull, Olav Bjorkoy and a few others. Most major websites use some form of css framework to allow for rapid, consistent development and design. Take the Blueprint 101 course to learn about all the possibilities.

---

Monochrome is a magazine-style theme for Wordpress packaged with an AJAX post slideshow, a custom theme admin page to easily manage and customize Monochrome, author archives, two page templates, multi-tier drop down menus, utilizes custom fields options and a CSS framework to aid in customization. Now that’s a mouth-full.

With Monochrome, you get:

• AJAX-enabled post slideshow on the homepage
• Multiple entry points to your posts on the homepage
• Auto or manual thumbnail control
• Two widgetized sidebars, one for homepage content, one for single page views
• A widgetized bottombar which includes three widgetized areas
• A custom administration panel
• Authors archives
• Two page templates: One with sidebars and another without
• S.E.O. optimized
• Valid HTML and CSS

Now you can get all Graph Paper Press themes for only $99.99. This offer includes all “premium” themes on sale today and in all of 2008. When a new theme is released in 2008, you will receive a link to the theme download via email. Currently, Graph Paper Press plans to release one theme per month. Pretty neat, huh?

INSTALLATION

1. Unzip the downloaded file
2. Upload the entire “Monochrome″ folder to your “/wp-content/themes/” folder
3. Log in into your WordPress control panel
4. Click the Presentation tab
5. Select the “Monochrome” screenshot

CONFIGURATION

1. GETTING STARTED: Monochrome creates a new administration page in the Presentation tab of your Wordpress admin panel to easily manage an update the categories that you want to display on the homepage. View the theme options page. Type in the category id’s and you’re ready to go!
2. PHOTOS & CUSTOM FIELDS: This theme uses custom fields to manage all photos and thumbnail photos. In your Wordpress settings, you can change the dimensions on both thumbnail and medium sized photos. Change the thumbnail width to 128 px wide by 128px tall. Change the medium photo size to 575 px wide. Save the settings. Wordpress will resize every photo uploaded to the dimensions described above. After uploading the photo into Wordpress using the media uploader, Monochrome Pro automatically generates your thumbnail and slideshow images for your homepage (version 1.1 only). Don’t like the thumbnail Wordpress generated for you? Override it, by copying the link to this thumbnail photo and pasting it into the custom field value, with a key called “thumbnail.” Similarly, you can copy the link to the medium photo (575 pixels wide maximum) and paste it into the custom field value, with a key called “photo.” Here is a screenshot of all properly filled out fields.
3. YOUR AUTHORS PAGE: Monochrome comes packaged with an author archive (authors.php), which will display some author specific info pulled from the Users page in your Wordpress installation. In order for the author’s image to show up, you’ll need to place a jpg of the author titled by the author’s last name in the wp-content/themes/monochrome_lite/images/authors/ folder. For instance, mine is Allender.jpg, sized at 75px X 75px. Here is an example author page.
4. STYLES.CSS: Unlike most Wordpress themes which plug all the css in one file called styles.css, Monochrome utilizes the Blueprint CSS framework to help separate positioning, typography, forms and what I’ll refer to as custom or Monochrome specific styles. To edit all custom Monochrome specific styles, you’ll need to edit the file style.css in your wp/wp-content/themes/monochrome/ directory.

SUPPORT

The best way to receive support for this theme is to visit the forum first. If you can’t find the answer to your question there, then please get in touch. We respond quickly to all support inquiries. Just ask a few of our customers.

ABOUT BLUEPRINT

This theme utilizes a CSS framework called Blueprint. Who is credited for the ideas behind Blueprint? Some of the best designers on the web. They include Jeff Croft, designer for Blue Flavor, Khoi Vinh, design director for NYTimes.com, Nathan Borror, Christian Metts, Eric Meyer, Wilson Minor, Angus Turnbull, Olav Bjorkoy and a few others. Most major websites use some form of css framework to allow for rapid, consistent development and design. Take the Blueprint 101 course to learn about all the possibilities.

VERSIONS

• 1.0 - Initial launch
• 1.1 - Improved thumbnail and image handling for Wordpress 2.5
• 1.1 - Revamped functions.php file for compatibility with Wordpress 2.6

Monochrome Lite is a free widgetized theme for Wordpress packaged with an author archives page, seven random rotating header images, posts with thumbnail and pullquote custom fields options and a CSS framework to aid in customization.

---

---

Now you can get all Graph Paper Press themes for only $99.99. This offer includes all “premium” themes on sale today and in all of 2008. When a new theme is released in 2008, you will receive a link to the theme download via email. Currently, Graph Paper Press plans to release one theme per month. Pretty neat, huh?

---

Installation

1. Unzip the downloaded file
2. Upload the entire “Monochrome Lite″ folder to your “/wp-content/themes/” folder
3. Log in into your WordPress control panel
4. Click the Presentation tab
5. Select the “Monochrome Lite” screenshot

Configuration

1. GETTING STARTED: By default, Monochrome Lite displays the latest entry, followed by the excerpts of the previous five entries.
2. PHOTOS, PULLQUOTES, CUSTOM FIELDS: This theme uses custom fields to manage all photos and thumbnail photos. In your Wordpress settings, you can change the dimensions on both thumbnail and medium sized photos. Change the thumbnail width to 128 px wide by 128px tall. Change the medium photo size to 575 px wide. Save the settings. Wordpress will resize every photo uploaded to the dimensions described above. After uploading the photo into Wordpress using the media uploader, copy the link to this thumbnail photo and paste it into the custom field value, with a key called “thumbnail.” Copy the link to the medium photo (575 pixels wide maximum) and paste it into the custom field value, with a key called “photo.” Here is a screenshot of all properly filled out fields. If you want pullquotes, then simply create a key called “pullquote” and type your pullquote into the custom field value. Here is a screenshot of all three properly filled out fields.
3. YOUR AUTHORS PAGE: Monochrome Lite comes packaged with an author archive (authors.php), which will display some author specific info pulled from the Users page in your Wordpress installation. In order for the author’s image to show up, you’ll need to place a jpg of the author titled by the author’s last name in the wp-content/themes/monochrome_lite/images/authors/ folder. For instance, mine is Allender.jpg, sized at 75px X 75px. Here is an example author page.
4. STYLES.CSS: Unlike most Wordpress themes which plug all the css in one file called styles.css, Monochrome utilizes the Blueprint CSS framework to help separate positioning, typography, forms and what I’ll refer to as custom or Monochrome specific styles. To edit all custom Monochrome specific styles, you’ll need to edit the file style.css in your wp/wp-content/themes/monochrome/ directory.

---

SUPPORT

---

The best way to receive support for this theme is to visit the forum.

---

ABOUT BLUEPRINT

---

This theme utilizes a CSS framework called Blueprint. Who is credited for the ideas behind Blueprint? Some of the best designers on the web. They include Jeff Croft, designer for Blue Flavor, Khoi Vinh, design director for NYTimes.com, Nathan Borror, Christian Metts, Eric Meyer, Wilson Minor, Angus Turnbull, Olav Bjorkoy and a few others. Most major websites use some form of css framework to allow for rapid, consistent development and design. Take the Blueprint 101 course to learn about all the possibilities.

---

Deadwood is a magazine theme primed for publishers who want to multiple entry points to their content in a clean and clear fashion. Deadwood can transform your tubular blog into a real website.

---

---

---

Deadwood comes packaged with:

• Ten rotating custom header images
• AJAX-enabled sidebar on the homepage
• Multiple entry points to your posts on the homepage
• Two fully widgetized sidebars
• A fully widgetized bottombar
• Authors Archive page
• Two page templates: One with sidebars and another without
• S.E.O. optimized
• Valid HTML and CSS
• Utilizes the Blueprint CSS framework

Installation

1. Unzip the downloaded file
2. Upload the entire “Deadwood″ folder to your “/wp-content/themes/” folder
3. Log in into your WordPress control panel
4. Click the Presentation tab
5. Select the “Deadwood” screenshot

---

CONFIGURATION

---

1. GETTING STARTED: To get Deadwood off and running, you will need a minimum of 5 categories to populate the homepage. The main section on this page is the latest article posted in all categories. The top right section shows the next three latest posts. The section below the main section shows the previous five entry excerpts, offset by four. The bottom five section pulls the latest posts in categories 3, 4, 5, 6, 7. You will want to change these category number id’s to the categories you want to display, which is detailed below.
2. YOUR CATEGORIES: In the “home.php” you will find a series of query_posts functions which refer to specific category ID numbers from my database.
   You will need to change the category numbers to reflect the ID numbers of the categories that you want to display on your homepage. Category numbers can be found in your control panel under Manage->Categories. There are a total of 5 spots in the home.php file to change to reflect the post categories that you want to display on the main page.
3. YOUR PHOTOS: If you want your website to resemble that of the Deadwood theme demo site, you will need one small photo for each blog post. Small photos should be cropped to 150px wide by 100px tall. Upload the image to the web and copy the URL to the photo. Within Wordpress’ Write Post page, scroll down towards the bottom and click on the Custom Fields section. Add a key called “small_photo” and then paste the link to the small photo into the key value field. View a screenshot of the custom fields used for Deadwood. Make sure your custom field values and keys match those in the screen shot above (but change the key value to the exact url to your images.) Custom fields are one of the most overlooked, yet powerful, tools in Wordpress. Read more about using custom fields. Photos posted within each entry’s post body should not exceed 350px wide, otherwise, you will make your homepage layout look icky.
4. YOUR AUTHORS PAGE: Berlin comes packaged with an author archive (authors.php), which will display some author specific info pulled from the Users page in your Wordpress installation. In order for the author’s image to show up, you’ll need to place a jpg of the author titled by the author’s last name in the wp-content/themes/deadwood/images/authors/ folder. For instance, mine is Allender.jpg, sized at 75px X 75px. Here is an example author page.
5. STYLES.CSS: Unlike most Wordpress themes which plug all the css in one file called styles.css, Berlin utilizes the Blueprint CSS framework to help separate positioning, typography, forms and what I’ll refer to as custom or Deadwood specific styles. To edit all custom Deadwood specific styles, you’ll need to edit the style.css file located in your wp/wp-content/themes/gridline/ directory.
6. BEST PRACTICES: It is best to keep your excerpt to one a one line description overview of your post. Having too much written in the excerpt field can bloat the homepage with text.

---

Credits

---

Deadwood utilizes the Blueprint CSS framework to help streamline design and development. Most major websites use some form of css framework to allow for rapid, consistent development and design. Take the Blueprint 101 course to learn about all the possibilities.

---

Deadwood Lite is a free minimal theme primed for writers who want to focus their online efforts on readability, pull quotes and clarity. Deadwood Lite comes packaged with:

• Ten rotating custom header images
• Two fully widgetized sidebars
• A fully widgetized bottombar
• Authors Archive page
• Two page templates: One with sidebars and another without
• S.E.O. optimized
• Valid HTML and CSS
• Utilizes the Blueprint CSS framework

---

---

Installation

1. Unzip the downloaded file
2. Upload the entire “Deadwood Lite″ folder to your “/wp-content/themes/” folder
3. Log in into your WordPress control panel
4. Click the Presentation tab
5. Select the “Deadwood Lite” screenshot

Gridline News is a clean and modular news magazine theme for Wordpress 2.3 and up that is packed with AJAX to add flexibility to the important home page real estate. The main story section contains four of your latest posts layered on top of each other, accessible via tabbed navigation. Gridline News can transform your tubular blog into a full news magazine website.

---

---

Installation

1. Unzip the downloaded file
2. Upload the entire “Gridline News″ folder to your “/wp-content/themes/” folder
3. Log in into your WordPress control panel
4. Click the Presentation tab
5. Select the “Gridline News” screenshot

Configuration

1. GETTING STARTED: To get Gridline News off and running, you will need a minimum of 5 categories to populate the homepage. The main section on this page is the latest article posted in category 1, followed by category 2, 3, and 4. The three posts at right are all from category 1, offset by 1 to avoid duplication. The other sections display the latest articles in their respective categories.
2. YOUR CATEGORIES: In the “home.php” you will find a series of query_posts functions which refer to specific category ID numbers from my database.
   You will need to change the category numbers to reflect the ID numbers of the categories that you want to display on your homepage. Category numbers can be found in your control panel under Manage->Categories. There are a total of 6 spots in the home.php file to change to reflect the post categories that you want to display on the main page.
3. YOUR PHOTOS: To have thumbnails in each post, crop the thumbnail to 150px wide by 100px tall, upload it to the web and copy the URL to the photo. Within Wordpress’ Write Post page, scroll down towards the bottom and click on the Custom Fields section. Add a key called “small_photo” and then paste the link to the thumbnail photo into the key value field. Photos posted within each entry’s post will should not exceed 350px wide by 225px tall, otherwise, the images will bleed out and make you site look icky. View a screenshot of the custom fields used for the Gridline News Theme. Make sure your custom field values and keys match those in the screen shot above (but change the key value to the exact url to your images.) Custom fields are one of the most overlooked, yet powerful, tools in Wordpress. Read more about using custom fields.
4. YOUR AUTHORS PAGE: Gridline News comes packaged with an author archive (authors.php), which will display some author specific info pulled from the Users page in your Wordpress installation. In order for the author’s image to show up, you’ll need to place a jpg of the author titled by the author’s last name in the wp-content/themes/gridline/images/authors/ folder. For instance, mine is Allender.jpg, sized at 75px X 75px. Here is an example author page.
5. STYLES.CSS: Unlike most Wordpress themes which plug all the css in one file called styles.css, Gridline utilizes the Blueprint CSS framework to help separate positioning, typography, forms and what I’ll refer to as custom or gridline specific styles. To edit all custom gridline specific styles, you’ll need to edit the style.css file located in your wp/wp-content/themes/gridline/ directory.
6. COMMON ISSUES JQuery, the javascript framework used in this theme, and Prototype, the javascript language that powers some Wordpress plugins, don’t like each other. To create a pleasant user-experience, deactivate all plugins that use the Prototype javascript framework.

---

ABOUT BLUEPRINT

---

All Gridline Themes utilize the CSS framework called Blueprint. Who is credited for the ideas behind Blueprint? Some of the best designers on the web. They include Jeff Croft, designer for Blue Flavor, Khoi Vinh, design director for NYTimes.com, Nathan Borror, Christian Metts, Eric Meyer, Wilson Minor, Angus Turnbull, Olav Bjorkoy and a few others. Most major websites use some form of css framework to allow for rapid, consistent development and design. Take the Blueprint 101 course to learn about all the possibilities.

---

CAUTION

---

If you are new to Wordpress, HTML or CSS, Gridline probably isn’t the best theme to try to learn on. Gridline is, however, perfect for those who want to learn by doing, reading and practicing life inside a sophisticated Wordpress magazine theme.

Gridline Lite is a free minimalist theme for Wordpress 2.3 and up with full sidebar and bottombar widget support that utilizes a CSS framework to help streamline development and customization. Gridline pulls in the most recent post, with five recently posted stories listed in offset backgrounds below to keep your readers attention.

---

---

Installation

1. Unzip the downloaded file
2. Upload the entire “Gridline Lite″ folder to your “/wp-content/themes/” folder
3. Log in into your WordPress control panel
4. Click the Presentation tab
5. Select the “Gridline Lite” screenshot

Configuration

1. GETTING STARTED: To change the number of main entries listed on your homepage, click Options > Reading in your Wordpress interface.
2. Photos posted within each entry’s post will should not exceed 590px wide, otherwise, the images will bleed into the sidebar and make you site look icky.
3. YOUR AUTHORS PAGE: Gridline Lite comes packaged with an author archive (authors.php), which will display some author specific info pulled from the Users page in your Wordpress installation. In order for the author’s image to show up, you’ll need to place a jpg of the author titled by the author’s last name in the wp-content/themes/gridline/images/authors/ folder. For instance, mine is Allender.jpg, sized at 75px X 75px. Here is an example author page.
4. STYLES.CSS: Unlike most Wordpress themes which plug all the css in one file called styles.css, Gridline utilizes the Blueprint CSS framework to help separate positioning, typography, forms and what I’ll refer to as custom or gridline specific styles. To edit all custom gridline specific styles, you’ll need to edit the file style.css in your wp/wp-content/themes/gridline/ directory.

---

ABOUT BLUEPRINT

---

All Gridline Themes utilize the CSS framework called Blueprint. Who is credited for the ideas behind Blueprint? Some of the best designers on the web. They include Jeff Croft, designer for Blue Flavor, Khoi Vinh, design director for NYTimes.com, Nathan Borror, Christian Metts, Eric Meyer, Wilson Minor, Angus Turnbull, Olav Bjorkoy and a few others. Most major websites use some form of css framework to allow for rapid, consistent development and design. Take the Blueprint 101 course to learn about all the possibilities.

---

CAUTION

---

If you are new to Wordpress, HTML or CSS, Gridline probably isn’t the best theme to try to learn on. Gridline is, however, perfect for those who want to learn by doing, reading and practicing life inside a sophisticated Wordpress magazine theme.

Gridline Magazine is a theme for Wordpress 2.3 and up that makes extensive use of custom queries and custom fields to create an unique blogging format. Gridline can transform your blog into a full-blown Magazine or news Web site. Gridline utilizes Blueprint, a CSS framework that streamlines development by utilizing an easy-to-use grid and sensible typography. View an example Wordpress page created with Gridline.

---

---

Installation

1. Unzip the downloaded file
2. Upload the entire “Gridline″ folder to your “/wp-content/themes/” folder
3. Log in into your WordPress control panel
4. Click the Presentation tab
5. Select the “Gridline” screenshot

Configuration

1. GETTING STARTED: To get Gridline off and running, you will need a minimum of 6 categories to populate the homepage. The main section on this page is the latest article posted in category 1. The three posts at right are all from category 1, offset by 1 to avoid duplication. The other sections display the latest articles in their respective categories.
2. YOUR CATEGORIES: In the “home.php” you will find a series of query_posts functions which refer to specific category ID numbers from my database.
   You will need to change the category numbers to reflect the ID numbers of the categories that you want to display on your homepage. Category numbers can be found in your control panel under Manage->Categories. There are a total of 6 spots in the home.php file to change to reflect the post categories that you want to display on the main page.
3. YOUR PHOTOS: To have thumbnails in each post, crop the thumbnail to 150px wide by 100px tall, upload it to the web and copy the URL to the photo. Within Wordpress’ Write Post page, scroll down towards the bottom and click on the Custom Fields section. Add a key called “small_photo” and then paste the link to the thumbnail photo into the key value field. Photos posted within each entry’s post will should not exceed 590px wide, otherwise, the images will bleed into the sidebar and make you site look icky. View a screenshot of the custom fields used for the Gridline Theme. Make sure your custom field values and keys match those in the screen shot above (but change the key value to the exact url to your images.) Custom fields are one of the most overlooked, yet powerful, tools in Wordpress. Read more about using custom fields.
4. YOUR AUTHORS PAGE: Gridline comes packaged with an author archive (authors.php), which will display some author specific info pulled from the Users page in your Wordpress installation. In order for the author’s image to show up, you’ll need to place a jpg of the author titled by the author’s last name in the wp-content/themes/gridline/images/authors/ folder. For instance, mine is Allender.jpg, sized at 75px X 75px. Here is an example author page.
5. STYLES.CSS: Unlike most Wordpress themes which plug all the css in one file called styles.css, Gridline utilizes the Blueprint CSS framework to help separate positioning, typography, forms and what I’ll refer to as custom or gridline specific styles. To edit all custom gridline specific styles, you’ll need to edit the style.css file located in your wp/wp-content/themes/gridline/ directory.

---

ABOUT BLUEPRINT

---

All Gridline Themes utilize the CSS framework called Blueprint. Who is credited for the ideas behind Blueprint? Some of the best designers on the web. They include Jeff Croft, designer for Blue Flavor, Khoi Vinh, design director for NYTimes.com, Nathan Borror, Christian Metts, Eric Meyer, Wilson Minor, Angus Turnbull, Olav Bjorkoy and a few others. Most major websites use some form of css framework to allow for rapid, consistent development and design. Take the Blueprint 101 course to learn about all the possibilities.

---

CAUTION

---

If you are new to Wordpress, HTML or CSS, Gridline probably isn’t the best theme to try to learn on. Gridline is, however, perfect for those who want to learn by doing, reading and practicing life inside a sophisticated Wordpress magazine theme.

Visualization is a grid-based, magazine-style theme for Wordpress 2.3 and higher that is easy to customize and make your own. The theme utilizes Blueprint, a CSS framework, which streamlines development time by utilizing an easy-to-use grid and sensible typography. Visualization can transform your blog into a full-blown magazine or news Web site.

---

---

Visualization Includes

• Widgetized sidebar and bottombar
• Optional custom header images
• Dynamic sidebar to maximize homepage real estate
• Nine spots on the homepage to pack with content

Getting Started

To get Visualization off and running, you will need a minimum of 9 categories. The main section on this page is the latest article posted in category 1. The other sections display the latest articles in their respective categories. If you want a post a Sports article and have it show up in the main section, you would simply put the article in category 1 and Sports categories. The Sports section below will offset by one, enabling the main page to never publish duplicated content. See the screenshot below for reference.

Using Photos

Visualization utilizes Wordpress’ custom fields to display and manage each individual entry’s thumbnail photos. These include the 270 X 100 px skinny horizontal images (custom field key value=thumbnail) and a 75 X 75 pixel images (custom field key value=square). The screenshot below demonstrates the custom fields used for Visualization. The “photo” key value is optional if you prefer to program in additional lead photos measuring 590px wide into your theme design.

Common Issues

JQuery, the javascript framework used in this theme, and Prototype, the javascript language that powers some Wordpress plugins, don’t like each other. To create a pleasant user-experience, deactivate all plugins that use the Prototype javascript framework.