getting into the loop

Getting Into The Loopmitcho (Michael 芳貴 Erlewine)http://mitcho.com

January 23, 2010WordCamp Boston

mailto:[email protected]


• Introduction• Loop basics• Custom queries

• Method 1: Roll your own query• Method 2: Filter every query

• Next steps

Today

NOTE:• Will link to slides and code later

on http://mitcho.com/blog/• Please rate later on SpeakerRate

(find link on the blog)

Today

http://mitcho.com/blog/




• Next steps

Today

Introduction

Introduction• Hi, I’m mitcho.


• Linguist, coder, teacher.


• Linguist, coder, teacher.• At MIT. Previously at Mozilla. Now

working with Automattic.



working with Automattic.• Programming PHP/MySQL since

2002?




2002?• Blogging (off and on) since 2007.




2002?• Blogging (off and on) since 2007.• http://mitcho.com;

@mitchoyoshitaka

http://mitcho.com

http://mitcho.com

http://twitter.com/mitchoyoshitaka

http://twitter.com/mitchoyoshitaka

Introduction

• Yet Another Related Posts Plugin

Introduction

• Yet Another Related Posts Plugin• ...aka YARPP

Introduction

• Yet Another Related Posts Plugin• ...aka YARPP• As seen on Laughing Squid, ma.tt...

Introduction

• Yet Another Related Posts Plugin• ...aka YARPP• As seen on Laughing Squid, ma.tt...• Over 350k downloads

Introduction

• Yet Another Related Posts Plugin• ...aka YARPP• As seen on Laughing Squid, ma.tt...• Over 350k downloads

• http://mitcho.com/code/yarpp or search for “YARPP”; @yarpp

Introduction

http://mitcho.com/code/yarpp

http://mitcho.com/code/yarpp

http://twitter.com/yarpp

http://twitter.com/yarpp



• Next steps

Today

The Loop

The Loop

• “The Loop” is the mechanism by which posts are called from the database and then displayed.

The Loop

• “The Loop” is the mechanism by which posts are called from the database and then displayed.

• On many pages—like the index or archives—it “loops” through each post.

The simplest Loopget_header();if (have_posts()) : while (have_posts()) : the_post(); the_content(); endwhile;endif;get_sidebar();get_footer();


