Cutline Theme for WordPress

One Giant Leap for Mankind

Cutline Theme for WordPress header image 2

Cutline 1.03 is Here, Upgrade Today!

October 26th, 2006 · 171 Comments · Release Notes

Cutline 1.03 is here, and you should upgrade today!It seems like there’s always something out there to fix, something to improve upon, and as a result, I bring you Cutline version 1.03. While it’s not quite as significant an upgrade as version 1.02, version 1.03 does contain a couple of major additions as well as a few cosmetic and under-the-hood changes.

All in all, this is yet another big step for the theme, and just like last time, I’ve gone ahead and compiled a list of the individual changes and the affected files. Oh, except this time, I was a little less reverent and a little more funny 🙂

Version 1.03 Changelog

Numbers one, two, and three in the list below can all be considered major upgrades. One and two were highly requested by users, and number three makes for a great addition to any blog. So, without further ado, here are the changes in Cutline version 1.03:

1. Link categories now supported in the sidebar
Although I was hesitant to do it because the auto-generated code is so poor (my opinion), I went ahead and included link categories in the sidebar.php file. Now, all of your links will be separated and nicely categorized, just like those you see in the sidebar on this site.
2. Larger font in the sidebar
Lots and lots of people had complained, both here and on WordPress.com, about their inability to read some of the sidebar items on certain monitors. The primary gripe was that the text was too small, and that was actually something that I specifically set out to avoid when I created the theme. Apparently I didn’t do a good enough job on the first go-round, so now I’ve made the sidebar fonts a bit larger.
3. Support for the Subscribe to Comments plugin
While this plugin actually works quite well out of the box, a tiny bit of styling is necessary to make it mesh perfectly with Cutline. Two lines of CSS later, you’ve got a perfect implementation of a comment subscription option.
4. All (and I do mean all) vertical spacing has been converted into ems instead of pixels

Paragraphs, margins, padding, text sizes, you name it — they’re all consistently sized in ems now, so that the entire site scales seamlessly whenever text is resized. This should have been done in the first place, but I figure it’s better late than never, eh?

Actually, it scaled nicely before, but whitespace was defined in pixels, not ems, and as a result, the whitespace appeared to shrink whenever text was resized. Since I lose sleep at night over things like this, I bit the bullet and changed all vertical pixel references into ems. Take that, neuroticism!

5. Line heights in the posts have been changed from 1.7em to 1.6em 1.65em
Maybe it’s because I’ve been looking at the theme for so long, or maybe it’s because I’ve been reading too many books on typography…but the bottom line is that I felt as though the line height in the content area was just a tiny bit too large. So, I dropped the height a twentieth of an em, and the difference, although subtle, pleases me greatly. Y tu?
6. Vertical spacing after titles in definition lists
Many of you may not even be aware of what a definition list is, but either way, I’m sure you’ll be happy to know that I’ve allowed for more vertical spacing after <dt> items. Now, definition lists are cleaner and more legible than ever before! In fact, this entire changelog is one big definition list. Looks good, no?
7. Unnecessary XHTML removed from comments.php
I found some lame code lying around inside the comments.php file, so I got out my nuker and, well, nuked it.
8. (Some) unnecessary CSS removed from style.css
Ummm, yeah. Same story as number 7 above. Used the nuker.

Only three core theme files have changed for this release — comments.php, sidebar.php, and style.css.

Upgrade Instructions

If you haven’t made any changes to your theme files, then you have nothing to worry about. Just overwrite them all and have a good day.

If you’ve changed your header images, don’t overwrite the images folder within the Cutline directory! Don’t do it! Stop already!

If you’ve made changes to your style.css file, you’re kind of up a creek here. A lot has changed in various places, so I think it’s probably best if you just try and move your major changes over to this new CSS file.

Very soon, I’ll be releasing a special CSS file that you can use to handle personal changes to the theme. This way, whenever there’s an upgrade, your changes will go unaffected.

If you’ve got the moxie, you can go ahead and do this on your own by creating a new CSS file — say, my_styles.css — and then including a second stylesheet reference in header.php. You’d need to add this reference inside the <head> tags, and it would look something like this:

<link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/my_styles.css" type="text/css" media="screen" />

Got it?

Now go forth, and be more functional than you were one version ago.

Tags:


