Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

When To Use Magazine-Style Themes For Blogs?

When designing a custom theme or deciding on an already-existing theme, bloggers have a lot of factors to consider and there is no shortage of options, particularly for WordPress users. A growing number of blogs are moving away from traditional blog layouts in favor of magazine-style themes; however, the layout and presentation of content has a major impact on visitors and there is no one-size-fits-all solution.

Key Differences Link

Magazine themes have a few characteristics that distinguish them from traditional blog themes.

  1. Magazine themes only use excerpts or headlines on the front page, while standard blogs will use either full posts or excerpts.
  2. A magazine theme functions more as a portal to content on the rest of the site. The magazine theme will give visitors a glimpse at what is available and it will direct them to go in whatever direction they like.
  3. Magazine themes make more effort to organize the content of the blog and present what is most important, whereas traditional blog layouts will order front page content based on what is most recent.

A good visual guide for the distinction between a traditional theme and a magazine theme is the Gridline series. The first image below is the front page of Gridline Lite, a tradition blog theme. The second image is the front page of Gridline Magazine.

Gridline Lite1 uses an excerpt for the most recent post and smaller excerpts for other posts below that.

Gridline Lite

Gridline Magazine2 gets rid of the traditional blog sidebar and uses that space for more post excerpts and thumbnails. At the bottom there is also space for the most recent post in five additional categories.

Gridline Magazine

Why Are More Blogs Moving to Magazine Themes? Link

While magazine-style themes are not new, their popularity has exploded in the past year or two. New themes are consistently being released (premium and free) for WordPress users. There are a few significant reasons for this trend.

  1. A need to make more content easily available and to improve usability.
    A growing number of blogs are churning out post after post. With an increasing amount of content comes a need for better organization and presentation of that information. Traditional blog themes can make this very difficult while magazines themes will make it a bit easier.
  2. The blending of blogs and websites.
    A few years ago most blogs were little more than personal journals. Now as blogging platforms like WordPress have become full-fledged CMS options, the line between a blog and a website is a bit more blurred. Websites that would not have used a blogging platform in the past are starting to convert, but they still need certain layout and functionality that is not possible with traditional themes.
  3. An attempt to break away from the blog look.
    The standard blog themes are a turn-off to many visitors, and magazine themes offer more opportunities for a visually appealing design.
  4. Multi-author blogs.
    Many blogs that use magazine themes are mutli-authored. These blogs will typically produce more content and have more variety of content, which makes a magazine theme more ideal.

Pros and Cons Link

Each style of theme has its own strengths and weaknesses. They should always be considered in the context of a particular blog in order to determine what type of theme will work best in that specific situation.

Pros of Magazine Themes Link

The primary reason for using a magazine-style theme is to show your visitors a greater amount of content from the front page. Of course, they’ll only be seeing small bits of information on several different topics, as opposed to simply seeing the latest post as would be the case with a traditional blog theme layout.

Most blogs contain a large amount of content and the tradition blog layout only allows for a small portion of the most recent content to be featured. Visitors may arrive at a blog with a magazine layout and see headlines and excerpts from 4 or 5 different posts above the fold. Obviously, this gives them more options and the chances are better that they’ll find something of interest to them.

Just as important as featuring more posts is the ability to easily control which posts are featured and for how long. The traditional blog layout will always give the most prominent location to the most recent post (although this can be modified to some degree with plugins). A magazine theme gives the blogger the ability to control what is featured by categorizing a new post appropriately.

The location of the new post on the blog front page will be controlled by the category assigned to the blog (in most cases), so all the blogger has to do is decide where the post should be shown and place it in the appropriate category. The ProBlogger3 front page has a slot for a recent featured post as well as a slot for a video post.


3. Potential for improved navigation Link

Magazine-style themes have the opportunity to make logical navigation easier for visitors because more content is visible on the front page and options should be made clear. However, a magazine layout that isn’t well organized can lead to more clutter and confusion. Those magazine themes that successfully improve the navigational experience for visitors will do a good job of separating the content so that visitors know where to go to find what they are seeking.

The front page of Dazed Digital4 makes it easy for visitors to see the various types of content that is available on the site, such as fashion, music, arts & culture, and photography.

Dazed Digital

4. More professional look Link

While there are plenty of blogs with traditional themes that are well-designed and extremely attractive, there are exponentially more blogs that feature a very typical blog theme that some visitors find to be boring. Using a magazine-style theme certainly doesn’t guarantee a more professional look, but because it can help to get rid of the typical blog look it can help to make a site look more corporate image and less of a blog appearance.

Boxwish5 is a new site dedicated to movies. It uses a magazine-style layout to give the site a very professional and attractive look.


5. More appropriate for large sites Link

