wpPro offers design, development and full-service professional WordPress hosting service for serious bloggers web design web development professional WordPress hosting

wpPro offers design, development and full-service professional WordPress hosting service for serious bloggers

Anatomy of a Magazine Style Premium WordPress Theme – Part 1 “The Loop”

What is The Loop?

The loop as the name suggests is a conditionally repeating statement that dynamically generates a string of posts within a WordPress theme. Essentially, this is the heart of the theme, no theme is without it and it controls what and where a post is presented.

What does it look like and where can I find it?

Typically, the Loop in one of our themes has the following format; all WP themes will have the loop in one form or the other (the meta portion is optional):

  1. <?php get_header(); ?>
  2. <?php while(have_posts()) : the_post(); ?>
  3. <div class=”post” id=”post-<?php the_ID(); ?>”>
  4. <h1><a href=”<?php the_permalink(); ?>” title=”<?php the_title(); ?>” rel=”bookmark”><?php the_title();
    ?></a></h1>
  5. <div class=”meta”>Posted on <?php the_time(’F jS, Y’) ?> under <?php the_category(’, ‘) ?> <?php if (function_exists(’the_tags’)) { ?><?php the_tags(”, ‘, ‘, ”); ?><?php } ?></div>
  6. <?php the_content(’Read the rest of this entry »’); ?>
  7. <div class=”meta”>Published by <?php the_author() ?> // <?php comments_popup_link(’Comment now »’, ‘1 Comment »’, ‘% Comments »’, ‘commentslink’); ?></div>
  8. <?php endwhile; ?>
  9. <?php get_sidebar(); ?>
  10. <?php get_footer(); ?>

The loop can be found within the index.php file (in 99 percent of the themes – K2 based themes have a file called theloop.php specifically for the loop code)

01.11.2008 - 1:31 pm - Design, How to, Resources, Techniques, Tips - 1,538 views -

20 Responses to “Anatomy of a Magazine Style Premium WordPress Theme – Part 1 “The Loop””

Pages: [4] 3 2 1 »

  1. 20
    When To Use Magazine-Style Themes For Blogs? | How-To | Smashing Magazine Says:

    [...] Part 1 — The Loop [...]

  2. 19
    Comment on Anatomy of a Magazine Style Premium WordPress Theme … Says:

    [...] More here: Comment on Anatomy of a Magazine Style Premium WordPress Theme … [...]

  3. 18
    Wordpress Themes: 20+ Tutorials, Clubs, Themes, and Resources | Outlaw Design Blog - A Graphic Design Blog Says:

    [...] Anatomy of a Magazine Style Premium WordPress Theme – Part 1 “The Loop” No quite sure how the wordpress loop works yet? Try checking out this article and you should have better idea of how to use the above 1001 wordpress loops. How to make a random post button This simple tutorial by WP Guy teaches you how to add a random post function into your sidebar. [...]

  4. 17
    Sunny Says:

    @ Chico

    One loop can display posts from X and then Y, use this method from Codex.

    To display archives on a monthly basis try using a plugin such as this.

  5. 16
    Chico Says:

    Hi

    I have been looking around for good examples of multiple loops use in WP.

    I am desperately trying to make something similar work for my blog. My desired setup would have:

    On front page, the latest post from categoryX, followed by the latest post from categoryY then two lists outside the loop ( I think ) with the top 5 rated articles in one and the 5 most viewed posts in the other. Both of these lists would be generated by plugins (and repetition of posts not an issue on the frontpage which would not show posts in the loop after the two featured ones)

    However in my archives page I would need to show all posts grouped by month.

    Any help/tip/idea to modify the code above for my needs would be immensely appreciated.

    C.

    p.s I realise my request is similar to previous comment but still need help.

Pages: [4] 3 2 1 »

Leave a Reply