171 Comments so far ↓

  • Dave Forde

    Chris – any thoughts on a building 3 column version?

  • Adam

    Thanks for the help guys. Both Text Wrangler and CyberDuck are working out great.

    One more question for you if you have a second… Do you like any particular plugins for “print this post” and “email this post” functionality? Or might this be a feature that you are thinking about for future versions? I would like to have this on my site but not sure the easiest place to start. Thanks again.

  • David Krug

    Adam,

    For the Print and Email options, check out the plugins here.

  • Badr

    Chris;

    I have a question for you. Since I use your theme Cutline, my wordpress is behaving odly. Every week, for some reason my wordpress blog changes from your theme, to the default theme in wordpress (I think its kubrik).

    Why is this happening? Any ideas?

    Thanks

  • Glenn Hubbers

    Chris, any thoughts in a future update of having a three column layout for Cutline?

  • Chris

    Glenn,

    I’ll release one potentially as soon as January, but for now, I’m focused on ventures that actually keep a roof over my head.

  • Corey

    I have been using reskinned version of the Cutline theme for a little while now. I love it. So easy to use and modify. I have a little problem and I’m if you, Chris, or anyone else can help me out. I didn’t have much luck at the WordPress forums.

    I am having a display problem with my WordPress site. I want to direct users to a particular category of posts instead of all posts. So, I am using a static page linked to the page listing all entries with that tag.

    To clarify, the page in question says “Entries Tagged as” and the url looks something like http:///category/. You can get to it be clicking the tag link at the bottom of a post.

    The problem is that the post summaries listed on this page don’t display links properly. The links are just displayed as text. Whereas on the front page, the links are displayed properly as links.

    I am running WordPress 2.0.5 using the Cutline 1.03 theme.

    Is there a way to fix this? Is there a different way to direct users to only posts tagged as a particular category? Any suggestions would be greatly appreciated.

  • Cutline v1.03 optimized for WPG2 » Blog Archive » Aylwin’s DevSite

    […] Cutline is a very nice, clean theme. Someone was having trouble getting it to work with WPG2 so I thought I’d help out. Here it is in case someone else would like to use it. […]

  • Sridhar

    Hi Chris,

    Want to say thank you for the theme.

    I am using it at http://www.sridhareena.com/

    Those who are into Google AdSense, check my site out and let me/us know if anything can be improved. I’ve tried to make use of the maximum allowable by Google in all parts of the blog. i.e., 3 ads units, 1 link unit, 4 referrals.

  • Chris Starjive

    Here is a fix man!! code lines is only here to make widget link categories work in all cats. Get the ugly code out from your css :E and replace with this one.

    .linkcat { width: 230px; margin: 0 0 2.5em 0; font-size: 1.3em; line-height: 1.4em; float: left; }
    .linkcat h2 { font-weight: bold; font-size: 1.1em; text-transform: uppercase; letter-spacing: normal; margin: 0 0 0.8em 0; padding: 0.4em 2px; border-top: 3px solid #000; background: url(‘images/hr_dot_black.gif’) 0 100% repeat-x; }
    .linkcat ul { list-style: square; margin: 0 0 0.5em 20px; }
    .linkcat li { margin: 0 0 0.7em 0; }
    .linkcat li a { text-decoration: none; }
    .linkcat li a:hover { text-decoration: underline; }

  • Chris

    Chris,

    That code does not work because WordPress does not assign a class to link categories when they are auto-generated.

    Instead, each category receives a unique ID of the form linkcat-ID, where ID is the unique number that identifies the link category.

    If the solution were that simple, I would’ve easily nailed it.

  • Chris Starjive

    I use this and it works flowless in WP SVN anyway, gonna check it for 2.0.5 😀

  • Chris

    Chris,

    I talked with Matt Mullenweg personally about making that change in future releases of WordPress, so that’s why you’re seeing it on the SVN.

    An overwhelming majority of users are not currently running the SVN version of WordPress, so I don’t address those issues here.

    The entire reason that aspect of WordPress will be changed is because there’s no way to handle it dynamically under the current code structure.

    So yeah, I’m all over that like white on rice.

  • David

    Chris,

    Thanks so much for the great template! I heard about it from Tinu with http://freetraffictips.com

    I am having trouble getting the font on the right hand side of the page to look normal – the recent entries and search section are really large font.

    Do you know how I might correct this?

    Thanks,
    David

  • Ninja Scroll Wordpress Theme

    […] In a sudden fit of inspiration, I’ve designed a new visual style for Martial Development.  It is based upon the Cutline framework, with a few minor changes: […]

  • Chris

    David,

    Your fonts are looking strange because you have XHTML tags that are not being closed properly.

    Essentially, you have used <strong> tags within your posts, but the way the markup is constructed is “messy.” According to XHTML specifications from the W3C, your <strong> tags should be completely contained within your <p> tags. In your case, these tags are being closed off out of order, and that’s why you’re seeing inconsistent rendering.

    If you’re using an external publishing system (and not crafting your entries within WordPress), you may want to begin checking the resulting post within WordPress to ensure that your markup code is formatted properly.

    The bottom line is simply that your resulting post code is not semantically sound, and this will always generate inconsistent results at best.

  • Diarmaid

    Hiya,

    Your theme is my favourite wordpress theme at the moment and I’ve just build University College Cork, Ireland Kitesurfing Club website using it. So thanks very much for your hard work.

    You might be able to point me in the right direction with one other thing though – if I want to add a contact us page to the site, is there a template for that?

    Míle buíochas! (Irish for thanks a million!)

  • Chris

    Diarmaid,

    Excellent, thanks!

    You can find everything you need to know about a contact page in my Tubetorial video series, 7 Essential WordPress Hacks. Specifically, check out this video:

    How to Install the WordPress Contact Form

  • Diarmaid

    Wow, that was almost too easy, just added it to the site. Thanks again

    (Can you recommend a decent and simple wordpress photogallery plugin? sorry to be bugging you…)

    Míle buíochas arís
    Diarmaid

  • Oyvind

    Sorry for being a noob on CSS, but I don’t understand how to make the site’s name disappear from the header? You have made it very easy, by stating “uncomment the height and background declarations here if you intend to use a graphic in the header instead of the h1 “.

    But I still don’t get it.

    Whatever I do, there’s still the site name above the graphics. I want to have graphics only, and no sitename (which I will include in the graphics itself).

  • Mike

    Chris,

    Thanks for putting together such an awesome theme. I’ve tinkered with it a bit and changed the footer to “Based on the Cutline theme by Chris Pearson”. Is that OK?

    Cheers,

    Mike

    Oyvind – If you go to header.php you’ll see the following line of code:

    “>

    Change this to

  • Chris

    Mike, that’s fine by me!

  • Mike

    D’oh! Forgot you can’t paste code directly into the comments.

    Go to the header.php file, look for the line which begins and remove everything that sits in between the closing comment so your code looks a bit like this:

  • Tweaking the Cutline WordPress Theme

    […] When I set up this blog I used the Cutline WordPress theme from Chris Pearson. It’s visually appealing design that had the modern look I was after. Still, as I’m sure all designers know, there’s no design that can please all people all of the time and so I set out to tweak the theme to suit my particular style. […]

  • Alex G

    Your template is by far best of breed, keep up the good work

  • A New Year and a new coat of paint

    […] I looked at a number of other alternatives, but in the end it came down to this and Chris Pearsons’ Cutline. Cutline has a lot going for it, but vice versa I’m not the only person to know this as well, because Cutline is found on far, far too many blogs for me to consider using it, even as a code base for my final design. […]

  • magago

    Hi Chris,

    I have the same problem as this person.

    I’ve installed the theme here.

    And since the beginning all in Internet Explorer is in Bold and Caps style. Do u know how and where can I locate the mistake? I am not sure about that the mistake, in my case, was just the tag…

    Tx!

  • magago

    I’ve find the solution! I didn’t close the h3 tag in the subtitle!

    Tx!

  • Free Wordpress Theme: Ninja Scroll

    […] In a sudden fit of inspiration, I’ve designed a new visual style for Martial Development.  It is based upon the Cutline framework, with a few minor changes: […]

  • FreeAgent

    I just installed a fresh copy of WordPress on my sever along with your Cutline theme. When I select the Cutline theme in the admin I get the following two errors…

    WordPress database error: [Data truncated for column ‘autoload’ at row 1]
    INSERT INTO wp2_options (option_name, option_value, option_description, autoload) VALUES (‘k2deliciousname’, ”, ‘Makes use of Alexander Malovs Delicious plugin to show the delicious links on the sidebar.’, ”)

    WordPress database error: [Data truncated for column ‘autoload’ at row 1]
    INSERT INTO wp2_options (option_name, option_value, option_description, autoload) VALUES (‘k2livecomments’, ‘0’, ‘If you don\’t trust JavaScript and Ajax, you can turn off Live Commenting. Otherwise I suggest you leave it on’, ”)

    I also had a few other errors at first, but I noticed that I also needed the K2 theme. Do I need to install more plugins in order to fix these last two errors?

  • FreeAgent

    After search all over the web for an answer I finally found the answer to this database error lots of us are running into.

    Here is the fix…

    1.) Go to /cutline/functions.php

    2.) Replace all 12 instances of the variable $autoload to ‘yes’ (with the ticks).

  • Chris

    FreeAgent,

    Thanks for the great work! I really had no idea what was going on there, so I’m relieved that you were able to find an answer.

  • cat litter

    *taps fingers on desk and wonders why nobody is postin*

    \”Postin\” -Southern Verb, to post. lol

  • links for 2007-01-18 - goudaille

    […] Cutline 1.03 is Here, Upgrade Today! | Cutline Theme for WordPress Thème WordPress (tags: wordpress) […]

  • Anol

    Cutline is one of the most flexible and robust theme for WordPress! And the V 1.03 is super cool. Thanks a ton Chris! 🙂 I did some customization of the theme – check out here

  • Josh

    Chris,

    I just upgraded to 2.1 and I am trying to get the links to work in the sidebar. I am n 1.02 but I have copied the code from you sidebar in 1.o3,

    in an attempt to get the links to show.

    Unfortunately they pop outisde the sidebar to the right, rather than going where I expected them.

    I had this coded in previously in 2.0 but that code chugged after the upgrade.

    Do you have nay idea what I need to do short of upgrading to 1.03, I have mucked around int eh css to much to move easily.

    Thanks

    Josh

  • Josh

    Ah I changed the code to

    and it worked like a charm.

  • Josh

    Sorry for cluttering up the comments, I have changed it to

    And I get a bullet point in front of each category. Any idea how to fix this?
    Thanks

  • Charlie Tan

    Christ

    I attempted to change the Andreas 4 to cutline

    Found that flickr badge work.

    But the blogroll are gone.

    Anyway to re-install the blogroll??

    Also let me know is there a version with black background & how could I insert my owm image on the header??

    Thanks for your help.

  • 更换网站模版以及来源申明 at 天真

    […] 文章标签部分来自Cutline version 1.03。 […]

  • Dan

    Josh,

    I have 1.03 and it does the same thing. I’ve had to move to a new theme for the time being because Cutline doesn’t seem to play nicely with 2.1 YET.

    I’m sure Chris is working on it though, …right Chris?

  • mblair

    Chris,
    Great theme! I really like the cleanness of it and intend to use it on a couple of side projects. I had a question in regards to attribution: I’ll probably make some modifications to the design elements in the CSS in order to tailor it to the needs of my sites — how do you prefer the attribution to be handled in this case? I don’t want someone to hold you responsible for the design flaws I’ll probably introduce 🙂 Also, do you object to alternative forms of attribution, such as replacing ‘Cutline by Chris Pearson’ with ‘About this Theme’ that goes to a page that goes into more detail (with links) about your theme. Sometimes I like this approach as if I change themes in the future it gives opportunity to credit prior themes I’ve used.

  • Ron

    Good Day Chris

    First Off – Thanks for a wonderful theme

    Quick question – how do I go about centering the top navigation ?

    Thanks

    Best regards & keep it up

  • Jim

    Same problem here after upgrading to 2.1. Links is aligned to the right of the search box (Firefox on Ubuntu).

  • Swollen Pickles

    Hi Chris,
    Firstly I have to say that I love the Cutline theme, so thanks for putting it out there. Now for the but… I just upgraded to WordPress 2.1, and it seems to have done funny things to the blog roll in my side bar. It doesn’t seem to be adopting the right style anymore, and in firefox it shifts the blog roll to a third column all together. I’m stuck, and not sure whats causing it. Have you upgraded to 2.1 and noticed anything strange or is it just me?

  • Jim

    Same issue – Links aligned to the right of the search after upgrading the WP 2.1. (running Cutline 1.03).

    Will there be a Cutline 1.04?

  • Kristen

    I have a quick question. For some reason, the hspace/vspace modifiers within the img tag seems to get disregarded. (Check out the image on the top post at http://gezellig-girl.com. It has an hspace=”25″ on it, but it’s still all jammed up next to the text.)

    Is that a WP or a Cutline thing? …Or is that I need to learn some HTML from *this* century?

  • John

    Hi Chris,

    Formerly, Pressrow was the only theme for me. Now it’s Cutline. 🙂 I’m using it on WordPress.com. It occurs to me that it would be nice for commenters to have a comment “preview screen” so they could see how their comment will look before hitting the “submit” button. The admin people at WP there tell me this feature would start with you. Any chance of adding that to a future upgrade?

    (An alternative would be the ability for a commenter to edit a comment for some period after posting. But that seems more like the kind of thing you see on discussion boards. Either one would be good though.)

    Keep up the great work!

    John

Leave a Comment (Need help? Visit our Support page and Forums first.)