The typical blog layout doesn’t work well for blogs that post a large amount of content on a consistent basis. Because it doesn’t allow for flexibility in terms of what is featured on the front page and because less content will be given a prominent location, there may be a lot of valuable content that is getting less exposure than it deserves. A magazine theme is better equipped to handle several posts per day without any of them getting lost in the shuffle.

Popvine6 is a celebrity news and gossip site that publishes a large amount of content. Its layout allows much more to be visible on the front page than a traditional blog layout would allow.


6. Can lead to better use of categories Link

Most blogs use categories ineffectively and inconsistently. Because the order and placement of content on the front page of a magazine theme is so heavily dependent on the categorization of posts, it can force the blogger to be more careful with the chosen categories, which may lead to more usefulness of the system.

Cons of Magazine Themes: Link

1. Can be more work for the blogger Link

Depending on the theme you’re using, you may be forced to use custom fields and to pay more attention to the length of your custom excerpts. The tasks involved with posting to a magazine theme are pretty minor, but they will typically take a few minutes for each post. In general, premium themes will be easier and less time-consuming than free themes. Developers of premium themes are much more likely to take the time to develop advanced options from the dashboard that will make things easier for users.

2. Blogs with infrequent posts can look awkward Link

Because magazine themes feature such a variety of content on the front page, a blog that doesn’t post frequently can leave older content on the front page in prominent locations for much longer than with a traditional blog theme. This can make the blog look more outdated and less professional. Depending on the subject of your posts they may or may not be time sensitive.

3. The appearance can be overwhelming or cluttered Link

Well-designed magazine themes will maintain a good balance and will avoid clutter. However, it’s very easy to end up with a jumbled look by using a magazine theme that tries to cram too much content into the spaces available. Overdoing it will cause some visitors to be overwhelmed with too many options that aren’t clear and they’re likely to leave without navigating through the site.

4. Price Link

A high percentage of premium themes available for sale are magazine-style. While there are some good free options, there are less quality choices than there are for traditional blog themes. Additionally, developing a custom magazine theme will typically be more expensive and time consuming than developing a traditional theme, primarily because there is some extra coding that is involved.

5. Requires more clicks from visitors Link

With a traditional blog theme that displays full posts on the front page, visitors may be able to read several posts without even clicking off of the hompage. With a magazine theme, visitors will have only very small excerpts or maybe just headlines on the front page, and they’ll need to click to a specific post to read anything.

6. May be unfamiliar to some blog visitors Link

Although many people find traditional blog layouts to be lacking in terms of attractiveness, those who read a lot of blogs will be very familiar with the standard blog navigation, such as category links, popular post lists, date archives, blogrolls etc. These visitors may be less comfortable with the navigation and usability with a magazine theme, although this is becoming less of an issue as more blogs are moving to this style.

Considerations for Choosing a Style of Theme Link

Looking at the pros and cons may lead to a bit of confusion for bloggers, because it’s not a one-sided issue. Because each blog has a unique purpose and a different approach to presenting information, each case should be considered individually to decide on the right style of theme. Here are some factors that should be considered.

1. Impact on Visitors Link

While many bloggers are switching to magazine themes because they find them to be more attractive and less like a standard blog, the impact of the theme on visitors should also be considered when deciding on the type of theme. As the pros and cons were covered, many of them were based on how the theme impacts the user experience. The navigation (number of clicks, familiarity, etc) will be one of the major differences between the two styles of themes. Additionally, the amount of content on the front page will be a major impact on the user experience. For sites that draw visitors looking for news-related topics, they like to be able to see a lot of headlines to find something of interest.

2. Impression of Size Link

Because many of the websites using a magazine layout are major news websites, there is a certain impression of size given to visitors when they encounter a blog with a magazine-style theme. Blogs using a more traditional layout may seem like a smaller site to new visitors than the same blog would appear if it were using a magazine theme. Although a traditional blog layout can give the impression of a smaller site, many blog readers will appreciate the feel of being on a more personal level with the blogger, as opposed to feeling like they’re on a large impersonal site with many different authors.

3. Frequency of Posts Link

It was mentioned earlier that magazine-style themes can look awkward or outdated if posts are few and far between, and for this reason the actual or anticipated frequency of posting should be a major consideration when deciding on a theme style.

4. Diversity of Content Link

The use of categories by magazine themes can do more than just control what content is featured and for how long. Additionally, magazine themes can help to separate content in a way that is easier to manage and more usable for readers.

For example, take the Macalicious7 theme layout. There are three slots on the front page for featured posts: Recent News, Rumors, and Tips & Tricks. Visitors can quickly see what’s available and they can visualize the distinction of content much better than they could with a traditional layout where all categories were lumped together in one loop.

<h4  id=5. Niche Link

