The WordPress Loop

Transcript

1. The WordPress Loop Giustino Borzacchiello / WordPress Meetup Milano -

   January 2016

2. The standard Loop

3. The standard Loop What’s The Loop?

4. The standard Loop “The Loop is PHP code used by

   WordPress to display posts.” https://codex.wordpress.org/The_Loop

5. The standard Loop “The Loop is PHP code used by

   WordPress to display posts.” https://codex.wordpress.org/The_Loop

6. The standard Loop “The Loop is PHP code used by

   WordPress to display posts.” https://codex.wordpress.org/The_Loop

7. The standard Loop Post list

8. The standard Loop Single post/page

9. The standard Loop “Mullet” loop

10. The standard Loop Random post widget

11. The standard Loop Related posts

12. The standard Loop The Loop breakdown

13. <?php if ( have_posts() ): while ( have_posts() ): the_post();

    // Single post endwhile; else: // No post found endif;

14. <?php if ( have_posts() ): while ( have_posts() ): the_post();

    // Single post endwhile; else: // No post found endif;

15. <?php if ( have_posts() ): while ( have_posts() ): the_post();

    // Single post endwhile; else: // No post found endif;

16. <?php if ( have_posts() ): while ( have_posts() ): the_post();

    // Single post endwhile; else: // No post found endif;

17. ... while ( have_posts() ): the_post(); <h2><?php the_title(); ?></h2> <?php

    the_excerpt(); ?> endwhile; else: // No post found endif;

18. ... while ( have_posts() ): the_post(); <h2><?php the_title(); ?></h2> <?php

    the_excerpt(); ?> endwhile; else: // No post found endif; Template tags

19. <?php if ( have_posts() ): while ( have_posts() ): the_post();

    // Single post endwhile; else: // No post found endif;

20. <?php if ( have_posts() ): while ( have_posts() ): the_post();

    // Single post endwhile; else: // No post found endif;

21. The standard Loop Single Loop

22. if ( have_posts() ): while ( have_posts() ): the_post(); <h2><?php

    the_title(); ?></h2> <?php the_content(); ?> endwhile; endif;

23. The standard Loop “Mullet” Loop

24. The standard Loop 1 2 3 4 5

25. <?php if ( have_posts() ): $count = 0; while (

    have_posts() ): the_post(); if( 0 === $count ) { // first post } else { // other posts } $count += 1; endwhile; endif;

26. The standard Loop Random posts Loop

27. <?php $rand_query = new WP_Query(['orderby' => 'rand']); if ( $rand_query->have_posts()

    ): while ( $rand_query->have_posts() ): $rand_query->the_post(); the_title(); endwhile; endif; wp_reset_postdata();

28. <?php $rand_query = new WP_Query(['orderby' => 'rand']); if ( $rand_query->have_posts()

    ): while ( $rand_query->have_posts() ): $rand_query->the_post(); the_title(); endwhile; endif; wp_reset_postdata();

29. The standard Loop Useful references

30. The standard Loop The loop and template tags https://developer.wordpress.org/themes/basics/the-loop/ https://codex.wordpress.org/The_Loop

    https://codex.wordpress.org/The_Loop_in_Action

31. The standard Loop Try to find and understand the loop

    in this theme https://github.com/WordPress/twentysixteen

32. The standard Loop How does WordPress find what posts to

    show? https://developer.wordpress.org/themes/basics/template-hierarchy/

33. The standard Loop WP_Query https://codex.wordpress.org/Class_Reference/WP_Query

34. The standard Loop thank you @jubstuff borzacchiello.it

35. The standard Loop Extra: related posts loop

36. if ( have_posts() ): while ( have_posts() ): the_post(); //

    EXERCISE! Insert here template tags $rel_query = new WP_Query([ 'category__in' => wp_get_post_categories($post->ID), 'post__not_in' => [$post->ID], 'posts_per_page' => 3, ]); // EXERCISE! Insert here $rel_query loop! endwhile; endif;

37. Images https://www.flickr.com/photos/nkphillips/2984667077/ https://www.flickr.com/photos/jeremybrooks/2214481087/ https://www.flickr.com/photos/benjaminbeard/5642453196/ https://www.flickr.com/photos/jpestana/16315778523/ https://www.flickr.com/photos/xroper7/19998325086/ https://www.flickr.com/photos/katsrcool/16912193533/ https://www.flickr.com/photos/15609463@N03/9848807935/ https://www.flickr.com/photos/adamfowler/4841559945/ https://www.flickr.com/photos/donald_gunn/15340138404/

    https://www.flickr.com/photos/trevira1/8218299403/