The Loop

Doin’ da Loop with da WordPrez Gary Barber radharc.com.au manwithnoblog.com

I’m Assuming • You know what WordPress is and you have used it.

I’m Assuming • You know what WordPress is and you have used it. • You know that you can use plugins and widgets

I’m Assuming • You know what WordPress is and you have used it. • You know that you can use plugins and widgets • Your blog is not on wordpress.com

I’m Assuming • You know what WordPress is and you have used it. • You know that you can use plugins and widgets • Your blog is not on wordpress.com • You know what PHP is

I’m Assuming • You know what WordPress is and you have used it. • You know that you can use plugins and widgets • Your blog is not on wordpress.com • You know what PHP is • You are not happy coding

I’m Assuming • You know what WordPress is and you have used it. • You know that you can use plugins and widgets • Your blog is not on wordpress.com • You know what PHP is • You are not happy coding • You have never pulled the templates apart

...Boring...So Get on With It....

What is the Loop • It’s the core of WordPress

What is the Loop • It’s the core of WordPress • It’s a heap of PHP code over different ﬁles that works together

What is the Loop • It’s the core of WordPress • It’s a heap of PHP code over different ﬁles that works together • Lets you display your posts, comments and the rest of your blog

So where is the Loop • WordPress uses one central control point

So where is the Loop • WordPress uses one central control point • All requests go via this ﬁle - index.php

So where is the Loop • WordPress uses one central control point • All requests go via this ﬁle - index.php • It’s your themes central control

So where is the Loop • WordPress uses one central control point • All requests go via this ﬁle - index.php • It’s your themes central control • Remove it you get the default theme

So where is the Loop • WordPress uses one central control point • All requests go via the ﬁle - index.php • It’s your themes central control • Remove it you get the default theme • Remove that ....

So where is the Loop • WordPress uses one central control point • All requests go via the ﬁle - index.php • It’s your themes central control • Remove it you get the default theme • Remove that and you get nothing

How does it work The Loop is really very basic <?php get_header(); ?> <?php if (have_posts()) ?> <?php while (have_posts()) ?> <?php the_post();?> <?php the_content();?> <?php endwhile; ?> <?php endif; ?> <?php get_sidebar();?> <?php get_footer(); ?>

How does it work The Loop is really very basic Show the Page Header <?php get_header(); ?> <?php if (have_posts()) ?> <?php while (have_posts()) ?> <?php the_post();?> <?php the_content();?> <?php endwhile; ?> <?php endif; ?> <?php get_sidebar();?> <?php get_footer(); ?>

How does it work The Loop is really very basic Show the Page Header <?php get_header(); ?> <?php if (have_posts()) ?> <?php while (have_posts()) ?> <?php the_post();?> Do the Loop! <?php the_content();?> <?php endwhile; ?> <?php endif; ?> <?php get_sidebar();?> <?php get_footer(); ?>

How does it work The Loop is really very basic Show the Page Header <?php get_header(); ?> <?php if (have_posts()) ?> <?php while (have_posts()) ?> <?php the_post();?> Do the Loop! <?php the_content();?> <?php endwhile; ?> <?php endif; ?> Show the Page Footer & <?php get_sidebar();?> <?php get_footer(); ?> Side Bar

In Detail • Section One - <?php if (have_posts()) ?> checks information <?php while (have_posts()) ?> <?php the_post();?> <?php the_content();?> <?php endwhile; ?> <?php endif; ?>

In Detail • Section One - <?php if (have_posts()) ?> checks information • Section Two - gets <?php while (have_posts()) ?> the posts, and <?php the_post();?> more information <?php the_content();?> <?php endwhile; ?> <?php endif; ?>

In Detail • Section One - <?php if (have_posts()) ?> checks information • Section Two - gets <?php while (have_posts()) ?> the posts, and <?php the_post();?> more information <?php the_content();?> • Section Three - <?php endwhile; ?> displays the posts and information <?php endif; ?>

And a Little Closer • Check that there <?php if (have_posts()) ?> are posts <?php while (have_posts()) ?> <?php the_post();?> <?php the_content();?> <?php endwhile; ?> <?php endif; ?>

And a Little Closer • Get information on <?php if (have_posts()) ?> the post along with secondary <?php while (have_posts()) ?> information like: <?php the_post();?> <?php the_content();?> Post Title <?php endwhile; ?> Publication Date Author <?php endif; ?> Categories

And a Little Closer • Then WordPress <?php if (have_posts()) ?> displays the post with all its <?php while (have_posts()) ?> formatting <?php the_post();?> information on <?php the_content();?> your blog <?php endwhile; ?> <?php endif; ?>

And a Little Closer • Then WordPress <?php if (have_posts()) ?> goes and checks for more posts and <?php while (have_posts()) ?> we start again. <?php the_post();?> <?php the_content();?> <?php endwhile; ?> <?php endif; ?>

Some Examples - Default <?php get_header(); ?> <div id=quot;contentquot; class=quot;narrowcolumnquot;> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class=quot;postquot; id=quot;post-<?php the_ID(); ?>quot;> <h2><a href=quot;<?php the_permalink() ?>quot; rel=quot;bookmarkquot; title=quot;Permanent Link to <?php the_title(); ?>quot;><?php the_title(); ?></a></h2> <small><?php the_time('F jS, Y') ?> </small> <div class=quot;entryquot;> <?php the_content('Read the rest of this entry »'); ?> </div> <p class=quot;postmetadataquot;>Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p> </div> <?php endwhile; ?> <div class=quot;navigationquot;> <div class=quot;alignleftquot;><?php next_posts_link('« Previous Entries') ?></div> <div class=quot;alignrightquot;><?php previous_posts_link('Next Entries »') ?></div> </div> <?php else : ?> <h2 class=quot;centerquot;>Not Found</h2> <p class=quot;centerquot;>Sorry, but you are looking for something that isn't here.</p> <?php include (TEMPLATEPATH . quot;/searchform.phpquot;); ?> <?php endif; ?> </div> <?php get_sidebar(); ?> <?php get_footer(); ?>

Items to Note <?php get_header(); ?> <div id=quot;contentquot; class=quot;narrowcolumnquot;> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class=quot;postquot; id=quot;post-<?php the_ID(); ?>quot;> <h2><a href=quot;<?php the_permalink() ?>quot; rel=quot;bookmarkquot; title=quot;Permanent Link to <?php the_title(); ?>quot;><?php the_title(); ?></a></h2> <small><?php the_time('F jS, Y') ?> </small> <div class=quot;entryquot;> <?php the_content('Read the rest of this entry »'); ?> </div> <p class=quot;postmetadataquot;>Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p> </div> <?php endwhile; ?> <div class=quot;navigationquot;> <div class=quot;alignleftquot;><?php next_posts_link('« Previous Entries') ?></div> <div class=quot;alignrightquot;><?php previous_posts_link('Next Entries »') ?></div> </div> <?php else : ?> <h2 class=quot;centerquot;>Not Found</h2> <p class=quot;centerquot;>Sorry, but you are looking for something that isn't here.</p> <?php include (TEMPLATEPATH . quot;/searchform.phpquot;); ?> <?php endif; ?> </div> <?php get_sidebar(); ?> <?php get_footer(); ?>

Life After the Loop <?php get_header(); ?> <div id=quot;contentquot; class=quot;narrowcolumnquot;> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <div class=quot;postquot; id=quot;post-<?php the_ID(); ?>quot;> <h2><a href=quot;<?php the_permalink() ?>quot; rel=quot;bookmarkquot; title=quot;Permanent Link to <?php the_title(); ?>quot;><?php the_title(); ?></a></h2> <small><?php the_time('F jS, Y') ?> </small> <div class=quot;entryquot;> <?php the_content('Read the rest of this entry »'); ?> </div> <p class=quot;postmetadataquot;>Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?> <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p> </div> <?php endwhile; ?> <div class=quot;navigationquot;> <div class=quot;alignleftquot;><?php next_posts_link('« Previous Entries') ?></div> <div class=quot;alignrightquot;><?php previous_posts_link('Next Entries »') ?></div> </div> <?php else : ?> <h2 class=quot;centerquot;>Not Found</h2> <p class=quot;centerquot;>Sorry, but you are looking for something that isn't here.</p> <?php include (TEMPLATEPATH . quot;/searchform.phpquot;); ?> <?php endif; ?> </div> <?php get_sidebar(); ?> <?php get_footer(); ?>

...So when does it get Interesting...

The Loop is Breeding • The Loop is all through WordPress

The Loop is Breeding • The Loop is all through WordPress • In the Archive Template

The Loop is Breeding • The Loop is all through WordPress • In the Archive Template • In the Search Template

The Loop is Breeding • The Loop is all through WordPress • In the Archive Template • In the Search Template • It’s even used for the generation of the comments

Customise the Loop • Change Archive and Search pages to display excerpt

Customise the Loop • Change Archive and Search pages to display excerpt • Customise the CSS for different times, dates, categories, authors days of the week

Customise the Loop • Change Archive and Search pages to display excerpt • Customise the CSS for different times, dates, categories, authors days of the week • Change your home page to a static one

Customise the Loop • Change Archive and Search pages to display excerpt • Customise the CSS for different times, dates, categories, authors days of the week • Change your home page to a static one • Place items between blog posts

Customise the Loop • Change Archive and Search pages to display excerpt • Customise the CSS for different times, dates, categories, authors days of the week • Change your home page to a static one • Place items between blog posts • Add a Lemon

Customise the Loop • Change Archive and Search pages to display excerpt • Customise the CSS for different times, dates, categories, authors days of the week • Change your home page to a static one • Place items between blog posts • Add a Lemon • But check for Plugins or Widgets ﬁrst

Customising Demo

Thankyou • • wordpress.org drpritch • • mattread.com pierre pouliquin • ifelse.co.uk • Pennance368 • fensterbme • fotopeet • gerardvschip • Niklas Distributed under Creative Commons License Gary Barber gary@manwithnoblog.com radharc.com.au manwithnoblog.com

http://manwithnoblog.com	22
http://www.slideshare.net	3
http://localhost	1
http://lesliefranke.com	1
http://static.slideshare.net	1

The Loop

by Gary Barber on Jun 30, 2007

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 28

Statistics

The Loop — Presentation Transcript