While websites and blogs in specific niches tend to be similar to one another in their approach, the typical blog readers in various niches will also have some common expectations from the sites that they visit. If your blog is in a news-related niche, almost all other blogs in your niche are probably already using a magazine theme. In other niches it may be just the opposite. While being unique is generally a good thing, be sure that you’re not alienating a major portion of your readers by using a style of layout that makes them uncomfortable with the site.

Tutorials for Designing a Magazine Theme Link

If you’re looking to learn more about creating your own magazine themes, NETTUTS is the best resource available. They have several different tutorials that teach different approaches or aspects of the magazine layout.

Darren Hoyt is one of the designers of Mimbo Pro, one of the more popular premium magazine themes for WordPress. On his blog he’s written a few posts that will be helpful for designers and developers of magazine themes:

  • In Praise of WordPress Template Tags, Part II: The Magazine Layout
    Darren takes a look at the bo theme (the free version) and how it manages to pull off the magazine layout. This article is obviously helpful for anyone using and customizing Mimbo, but many of the same concepts are applicable to developing your own magazine theme.
  • Creating Two-Tiered Conditional Navigation in WordPress
    While this type of navigation isn’t exclusive to magazine themes, these sites do tend to be larger and in greater need of more advanced navigation that the traditional blog.
  • Combining Featured Posts Within the Standard Loop
    WordPress users often want posts in magazine themes to be displayed in ways that can be a bit tricky. Darren provides an example situation with one of his clients and he provides the code for his solution to the layout issues.

Chris Coyier of CSS-Tricks recently published a tutorial Creating a Slick Auto-Playing Featured Content Slider14. Chris approach could be used to work with a featured post section on the front page of a magazine layout.

When developing a magazine theme for WordPress you’ll need to do some things with the loop that aren’t a concern with a standard blog theme, including the use of multiple loops. Perishable Press has a helpful tutorial that provides the code that they use for a theme with 3 different loops, the Perishable Press Triple Loop for WordPress15.

Cats Who Code has a helpful tutorial for creating an effective navigation menu for your own magazine theme. You can learn how to create an advanced dropdown menu quickly in WordPress: “Magazine Style” Horizontal Dropdown Menu16.

Speckyboy put together a nice collection of the Top 30 Modern Web Designs (Magazine Style Showcase)17. This post is excellent for seeing the magazine layout on some major news websites and others that certainly don’t feature a traditional blog layout.

Resources for Grid-Based Design Link

Many magazine themes are built on a grid to establish the structure of the site. If you’re interested in becoming more familiar with grid-based design, these resources can help.

Grid-Based Design: Six Creative Column Techniques18
Smashing Magazine’s look at designing on a grid. Sean Hodge takes a look at several different approaches to grid-based design with plenty of examples.

Grid and Column Designs19
Nick La of Web Designer Wall put together a gallery of 32 excellent examples of grid-based design and he categorized them to help demonstrate the possibilities and various approaches.

960 Grid System2010
This framework was mention earlier regarding a link to a tutorial. Nathan Smith developed the 960 Grid System in attempt to simply the development process for others. Give it a try and see if you like working with a framework or starting on your own from scratch.

Another CSS framework and grid is Blueprint. Several notable designers took part in the development of Blueprint.

Free Magazine-Style Themes for WordPress Link

If you’re looking to use a free WordPress theme to or to customize one for yourself, there are several quality choices available.

One of the most popular free magazine themes is Mimbo by Darren Hoyt (removed).


Branford Magazine is another excellent choice that was inspired by Mimbo and Revolution (removed).

Branford Magazine

Rebel Magazine22 by default will display five excerpts on the front page and it also includes an area in the sidebar for video.

Rebel News

For more of the best free magazine themes, see:

Premium Magazine-Style Themes for WordPress Link

While free magazine themes are becoming more popular, a very high percentage of premium WordPress themes available for purchase are designed with a magazine-style layout. Here are a few of the better premium themes.

Magazine News26 is built specifically for sites with lots of content and it’s built to support AdSense or other types of ads.

Magazine News

Darren Hoyt and Ben Gillbanks also offer Mimbo Pro27, which is a more advanced, user-friendly version than the free theme.

Mimbo Pro

The Gazette Edition is one of several quality themes offered by WooThemes. It has the clean, professional look of a major news site (removed).

The Gazette Addition

Fresh News28 is another theme from WooThemes. This one offers the user a choice of three homepage layouts.

Fresh News

Brian Gardner’s popular Revolution series includes Revolution Magazine29, a very professional and customizable option.

Revolution Magazine

Quommunication News30 is a clean theme that makes full use of categories.


For more of the best premium magazine themes, see:

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4 #
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16 #
  17. 17
  18. 18 /2008/03/26/grid-based-design-six-creative-column-techniques/
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook


