Cutline Theme for WordPress

One Giant Leap for Mankind

Cutline Theme for WordPress header image 2

Cutline 1.1 — Running a Killer Website Just Got Easier

February 2nd, 2007 · 240 Comments · Release Notes

Pimped out ride

Ladies and gentlemen, today’s a great day in the history of Cutline, and it really has little to do with the fact that version 1.1 is now on the table (get it here). The most excellent thing about this new release is that I’ve tweaked the theme in such a way that your life might now be easier.

I realize that with past theme updates, you tweakers and hackers out there have had a rough go of things. Adapting modified styles and sifting through stylesheets isn’t anyone’s idea of a good time, so in addition to playing nicely with WordPress 2.1, finding a way for you guys to futureproof design modifications was priority number one.

Thanks to a handy little custom stylesheet solution, your CSS changes will no longer be affected by future versions of the theme. This excellent update stands at the top of the list of this release’s major changes, which you can read about below.

Cutline 1.1 Changelog

In past releases, I tried to modify as little XHTML as possible in order to simplify each update. However, as I’ve learned more and more about site development, I realized that some of my markup just made no sense semantically. Also, I felt like the theme was lacking some key elements that aid in user experience, so I figured now was as good a time as any to add those bells and whistles.

So, here are the changes that you need to know about:

1. Custom stylesheet to segregate user-initiated design changes
For all you theme-tweakers out there, this is huge. I’ve appended the <body> tag with a CSS class called “custom,” and then I’ve added a separate CSS file called custom.css that you can use to implement your modified styles. You can find further instructions inside custom.css.
2. Hacks for IE6 and 7 moved to separate CSS files
Best practices for Web standards call for the use of conditional stylesheets to specify CSS declarations that are browser-specific. Cutline has a reputation for being squeaky clean, and strict adherence to Web standards is a must if that reputation is going to persist.
3. Tagline added to the header
We might as well throw a ticker-tape parade for this one. The crowd roars. I smile. And I know a little more about your site because you’ve got a killer tagline up top.
4. Comments link behavior in the tags area (after a post) changed
I thought the underline behavior looked ugly, especially when Georgia’s (the default font) 3s, 4s, 5s, 7s and 9s, which descend beneath the baseline, intersected with the underline. Okay, so I’m a freak.
5. XHTML elements after each post changed
In previous versions, <h4> tags were used to indicate the end of a post and also to create the whitespace between post listings on the front page. Semantically, this is beyond dumb, and there were also inconsistencies across different browsers in terms of margin rendering. In order to rectify this, the most obvious element to use is a styled <hr /> tag. Instead, however, I elected to use a special clearing <div> element because it will cause less confusion for folks who might choose to change the background color of the theme (because not all browsers handle <hr /> elements the same way).
6. Comment numbers added to each comment, and comment permalinks moved to these numbers
On sites with a lot of comments, I’ve noticed that people often refer to each other by comment number rather than by name. I think this is a natural and effective means of communication, and since it aids in understanding (and therefore user experience), I’ve chosen to include that feature in Cutline. Personally, this is one of my favorite additions to the theme.
7. Comment spacing tweaked
With comments like the ones on this theme, it’s a constant battle to try and achieve perfect spacing. The primary goal is to maximize scannability, but it’s also important to make them as concise as possible so as to keep pages from getting too vertical.
8. Comment submit button now completely wicked
The old comment submit button was a flat piece of garbage. The new one is totally cool.
9. CSS for blogroll adapted to better code in WordPress 2.1
The 2.0.x series of WordPress releases generated some pretty lame XHTML when outputting blogrolls. As a result, theme developers were forced to resort to tricks or bloated CSS in order to have things display properly. In 2.1, the code has gotten a little bit smarter, but it’s still not where I’d like to see it. Either way, it works, and I was able to drop about 1kB of code from the stylesheet.
10. Added an Archives link after the recent post listing in the sidebar
Being able to move easily between different parts of your site is key, and this is oftentimes most evident to the site owner, as he/she is the person most likely to traverse all sections of the site. I caught myself looking in recent posts all the time, only to find that the post I was looking for was buried deeper in the archives. Instead of getting frustrated over the fact that I now had to find the Sitemap or the Archives page, I just added a link in this location to solve the problem.
11. Archives and Sitemap pages updated to reflect template tag changes
If you upgraded to WordPress 2.1 while still using Cutline 1.03, you might have noticed that your Archives and Sitemap pages either behaved strangely or stopped working entirely. This was due to the fact that the template tags I used in those versions to generate category listings are no longer supported in WordPress 2.1. Naturally, I changed the code and brought this bad boy up to spec, so now you’re good to go.
12. Changed the footer entirely
The old footer sucked and was an eyesore. This one doesn’t and isn’t.

