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.
- Unzip the downloaded file
- Upload the entire “Monochrome Lite″ folder to your “/wp-content/themes/” folder
- Log in into your WordPress control panel
- Click the Presentation tab
- Select the “Monochrome Lite” screenshot
- GETTING STARTED: By default, Monochrome Lite displays the latest entry, followed by the excerpts of the previous five entries.
- 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.
- 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.
- 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.
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.