Monochrome Pro

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

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.

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.

Newsletter
Join over 280,000 independent website owners

The next person to join our monthly newsletter gets a 25% off coupon!

We guarantee 100% privacy. Your information will not be shared.

This entry was posted in Themes and tagged , . Bookmark the permalink.

Posted by , at Graph Paper Press

Thad is the founder of Theme.Works and Graph Paper Press. Previously, he produced online multimedia and documentary projects for USA Today including the inauguration of President Barack Obama and many others. He lives in Brooklyn, NY with his wife Abby.

  • Google
  • Blog
  • Instagram

99 thoughts on “Monochrome Pro”

  1. Hi — I purchased your $99 offering on January 28, and downloaded the themes you then had available. However, I was not notified when your newest theme came out of February 6 — I thought we purchasers were going to get an email from you with download instructions? Please get back to me on this. Btw — I might have originally provided the email address of darcy @darcygue.com. In any case, I didn’t hear from you.

    Thanks for a quick response!

  2. Hi Darcy

    I sent out the theme update last week. I’m not sure why you didn’t receive the update, but I’m looking into it. You might check your junk mail on the email address you used to purchase the themes. Regardless, I’m sending you the themes via email shortly. Sorry for the delay.

  3. Hi!

    Going to make the $99.00 purchase today …

    Want a blog to post my photos, etc … more for my personal use than anything and a vehicle to share with friends and family …

    Question …

    I am running Lightroom and recently purchased SlideShowPro for Lightroom … would like to “embed” this onto the mainpage and perhaps others …. let’s start with the main page … how would I go about this?

    Any (a,b,c) type of documentation available?

    I have “zero to none” knowledge in the programming department … so any “dead simple” guides you may have would be greatly appreciated …

    Regards,

    Mark Jones

  4. your Monochrome theme is perfect, i just don’t get it why you guys ask the link to stay when some chap is ready to pay 75 (not 25!) dollars for design…

  5. You can always style the credits to your liking by changing the color, size, etc. If you don’t want the credits at all, than you will need to purchase the developer edition.

  6. I recently purchased your Monochrome theme. I love it but i can’t seem to find how to change the 5 category listing in the middle of the page so that the most current is not listed in a all of those category slots. Help.

  7. @augusto

    You will need to use the offset parameter in the places on home.php to your preference.

    You can displace or pass over one or more initial posts which would normally be collected by your query through the use of the offset parameter.

    The following will display the 5 posts which follow the most recent (1):

    query_posts(‘showposts=5&offset=1’);

    The following will display the 7 posts, offset by 3:

    query_posts(‘showposts=7&offset=3’);

  8. I agree with Mark Jone’s post. It’s a great template, but documentation is lacking. I do not know the first thing about code and this seems to be aimed at people like me. If more detailed instructions were included it would be a much better product. Some posts I create appear fine. Others only have the small thumbnail in the recent photos slideshow, others only have a blank space, still others display a photo too large to fit. Uploading a photo does not seem to create a 575 pix photo and a 128 pix thumbnail like it is supposed to. Not that I can tell anyway. Also, the galleria function does not seem to be functioning either.

    I know that all this would work if I was doing this right, but I have no idea how to find out what I am doing wrong or what steps I have missed.

  9. Thad,

    I have been using the add media button, just like that cool demo video you linked to. Sometimes I get the [gallery] to appear in the post, sometime not. Either way, the gallery does not show up, it’s just a blank post with the previous and next buttons at the bottom. On the home page, a full-sized photo from the gallery appears and takes up the whole screen until a photo from the next post appears. I still haven’t figured out why on some posts the thumbnail is displayed where a 575 pix wide photo should be either.

    -Pablo

  10. Hi, I emailed Friday but havent heard back. I’ve missed an update of the theme and need the updated files. Please get back to me as soon as you can, my deadline looms!

    thank you!

  11. I love the template. Having a couple minor problems –

    1) How can I have the archives at the bottom of the frame – in black like on your demo site. Mine displays like differently and seems to be altering the format – see link here – http://buzz.offhwd.com/

    2) On the HOME page – if the pic size was larger – it displays in full size – (see my example)

    3) how can I change color of part of my BLOG TITLE as in your demo (I just want to do Black & Red like yours – mine is all black now)

    Any answers from anyone must appreciated!!

    1. How did you end up changing the Blog Title colors? Do you know if you can change the text and replace with an image header?

  12. Hi

    I´m a bit lost here 🙂 Where in the Main Index Template do i define which category is to shown i the bottom five categories?

  13. hi ,

    just purchased the monochrome pro 1.2 theme.
    looks great in your demo but my site is scrambled – many errors.
    i am using wordpress 2.3 – i presume i have to upgrade to latest version to make monochrome theme workable?

    i am waiting for your confirmation prior to make the upgrade – i just love old wordpress interface and not going to do the upgrade unless i have no other choice.

    thanks,
    B

  14. @Bogdan

    I would highly recommend upgrading to the latest version of WordPress unless you don’t mind having your site being hacked. I’ve seen WP users hold onto an old version of WP because, like you, there is something that they just can’t let go of. Soon thereafter, their site gets hacked because of security holes and they loose their entire site.

  15. How do you change the Blog Title colors? Do you know if you can change the text and replace with an image header?

    I downloaded the Author version to play around with it but can’t see a way to change to a graphic header. I want to purchase the Pro version but want to make sure I can change a few things first.

  16. I see many questions up on the board but am unsure as if they were actually answered. Does Graphic Paper Press respond directly to comments via email?

    I am interested in purchasing this template but need to figure out if it is compatible with the latest WordPress software and if the blog title colors can be changed or replaced with an image header.

    Any help on this would be great. Thanks!

    1. Either Chandra and I answer all questions on the forum. Yes, our themes are 2.7 compatible. You can change colors and we provide instructions on adding header images.

  17. Is there any way to control what posts go into the homepage slide show?
    I will have a site with some features images, but don’t want to have every photo from every post show in the home page rotation.
    If I buy Pro version can slide show be limited to a certain category(s)?
    Other than that, it looks great…

  18. Hmm.. I should also like to note that the medium image width that worked for me was actually 565 not 575 as suggested here. The wider image doesn’t center properly in the slideshow window.

    Also, portrait oriented photos overflow and cover over the small sections below. I haven’t dug in to this yet, but I suspect that a float needs clearing.

    J

  19. Downloaded and installed…everything seemed to be okay until I started entering posts with images. I only have one thumbnail (have 4 posts). And the the slide show is not working at all. Can someone take a look and let me know what is going on?

    Thanks,
    K

  20. Ciao how is possible to increase the number of article in homepage slide show.
    I have 24 elements but only 4 go in rotation..
    Thanx From Italy

  21. Is there free version available? What is limitation at free version. How can i get free version? I think this is very mice WP theme.

  22. Hi. Try this, it worked for me just now. In wordpress go to “Appearance” then “Theme Options”. If there are any numbers delete them. When you first activate this theme you will see a ‘1’ in the ‘Top Left Category’. Delete it and press save. Voila! That should work. Umm, thing is, I noticed that the ‘1’ comes back afterwards but it seems to make it work…

    I found that if you put any numbers in (like under configuration for installation) it will make the page look like a hot mess.

    I hope this helps. 🙂

    cherylivorine.com <–still under construction! I messed my image size 🙁

  23. Seems like a great theme, but did that guy’s issue ever get taken care of? The one from comment 1? I don’t want to buy it just to find out that will happen with my site as well.

  24. Ok I go it to half work what are the advantages of to buying this theme is there a missing file. Some sort of extra control panel I am not aware of…etc

  25. Hey
    is there anyway to change the amount of the Post that are rotated? or even set it to 1 so just 1 Post is shown?

    Greetings Marvin

  26. So guys.. i did some changes to the Theme. So you can change the amount of post that are rotated.
    Locate the file home.php
    And go to Row 20. It should look like this.

    change the whole row with this:
    This is for 2 Posts in Rotation
    2){break;} ?>
    This is for 3 Posts in Rotation
    3){break;} ?>
    and so on.

    So while you are in the File home.php you can also locate row 23.Looks like this.

    This is the Posted image within the Frame. Just add a to center it.

    I thougt that it looks better.

  27. Very nice theme. Admiring the time and effort you put into it and the detailed information you offer! Thanks!

  28. Hi

    I’m having a bit of an issue with the photos like one other guy had last year (2008 posts). I uploaded all my pics through the add media and put them at ‘center’ and ‘medium size’ but not all pics show up at the bottom of the home page under ‘Travel’. It just shows blank and links to “more in travel”. How can I fix this?

    Does it show only recent posts? I’d like one pic from each category to show up on the home page but I don’t know how to get it to do that.

    My site is http://www.SFLens.net.

    Any help is greatly appreciated. Thanks.

  29. Hi,

    I really like the monochrome wordpress theme, but I have been having alot of problems with it, I’m no php genius and seem to find it needs alot of work.

    I have used many themes in my time as a blogger, with the likes of thesis, flexx professional, bosco, and I am still looking for that perfect theme.

    I have also looked into theme creation as a way of boosting linkage back to your website. How do you feel about this matter?

    Speak soon

    Ciaran

  30. I like everything, but when I download things nothing is working at all!!!
    In Monochrome the catergories aren’t working, in Monochrome Gallery it doesn’t allow you to upload pictures and there is a blank space next to the slideshow, and both of these don’t have a sidebar at all!!! *The Monochrome theme’s black bottom of the page sidebar doesn’t work at all…

    HELP!!! I’m new to WP and I’m not liking anything at the moment.

  31. How to set the slideshow image size to 575?
    I did either custom and default, but the size still auto generate to 300×250 px. Why?
    How to set to 575 wide? Thanks

  32. Good posting, I have read similar on other sites but this post is more relevant. How can I generate a pingback to this?

  33. Ajax is a wonderful innovation does anyone know if there is a good plug-in for wordpress so that I can run ajax on my blog?

  34. Hi,
    I’m using your monochrome pro theme on my site, however I’m having problems with the permalinks. If I set the permalinks to show the post name the theme losses the widgets and posts (the slideshow stays). How do I fix this?
    Cheers

  35. Hi, I’m using Monochrome Pro but have a couple of questions.

    1) I changed the pixel size to 575 on my settings but the pics still appear too small on the home page’s main AJAX slideshow — why?

    2) Can I decrease the amount of text used in the article “excerpt” on the home page and sidebars?

    3) I’m having problems getting my categories to appear — I adjust this in Theme Options, right? The bottom row of five are all the most recent post.

    4) Is there any way of customizing the header to include an image/logo? If not, where do I change the color? I thought I’d found it but it ain’t workin’…

    Sorry to be a pain. Thanks in advance!

  36. Hi James,

    I just left details on how to sort some of your problems but for some reason it didn’t get posted head over to my site and send me your email and I’ll help you out.

    Also anyone have any ideas how I can fix my permalinks!!!!

  37. Hi,

    I’m trying to get the images to display. I have definitely added them correctly and with the right width etc. but the thumbs and the main picture 575px wide don’t display.

    Any idea why?

  38. WordPress is highly scallable and is surelly lapping other CMS systems… this theme encompasses and utilizes modern web technologies.. nice

  39. Thanks for sharing. I had a hard time using Monochrome Pro for the first time, but eventually moved forward after a few days.

Leave a Reply

Your email address will not be published. Required fields are marked *