Special Upgrade Notes

Cutline 1.1 is only intended for use on blogs running WordPress 2.1 or higher. If you install this version of Cutline on an older version of WordPress, your blogrolls will be totally whack, and your Archives and Sitemap pages will crap out.

Also, if you’re looking for updated versions of the random header image generator files, you can find them here:

Finally, if you had already upgraded to Cutline 1.1 before reading this, please check your files! There’s a good chance that you don’t have the custom CSS solution described above, and trust me — this is one feature that you don’t want to live without!

Tags:


240 Comments so far ↓

  • Brenda

    Hello Chris and everyone,
    Sorry to be such a pain, but I still haven’t been able to sort the Adsense on the frontpage sidebar. I’ve removed all widget plugins and put the Adsense code in sidebar.php. Pure and simple. But it still doesn’t work on the frontpage. It works on all other pages.
    Could it have something to do with my renaming ‘frontpage’ to ‘home’?
    Does anyone have any ideas about this?
    All suggestions are very welcome.
    Thanks Chris for the theme!
    Brenda

  • Hummerbie

    @Brenda

    Adsense always shows a maximum of three ads on a page.
    It uses the normal sequence of first code, first served.

    This means that you get the ads in the post first.
    If you want a sidebar ad section on your frontpage, you should disable the option in your adsense plugin “Enable Ads on Home page”

    This removes the individual ads in the post, and since the sidebar is hardcoded it will show up..

    Other post pages are not affected.

    Please read the adsense policy, for naming the Sidebar section 🙂

  • Brenda

    Very much appreciated Humberbie! All working a now!

  • Melissa Moreno

    We still get a the problem with archive can not fix it 🙁 and the about page should i just link that one normally to for example

    http://www.livinbeach.com/se/nyheter/?page_id=8

  • Steve Renner

    Wow Chris,
    This theme is so cool! I am really glad I found you. I am assuming you are the same Chris from Personified, small world.

    By the way I play a little blues guitar too..

    I have some of my music at:
    http://www.stevierenner.com

    Thanks!
    Steve

  • Gingerlily

    LOVE the Cutline theme and new to wordpress. Want the words comments and categories not to show in or around posts but still like that the items posted can be categorized, so my thoughts were to make the words transparent. I tried the following code in the custom style sheet without results, can you tell me what to do?
    .custom a .tagged { padding: 0.4em 0 0 0; background: url(‘images/hr_tag_sep.gif’) no-repeat; font-size: .2em; line-height: .2em; color: clear; clear: both; }

    .tagged a, .tagged a:visited { padding: 0.25em; color: clear; text-decoration: none; }

    .tagged a:hover { color: clear; background: clear; text-decoration: none; }
    .

  • Andray

    A quick one:

    I have just upgraded to WordPress 2.2 and the sidebar got messed up with bullet points and smaller font size.

    Could you please advise on how to fix it?
    http://andrej.nabergoj.com

  • Internet Marketing Mexico

    Chris,
    All the great features and upgrades make this wordpress theme run a website really easy. What i must enjoy is the clean design, you have made a simply stunning work, and of course all “the behind the scene work” is absolutely great.
    Congratulations for such a great Theme and for all the tech support you provide for all the users.

  • http://webmasterguide.wmn.cc/

    Nice theme…
    Thanks..
    But there are problems with my Youtube videos…
    Help me…

  • It’s Almost My Blog’s First Anniversary!

    […] still need to do some work on my new theme “Cutline” but it keeps getting shifted to the back burner so forgive me if you get an error page when you […]

  • DoomAng3l

    I noticed that posts on the frontpage of this site have a “posted By” note at the top of each post. This is not appearing in 1.1 on my site. Is there an easy way to add this?

    Otherwise, a great theme, awesome random header.php and an alround great look.

    Keep it up!

  • Eugene

    Hello DoomAng3l,

    Go to Presentation > Open Main Index Template & Single Post and look for this:

    ·

    You have to uncomment , so this should look like this:

    by

    Goodluck!

  • AddA

    Great and awesome theme…thank you

  • Vern

    Trying to find sample site of someone running the cutline SPLIT – where might that be? Thanks in advance… Vern!

  • BidMask

    I really like your theme…simple and clean…thank you for this great theme.

  • wpSnap - The Very Best of WordPress! » Cutline

    […] Links: Download | Demo | Theme URI […]

  • Dennis Bjørn Petersen

    The permalinks are messed up after upgrading to WP 2.2.1. Is there a fix for this?

    Instead of the title there is just a number. If I change to another website it works fine.

  • Peter

    Great product.

  • David

    I am very happy with this. I was waiting something like this. Thanks!

  • John

    WordPress and this. Fantastic!

  • Mr.Mark

    i have installed the newest WordPress and the latest Cutline, but i find that the sidebar still uses the standard wordpress layout. i dont see the archives button in recent posts and also the search widget in the sidebar is still the same old.
    anyone have an idea what the hell is going on here?

  • Melanie West

    I started working on my blog last friday & here it is! It is not completely done but I had to a point where it is doable for right now. I LOVE THIS THEME! It is very clean & simple.

    There is just one problem that I cannot seem to find the solution. I have made another page that I called home.php (a help one of the cutline users) and it is sort of conflicting with my index.php. I was able to find a work around it but the dates & comment that is supposedly under the title & above the line are misplaced. It is going under the line. How do I put it back? Is there a way to fix that? Thanks again!

  • Dominik

    Great Theme! Think I will use it on my Blog soon.

  • Melanie West

    Problem fixed! All I did was change the page to post inside the template.

    I’m trying to work on right now in making my space wider in between posts. Anybody here knows where I can do the adjustments?

  • Bonita

    Currently there is only 1 widget available for links/blogroll. But I would like to have 2. one for blogroll, and one for other useful links.

    can someone pls enlighten me how do I go about adding it?

    tks!

  • Melanie West

    Just a suggestion –

    Can you make a separate post for the plug-ins & widgets that you use on this theme? Then, other Cutline users can leave a comment of what plugins & widgets they are using for your theme.

    I for instance wants to know what plugin you use for the search button in your sidebar & the red NEW button when you added something new in here.

    I have successfully use a few plugins & widgets in my site that I am planning to make a separate post of what it is.

    Thanks again for a GREAT theme!

  • Eugene

    I’ve taken the header of this theme and put it on modernpaper theme.. hehe visit evsionlab.com ..if you guys want it, i’ll send it. 🙂

  • Mr.Mark

    @Eugene: Can you tell us how you managed to get the Search displayed properly?

    When I have the standard widget in my sidebar I only get a crappy looking button and a textfield, nothing more. Not even a header.
    Now I have put the Google search widget, but I’d rather have the standard widget in there.

    Can you help us?

  • Eugene

    @Mr.Mark, this is the code I used for the Search form. Insert this in stylesheet file and save it:

    /************************************************
    * Search Form *
    ************************************************/

    #searchdiv {
    margin: 0px;
    padding 0px;
    }

    #searchform {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    }

    #s {
    background: #EFEFEF;
    width: 200px;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    padding: 4px;
    margin: 8px 0px 0px 0px;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-right: 1px solid #F5F5F5;
    border-bottom: 1px solid #F5F5F5;
    }

    after the insertion of this css code, go to your sidebar, find your current search form and replace it with this:

    Search

    “>

    Let me know if that works for you. Goodluck!

  • Eugene

    oops, the other codes didnt work..

  • Eugene

    I tried looking for your email on your site so I can email you the code but I dont see your contact info there. Email me at evsion + gmail dot com if you still want the code.

    Search

    ">

  • Bonita

    Under header image, there is a space where we can create links to the pages we created.

    Since there are subpages and sub-sub pages, can someone teach me how to make it automatically drop down a list of subpages when I mouseover a selection? And to dropdown a list of subsubpages when I mouse over a subpage selection.

    thank you

  • Marshall

    8/5

    The wp is a test 2.2.1 install running the Cutline 3 column right version. It would be nice if the Archieves link on the top nav bar and in the Sidebar produced an archieve page instead of 404 errors.

    And yes I did enable the Cutline options and save them.

  • Janee

    doesn’t me. it bother I guess ,

  • jackson

    My fonts look all wrong and nothing like the ones on this page— I’m talking about the title for each post (font way too small) and the date below (too small, wrong font, very cramped). I hate Times – how can I fix this? I’m a newbie. Thanks for your patience.

  • As

    can some one answer this question about background image for me please? thank you so much!

    http://cutline.tubetorial.com/forums/topic/how-to-add-a-background-image-in-cutline?replies=2

  • Add Your Link

    nice themes…i use it in one of my blog.

  • Gratis Adverteren

    Hi,

    Very intressant themes, thnx for it.
    Dutch people kan also look on

    Gratis Adverteren

  • Shawn

    how do you change the widths of the page tabs? I didnt see the option in the header.php.

  • nic

    I’m trying to figure out if the comments use HTMLor something else.

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