WP Pro - Web Design, Development & Pro WordPress Hosting for Serious Bloggers


Anatomy of a Magazine Style Premium WordPress Theme – Prelude


If you're new here, you may want to subscribe to my RSS feed. Thanks for visiting!

Let’s face it, WordPress is not just a Blogging ware like some might want you to believe, when used correctly, the full potential of the worlds best CMS can power sites big and small alike. The recent trend among high content-high traffic sites are the switch to magazine styled (mostly paid premium) themes to aid in maximizing content exposure. Most all new magazine styled themes worth your time is premium or paid, yet it requires customization and effort from the user to ensure the layout and content stays homogeneous. Is you already run a well established site with custom theme design and need to add functionalities similar to magazine styled premium themes without switching or paying for a new theme, you are at the right place.

pressword theme screenshot

How are magazine themes different from regular themes?

Although structurally most themes have either 2 or 3 columns, the similarity ends there. Magazine styled themes are content centric and less bloggy, they offer a platform to easily manipulate data, simplify data access and presentation, and make navigation easy.

What are we attempting to do?

We will not attempt to (re)create a magazine styled theme out of your existing theme, however, we will dissect some magazine themes and learn all the aspects that you can easily add to improve your site’s features and enhance user experience. We will focus on the following three components of the theme.

  • Content Presentation – Featured, non-featured, category and asides posts
  • Sidebar – DOMtab and tabber JavaScript module
  • Navigation – CSS and JavaScript menu

Some of this work will involve JavaScript usage/applications, not to fear, they are all relatively simple, free to download and use and easy to adopt into any theme.

When will the guide be available?

Over the next few days, we will present the “How To” guide in 3 (or more) parts, each focusing on one of the aforementioned components. So stay tuned.

20 Responses to “Anatomy of a Magazine Style Premium WordPress Theme – Prelude”

  1. Great idea for a series of posts. Looking forward to reading all of them. Considering magazine styles are more image intensive then other styles, perhaps a fourth article on integrating images, galleries and plugins to handle them?

  2. @ skarld

    I might add a 4th part just for miscellaneous hacks, I know it will not be a complete how to, but I will try :-)

  3. There is a new premium wordpress theme – BlackMaster, lots of JS effects, very cool.
    http://demo.blackmastertheme.com

  4. I look forward to learning more about the DOMtab.

  5. @ David

    The first part is about the loop, the second about Java tabs (there are 2 much cooler options outside of DOMtab) and then the menus and hopefully a fourth part to wrap things up with fine tuning the rest of the theme. I want all of it to be done by this month, we’ll see if its doable :-)

  6. this series is the coolest thing ever, better than bread, and bread has been pretty darn cool for pretty darn long. truly fantastic.
    My page is a helpsite that has gone pair shaped, awry some would say and its in dire need of some magazinafication. thanks -

  7. Great red colore, magazine style themes.


Trackbacks

  1. Anatomy of a Magazine Style Premium WordPress Theme - Part 1 “The Loop” // Headsetoptions.org
  2. Anatomy of a Magazine Style Premium WordPress Theme - Part 2: DOMTab, Tabber, more // Headsetoptions.org
  3. Anatomy of a Magazine Style Premium WordPress Theme - Part 3.1 “Navigation – Second Level Menu” // Headsetoptions.org
  4. defefe | Webden Haber
  5. on line caribbean poker free
  6. hasardspel pengar
  7. When To Use Magazine-Style Themes For Blogs? | How-To | Smashing Magazine
  8. When To Use Magazine-Style Themes For Blogs? | How-To | Smashing Magazine
  9. When To Use Magazine-Style Themes For Blogs? | aboutCREATION
  10. When To Use Magazine-Style Themes For Blogs? | [w3b]ndesign
  11. Anatomy of a Magazine Style Premium WordPress Theme - Part 1 “The Loop” » WP Pro - Web Design, Development & Pro WordPress Hosting for Serious Bloggers
  12. Anatomy of a Magazine Style Premium WordPress Theme - Part 2: DOMTab, Tabber, more » WP Pro - Web Design, Development & Pro WordPress Hosting for Serious Bloggers
  13. Anatomy of a Magazine Style Premium WordPress Theme - Part 3.1 “Navigation – Second Level Menu” » WP Pro - Web Design, Development & Pro WordPress Hosting for Serious Bloggers

Leave a Response

Some Useful Info

Use SimpleCode while including codes.

The links from all comments have the no-follow tag to prevent spammers from gaming their way up into SERP. So please keep the comments clean, try not to use keywords as "Names" or post unnecessary links in the comments. Thank you for cooperating.



Copyright © WP Pro - CSS | XHTML | Login | Return to Top ↑