Journalized Winter

Update 7 Dec 2008: This theme is super­seded by Journ­al­ized Theme ver­sion 2.7. Please use that ver­sion from now on.

Update 12 Nov 2008 There is a new Beta ver­sion 2.7 avail­able to try, see the theme page for details. Please down­load it and give it a try.

This ver­sion is now defunct and will no longer be maintained.

On this page you can find the latest ver­sion of my Journ­al­ized Winter WordPress theme.
Click­ing the thumb­nail below will show you a full size screen shot of the theme in action.
screenshot of journalized theme

This release incor­por­ates many of the fixes and changes sug­ges­ted by people try­ing the theme.

You can down­load the files from here: journalized-winter-theme-1.0.2.tar.gz (tar ball for unix or sim­ilar users) or journalized-blue-theme-1.0.2.zip (zip file for Win­dows users).

To install simply expand the archive on your local machine. You should have a dir­ect­ory called ‘journalized-winter’. Upload the dir­ect­ory and the files within it to your wp-content/themes folder on your server. Login to your blog’s admin­is­tra­tion pages and go to the Present­a­tion page. The new theme should be lis­ted there ready for you to select. If not check the per­mis­sions on your uploaded files.

Enjoy! The theme is licensed under the GPL. So you may modify it and dis­trib­ute it. Please let me know if you use it, modify it, etc. If you have any ques­tions leave a com­ment on this post with your ques­tion. Com­ments are mod­er­ated so you won’t see your com­ment immediately.

What’s Changed?

The main changes in the themes are these:

I’ve added miss­ing tags to the main sec­tion of the theme. That is, the ‘Pre­vi­ous Entries’ and ‘Next Entries’ links after the main con­tent. I’ve also added in the Next and pre­vi­ous story links above the post when you are look­ing at an indi­vidual post.
In the side bar I’ve removed all the get_links() and get_linksbyname() calls and susb­sti­tuted a single call to get_links_list().

I’ve adjus­ted the CSS to dis­play the nes­ted unordered lists from the call to dis­play like the h4/rightsidesection com­bin­a­tion we had before.

I’ve added a page tem­plate for pages like this one with slightly dif­fer­ent lay­out for the con­tent. There are some minor bug fixes on the pages and I’ve added the the fix for aligned or floated images not dis­play­ing in Inter­net Explorer.

129 thoughts on “Journalized Winter

  1. Pingback: Winter turns to Spring » 世論 What Japan Thinks

  2. mike, is there a way to have one page to show the res­ults of any search. for example, if i click on a cater­gory of “vidoes”, a page will show all my videos list­ings. or if i search for “dance video”, can one page have all the list­ings that matched?

  3. Hi Le G,

    The links are prob­ably not show­ing because you are using an old ver­sion of the theme. The link on this page (in the art­icle) is to the latest ver­sion. The ver­sion you have only shows links in cer­tain cat­egor­ies. The new­est ver­sion show them all.

    The cat­egor­ies won’t show up until you have cre­ated a post with that cat­egory. Oth­er­wise the cat­egory link would point to a error page.

    Mike

  4. Thanks for that, Mike. I’ve star­ted mak­ing changes and have mod­i­fied the theme to suit my pre­vi­ous blog incarnation.

    What I’ve noticed now is that is that bor­ders around images have dis­ap­peared and the text no longer wraps around them. How might I fix that?

    Also, if I want to put my pre­vi­ous logo in as a header image, how might I slot that into the code?

    Many thanks for nice, eleg­ant theme.

    Le G.

  5. Hi there,

    I’m still doing some tweak­ing, and I’m try­ing to find out how to put in my own header and to make it a link, just to cla­rify my last post.

    Thanks again,
    Le G.

  6. Last couple of ques­tions, I hope:

    I’d like to make the theme keep its size, which means that vari­ous head­ers under ‘h2’ will need to be dif­fer­en­ti­ated. I can sort this out for ‘h2’ gen­er­ally, but I’d like to keep the right hand side bar cat­egory head­ings the same size as the cat­egory boxes. I’ve been pok­ing around on WP look­ing for a solu­tion to this, but what I’ve found doesn’t seem to fit the Winter theme eas­ily. Any suggestions?

    Also, I’d like to put bor­ders around my images in the posts. How do I exempt the header from this?

    Many, many thanks again,
    Le G.

  7. Le G,
    If I under­stand you, you want to make the theme fixed width. You added widths to the centre column parts, but the head­ings in the right column have become too wide.
    You need to add width:auto to the CSS rule div#rightside ul li h2 which you will find near the bot­tom of the style.css file.

    For your image bor­ders add

    .storyContent img { border: 1px white solid; }
    #header img { border: 0 ;}

    Hope this helps,
    Mike

  8. Hi Mike,

    I’m using your Journ­al­ized Winter theme for my blog. I was just won­der­ing how to change the the “Blogroll” head­ing and the vari­ous links asso­ci­ated with that heading.

    Thanks!

  9. HI Mike,

    I am using your journ­al­ized theme and love it. I don’t know css code (if that’s what it’s called) only html. I am try­ing to change the font on my header..it is way to small. Ori­gin­ally there was the title at the top, over­lap­ping the pic and the sub­title was where you see text now. I didn’t know how to move the title above the pic so i went to WP options and deleted a title and made the title the subtitle..or description..have I con­fused you yet..sorry..I don’t know what code in the style.css is for that font now show­ing in the header, under the pic.…Ideally I would have liked the header to be above the pic and sub­header where it is now..

  10. Hi Laurie,
    The first thing I would say is that you should really upgrade to the latest ver­sion of the theme. You can down­load it from this page. How­ever, you will need to trans­fer any modi­fic­a­tions you have already made to the new version.

    To fix your spe­cific issue, you can add the fol­low­ing to style.css (at the end will do)

    #headerblock p { font-size: 200%; }

  11. Mike, thank you for tak­ing the time. I uploaded the new theme and trans­ferred my stuff..in all this root­ing around for answers I decided to use an image that had my blog name in the image..so what I am want­ing to do is just insert the header image and not use the title and descrip…Is that a hard pro­cess? and get­ting it centered..argh..I had the image in but didn’t know how to get rid of the title and descrip…I so don’t want to use another them, I really like this one..cheers, Laurie

  12. Laurie,
    I see you have man­aged to get your header image work­ing! Well done.

    How­ever, it looks like you had a couple of other attempts in the wrong place which you have left in.
    In header.php you have

    <head profile="src="img/headmast1.jpg">

    it needs to change back to

    <head profile="http://gmpg.org/xfn/11">

    In the same file you have

    <title><img class="center" src="img/headmast1.jpg/"></title>

    it needs to change back to

    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

    Mike

  13. Gave you link to the theme Im play­ing with. Love the simple yet power­ful design. Did you ever get a fix for the POST TITLE/LINK FONT size issue? Its the only prob­lem Ive found. Unfor­tu­nately my PHP/CSS edit­ing abil­ity is lim­ited to that which I can fig­ure out on my own.…and this eludes me.

  14. Hi Mike,
    Try using some­thing like this,

    .storytitle a {
    font-size: 150%;
    }

    Note that you are also using an old ver­sion of the theme. The latest is linked at the top of this page. There are a num­ber of bug fixes. You will need to re-apply your customisations.

    Mike

  15. Hey Mike, I love your theme. I have a ques­tion imilar to Laurie’s in com­ment 113. I am also try­ing to use an image as a header. I tried the steps you have sug­ges­ted and I can’t get it work. If I pin the pic to the back­ground, the descrip­tion and title shows up. As is, it is slightly off cen­ter and I can’t fig­ure out how to elim­in­ate the bor­der. When I add the code you sug­ges­ted, the descrip­tions and “powered by wordpress still show up.” Any ideas?

  16. Hi Matt, I see you are using ver­sion 2 of the theme. That seems to have fixed the title issue for you. To remove the bor­der, you need to modify skins/winter-skin.css and change the style #headerblock to remove (or com­ment out) the line begin­ning border: 2px....

  17. Thank you, Mike, for this lovely them. :) I’ve fiddled with it some, to cus­tom­ize it for my blog, and have it in use here: http://blog.titus2homemaker.com. (I am clue­less where CSS and PHP are con­cerned, know­ing only a bit of HTML, so I prob­ably have some­thing goofed up some­where, but it looks like it’s sup­posed to, so I guess it works! lol)

    I’m curi­ous whether this is “widget-ready.” I don’t have any imme­di­ate need (that I know of); it just seems like a good bit of inform­a­tion to have. :)

  18. Why are my side­bars in pieces, where yours are a single column each? I know I changed col­ors, but I was pretty con­fid­ent I didn’t change any other cod­ing in the side­bars. (To begin with. I have, since then, added and rearranged sec­tions. But my side­bars have always been in pieces like that. Yours looks less visu­ally overwhelming.)

  19. Hi Rachel,
    You should really be using Ver­sion 2.7.x of the Journ­al­ized theme. This ver­sion (1.0.2) hasn’t been updated in a couple of years.

    The latest ver­sion is com­pat­ible with WordPress 2.7+ includ­ing sup­port for Wid­gets, Gravatars and com­ment conversations/nesting.

    The reason my theme looks dif­fer­ent from yours is that mine is based on Journ­al­ized Blue, whereas yours is based on Journ­al­ized Winter. The newer V2.7 theme com­bines all the vari­ations of ver­sion 1 (blue, winter, and sand) plus four more.

    There is a theme con­fig­ur­a­tion page allow­ing you to choose between the ‘skins’ and set a num­ber of other options.

    Go look at ver­sion 2 and give it a try.

    You will have to add your col­our cus­tom­isa­tions again, but you will also be able to add your side­bar ele­ments as wid­gets which is much easier to manage.

    Mike

  20. I have a new ques­tion now. Why is there no box/background for the text wid­gets? Everything else is in a box, but the text wid­gets are dir­ectly on the main page back­ground. (This will become a prob­lem if I add my back­ground pat­tern back in, as it will be impossible to read!)

    And do you know of a tutorial that would address how to put static items between wid­gets? Some of these are not let­ting me fine-tune them as I had them before (for instance, I had added a link to the ‘pages’ sec­tion), and I can’t fig­ure out how to get any­thing that isn’t a wid­get to show up once I’ve added any widgets.

  21. Where is the clos­ing body tag in the tem­plate? I’m try­ing to install Google Ana­lyt­ics code, which should go right before this tag, but I can’t find it. The inform­a­tion I have been able to find so far says that “con­ven­tion” is to put it in the footer.php file, but the only thing that includes is call for the footer. No html tags. Will the Ana­lyt­ics code need to be installed in sev­eral dif­fer­ent places (single.php, index.php, and archive.php, for instance)? I’m a little bit befuddled about the over­all lay­out of the pieces in the template.

  22. Hi Rachel,
    Sorry I didn’t reply to your earlier questions…

    Why is there no box/background for the text wid­gets? : — it looks like I didn’t cater for that in the theme. A quick fix is to add ul+li tags around your text wid­get. e.g <ul><li>Your text widget content</li></ul>. I’ll have to fix it prop­erly in the css in next release of the theme.

    a tutorial that would address how to put static items between wid­gets?Unfor­tu­nately, wid­gets don’t allow you to do that. But you should be able to put most con­tent into a text wid­get (my styl­ing issue not­with­stand­ing), to go in between the other widgets.

    Where is the clos­ing body tag in the tem­plate? As you have spot­ted the clos­ing body tag is in sev­eral places (I hate to split open­ing and clos­ing body tag in dif­fer­ent files; so each of single, index, archive, and page has a full body ele­ment. I see you seem to have already sor­ted it on your site, but if you only want to put it in one place (and you should), then you could use on of the Google Ana­lyt­ics plu­gins, which will add the code pro­gram­mat­icaly using the wp_footer action (which my theme sup­ports). My next ver­sion of the theme will add a couple more ‘wid­get’ areas, so I may add one just above the footer for exactly that type of thing.

    Hope that helps,
    Mike

Leave a Reply

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

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>