PureNews

PureNews is an amazingly sleek and powerful news theme with unlimited color variations.

View full feature list Check out the live demo Buy this theme today

* I NEED YOUR HELP: Please Take a Second and Vote for Me and BloggingTips.com *

Create a Magazine Style Theme

Posted by on 14th Sep 2008 | 8 comments
http://www.live-dangerously.com/blogger-contest/poll.php

The Morning After Screenshot

A few weeks ago I wrote about how to create your own template for WordPress. A type of design growing in popularity is the Magazine style theme. Probably because it comes across as a more professional look and is maybe a bit less overwhelming to first time visitors, as it typically only displays the most recent post in full, and then lists previous posts.

The first time I saw a magazine style theme was The Morning After from Arun Kale. There were others around but this caught my eye immediately. There are a lot more of these style of themes around now for you to download and play with.

However, if you want to perhaps take your own design and convert it to a magazine style then it’s not that hard to do. Using my original posts on creating your own template, we need to build on this.

The first step is to duplicate your usual multi post index.php page and save it as archive.php (if you haven’t already). This will then keep your archives and category pages listing your posts out as usual. Alternatively you could alter these pages to just have an index of all the posts.

So once you’ve duplicated the index.php, you need to then open up index.php to edit this for the front page. The code we can use follows:

[sourcecode language="php"]< ?php $postchk = TRUE;
if (have_posts()) :
while(have_posts()) :
the_post();

if ($postchk) :
$postchk = FALSE; ?>

” rel=”bookmark” title=”Permanent Link to < ?php the_title_attribute(); ?>“>< ?php the_title(); ?>

< ?php the_time('F jS, Y') ?>


A PHP Developer using WordPress to power both blogging and commercial CMS sites. I've written and released a couple of plugins for WordPress and am currently writing plugins for use on commercial websites.

8 comments - Leave a reply
  • Posted by Chris on 14th Sep 2008

    This is an awesome idea. I have bookmarked it and will share with my webmaster. Thanks for sharing

  • Posted by Live Football on 14th Sep 2008

    Cracking idea, will be sure to try this out when I have some time

  • Posted by JD on 14th Sep 2008

    that looks awesome!

  • Posted by slee on 15th Sep 2008

    I think one of the problems with some of the magazine style wordpress sites its that they don't think of the user who has to update the site. A lot of the time they use extended post data which the user has to know how to use. So while the front end looks great it is not that easy to implement.

    It will be good if your examples will be easy for the user to look after his site as well.

    Obviously so far what you have shown us doesnt really effect the user as this is an automatic part of teh template which i like very much :)

  • Posted by Sunil Pathak on 15th Sep 2008

    Hi Sara

    thanx for this and your 1st post (i haven't read it yet though :razz: )

    i am taking print outs of your post and planning to work on my own theme ( i am fade up of trying all the free themes )

    i hope you wont mind me contacting you if i need any help or explanation of codes?

  • Posted by Sarah on 15th Sep 2008

    Cheers for the comments guys.

    Slee – I've not come across a theme using the extended post data but it doesn't sound user friendly. The method posted is quite basic so fairly simple to do but a subtle change can give a great effect.

    Sunil – If you need any help post up here or join the Blogging Tips forum where there's plenty of help available and waiting :)

  • Posted by Sinead on 15th Sep 2008

    I've been looking for something like this…many thanks! I'm just starting a new blog and had decided on WordPress. Hopefully this will all work for me!

  • Posted by Sunil Pathak on 15th Sep 2008

    Hi Sarah thanx for the invitation :razz:

    cya there guys :lol: