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.

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.

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.

Berlin is a unique, minimal and modular theme for WordPress 2.3 and higher that maximizes the homepage real estate by using AJAX. The main story section contains four of your latest posts layered on top of each other, accessible via navigation. Berlin can transform your tubular blog into a full news magazine website.

Installation

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

Configuration

1. GETTING STARTED: To get Berlin off and running, you will need a minimum of 9 categories to populate the homepage. The main section on this page is the latest article posted in category 1. The top right section is the three latest posts from category 8. The middle two sections are the latest three posts from categories 4 and 7. 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 9 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 Berlin theme demo site, you will need one photo, cropped to two different sizes, for each blog post. Small photos should be cropped to 150px wide by 100px tall. Big photos should be cropped to 575px wide by 300px tall. Upload both images to the web and copy the URL to the photos. 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. Next, add a key called “big_photo” and then paste the link to the big photo into the key value field. View a screenshot of the custom fields used for the Berlin theme for WordPress. 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 will not show on the homepage since the homepage only displays post excerpts and custom field content. Photos posted within each entry’s post body will display on each post’s individual entry page. These photos should not exceed 590 pixels wide, otherwise, the images will bleed out and make you site 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/gridline/images/authors/ folder. For instance, mine is named Allender.jpg and is sized at 75px X 75px.
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 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. 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.
7. COMMON PROBLEMS JQuery, the javascript framework used in Berlin, 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.