The Smashing team loves high-quality content and cares about the little details. Through our online articles, Smashing Books, eBooks as well as Smashing Conferences, we are committed to stimulating creativity and strengthening the web design community’s creative forces.

  1. 1

    adelaide web design

    August 28, 2008 5:57 pm

    thanks again
    Duivesteyn Web Consulting

  2. 2

    jbj (from

    August 28, 2008 1:10 pm

    Excellent article. And thanks a lot for linking to our tutorial :)

  3. 3

    When does a blog become a news site? You need to have a lot of content before you can use a magazine design. It’s another great article though. Thanks

  4. 4

    David Leggett

    August 28, 2008 1:26 pm

    Wow, incredible post. Great distinctions between the traditional blog look and magazine look. It’s a concept that’s not too easy to grasp.

    I’ll have to spend some more time looking through the themes you shared. Lots of nice ones from the looks of it. Thanks!

  5. 5

    I’ve been leaning towards magazine-style themes heavily lately because it seems to be more organized for first-time visitors. It lets them get a better grasp on the information, no matter how much you have out there.

    See my half-ass example here:
    You Suck at Websites

  6. 6

    Thanks for featuring a few of our WordPress theme galleries.

    I think you bring up a great point. To many people get caught up in trends, whether it is 125×125 buttons or having a magazine style theme. You really need 1-2 posts a day minimum to get a benefit out of the magazine style themes.

  7. 7

    Rhyming Designer

    August 28, 2008 1:32 pm

    Thanks for the great post. It really gives us something meaty to chew on.

    • 8

      WP Magazine Themes are installed in the same way as otrhes WP themes. But before that you have to install WP platform on your hosting. You can find the tutorial on Youtube. WP can be either downloaded from, or installed via built it option if you hosting company provides it. After that you need to download the chosen theme via ftp and activate it in your blog.

  8. 9

    Knoxville Website Design

    August 28, 2008 2:24 pm

    This is great stuff. I’m now inspired to go and create my own, can you guys please stop giving me all this extra work!

  9. 10

    Wonderful post. I’ve been debating with myself for a while about whether or not magazine would be the right way to go with my regular blog. I don’t think so at this point, I get fairly traditional readers. BUT reading this post has convinced me that my consulting site/blog would probably do quite well in a magazine-type format. I’ll probably redesign a free one to get just what I want.

  10. 11

    As someone guilty of helping start the magazine trend in the first place, I’m glad Steven said what needs to be said – the magazine format isn’t suited for every blog out there, and the pros and cons should always be weighed.

    All in all, great article, and once again I can’t figure out how Steven finds the time ;)

  11. 12

    Thanks for the mention(s); very useful, informative and comprehensive.

  12. 13

    Max | Design Shard

    August 28, 2008 3:37 pm

    Thats an awesome post, very good reading that will be useful as i develop my own themes.

  13. 14

    I agree, I think it’s (almost) necessary to have a lot of content to pull off a magazine theme. There are a few examples that would work without a lot of content. For example, the Macalicious layout would do ok with only a few posts per week.

    Sorry for the extra work:)

    Thanks for your feedback and for contributing some great themes.

  14. 15

    great article

  15. 16

    Any similar themes for Movable Type?

  16. 17

    K (from

    August 28, 2008 7:18 pm

    You really couldn’t have timed this article better. I have been considering making the change to a magazine style layout but you make really valid points in the cons. Not all my categories will be updated frequently and the home page could start looking stale. I am going to try to find a middle ground with the home page layout. Again thank you for this timely post.

  17. 18

    Nice post and great timing. I’ve been dabbling a lot with hybrid WP themes (I happen to use FreshNews, but there’s a ton out there) that can post content in a non-bloggy sorta way on a frontpage but still have all the benefits of a blog (CMS, SEO, plugins, etc).

    I’ll add a humble #7 to your already strong list:

    As a freelancer, these new magazine style themes offer solo web designers a ton more flexibility when pitching proposals simply because you don’t need to know a lot of backend programming anymore to put together a solid site with a content system – instead, you can start with a mag-style theme and adapt it to your hearts content while still letting the backend (whether it’s WordPress, Expression Engine, etc) do all the hard work. The end result usually doesn’t feel like a run of the mill ‘blog’, but you still get the beauty and simplicity of managing the content (meaning, I don’t need to be bugged for updates). Anyways – great post, thanks for sharing and it’s awesome to see more focus going to these new themes :D. Make Design, Not War

  18. 19

    Oops, here it is. LINK

  19. 20

    Very great article. It’s very useful for me, as I want to improve my magazine styled blog. Thanks :)

  20. 21

    Bla bla bla


↑ Back to top