{“The Loop”


{“The Loop” Sets up the post

The simplest Loop

Every theme’s PHP files are built on this basic structure.

get_header();if (have_posts()) : while (have_posts()) : the_post(); the_content(); endwhile;endif;get_sidebar();get_footer();

{“The Loop” Sets up the post

The Loop

if there are posts while there are posts get the post do stuff with it end whileend if

The Loop


{“The Loop”

The Loop

The Loop

• The Loop is where you can use Template Tags.

The Loop

• The Loop is where you can use Template Tags.• codex.wordpress.org/

Template_Tags

http://codex.wordpress.org/Template_Tags




The Loop

• The Loop is where you can use Template Tags.• codex.wordpress.org/

Template_Tags • It’s the the_post() call that makes that

possible.





The Loop


CC BY flickr.com/photos/myklroventine/1430113497/

http://www.flickr.com/photos/myklroventine/1430113497/




The Loop


But mommy, where doposts come from?

CC BY flickr.com/photos/myklroventine/1430113497/





Every Loop has a query


• Regularly, WordPress chooses the right template file and query based on your URL.


• Regularly, WordPress chooses the right template file and query based on your URL.• codex.wordpress.org/

Template_Hierarchy

http://codex.wordpress.org/Template_Hierarchy






Template_Hierarchy• /archives/123 → single post







Template_Hierarchy• /archives/123 → single post• /archives→ archives







Template_Hierarchy• /archives/123 → single post• /archives→ archives• /tags/chicken→ all chicken articles







• Next steps

Today

Customizing The Loop


• Themes control how information is presented...


• Themes control how information is presented...

• The query controls what information is presented.

Custom queries

Custom queries

Possible applications:

Custom queries

Possible applications:• Create custom feeds/displays

Custom queries


• ephramzerb.com/projects/feed-wrangler/

http://ephramzerb.com/projects/feed-wrangler/




Custom queries



• Pull information on other posts from within the theme’s Loop





Custom queries




• Customize what information is displayed globally





Custom queries




• Customize what information is displayed globally

Today’sexamples







• Next steps

Today

Roll your own query

Roll your own query

EX:

Roll your own query

EX:• Pull information on other posts

from within the theme’s Loop

Roll your own query


from within the theme’s Loop• Display other posts with a specific

criteria, like a tag.

Roll your own query


from within the theme’s Loop• Display other posts with a specific

criteria, like a tag.• Wrap it up in a shortcode [others]

Roll your own query

Roll your own query

The idea:

Roll your own query

The idea:• Create a new WP_Query object.

Roll your own query


• Given a $tag...

Roll your own query


• Given a $tag...• new WP_Query(array('tag'=>

$tag))

Roll your own query



$tag))• Call it $my_query

Roll your own query




• Create a Loop for $my_query

Roll your own query




• Create a Loop for $my_query• Do stuff in it

Make your own Loop

Make sure the Loop controllers are using $my_query, not the default ($wp_query)

if ($my_query->have_posts()) : while ($my_query->have_posts()) : $my_query->the_post(); the_content(); endwhile;endif;

The result:

More about WP_Query

More about WP_Query

Learn more from the Codex:

More about WP_Query

Learn more from the Codex:• More information on the

parameters:

More about WP_Query


parameters:• codex.wordpress.org/

Template_Tags/query_posts

http://codex.wordpress.org/Template_Tags/query_posts




More about WP_Query



Template_Tags/query_posts• Tips and examples:





More about WP_Query



Template_Tags/query_posts• Tips and examples:

• codex.wordpress.org/The_Loop





http://codex.wordpress.org/The_Loop

http://codex.wordpress.org/The_Loop



• Next steps

Today

Filter every query

Filter every query

EX:

Filter every query

EX:• Customize what information

is displayed globally.

Filter every query

EX:• Customize what information

is displayed globally.• Hide all my tweets.

Filter every query

The idea:

Filter every query

The idea:• Use the request filter to specify

that we don’t want results from the “tweet” category (#10)

Filter every query

The result:

Aside: the tools

Turn up the fire!

• Firefox getfirefox.com

• Firebug getfirebug.com

• FirePHP firephp.org

http://getfirefox.com


http://getfirebug.com


http://www.firephp.org


Aside: the tools

Turn up the fire!

• Firefox getfirefox.com

• Firebug getfirebug.com

• FirePHP firephp.org

The “Pyrotrinity”







FirePHP

Takes a moment to set up:

FirePHP

Takes a moment to set up:

Use it like this:



• Next steps

Today

Next steps

Hit the docs:

Next steps

Hit the docs:• PHP manual: php.net

Next steps

http://php.net

http://php.net

Hit the docs:• PHP manual: php.net• Codex: codex.wordpress.org

Next steps

http://php.net

http://php.net

http://codex.wordpress.org/Writing_a_Plugin


Hit the docs:• PHP manual: php.net• Codex: codex.wordpress.org• The source:

core.trac.wordpress.org

Next steps

http://php.net

http://php.net



http://core.trac.wordpress.org/browser


Hit the docs:• PHP manual: php.net• Codex: codex.wordpress.org• The source:

core.trac.wordpress.org• grep it!

Next steps

http://php.net

http://php.net





Next steps

Learn SQL

Next steps

Learn SQL• The language that WordPress’s raw

database calls are in.

Next steps


database calls are in.• It’s really not that scary.

Next steps


database calls are in.• It’s really not that scary.• Lets you write filters directly on

different parts of the query.

Next steps


database calls are in.• It’s really not that scary.• Lets you write filters directly on

different parts of the query.• EX: mitcho.com/blog/how-to/external-

orders-in-wordpress-queries/

Next steps

http://mitcho.com/blog/how-to/external-orders-in-wordpress-queries/




Thank you!Questions?

Slides will be up on mitcho.com/blog/.See you at the Genius Bar!

mitcho (Michael 芳貴 Erlewine)mitcho.com; @mitchoyoshitaka





getting into the loop

Technology