Showcase: Magazine-Style Layout in WordPress and Resources

19th Aug 2010 | Posted by Yahya | 8 Comments

The magazine look/ news design layout have become trend for blog design layout. Content management systems like WordPress have a wide selection of themes for this type of site, either free or premium wordpress themes. So this makes it easy for website owner or blogger to achieve a look that is similar to a news site.

In this post we will feature 11 sites that provide inspiration for magazine-style layouts, then tutorials for designing a Magazine Theme, and the end of the post includes free and premium magazine style themes for wordpress.

Showcase of Magazine-Style in WordPress

Here is a look at 11 well-designed wordpress site with a magazine-style.

offBeat

Tutorials for Designing a Magazine Theme

Here several tutorials to learn about creating your own magazine theme.

Build a Newspaper Theme with WP_Query and the 960 CSS Framework

In this tutorial you’ll learn how to use WP_Query to make a 3 columned newspaper theme that has all your main blog posts in the main column, and off to the side a set of posts with a certain category

How to Design a Layout in Magazine? tutorial and psd

In this tutorial you’ll learn how to create a magazine-style web layout

Build a Basic Newspaper Style Layout with WordPress and jQuery

This tutorial uses jQuery to create size-degrading headers that will keep your grid looking professional.

WordPress: “Magazine Style” Horizontal Dropdown Menu.

The tutorial for creating an effective navigation menu for your own magazine theme. You can learn how to create an advanced dropdown menu quickly.