WordPress Cheat Sheets: The Loop Visual Model
- WordPress Cheat Sheet: The Loop Code Snippet
- WordPress Cheat Sheets: The Loop Visual Model
- WordPress Cheat Sheets: Theme Anatomy Model
- WordPress Cheat Sheets: Template Heirarchy Map
With the popularity of our old WordPress cheat sheet, we’ve decided to fire up a new batch of these quick pocket guides that you guys n’ gals can download, save to your phones for a fast reference, or even print out and keep next to your desk while you’re working on customizing WordPress to do your bidding. Today’s cheat sheet: The Loop Visual Model!
The Loop is easily one of the most powerful and crucial pieces of WordPress to understand, and while there’s a lot already written about it, it’s also just nice to have a quick reference for the loop in the event that you need a fast refresher.
This is a quick visual model that can be a great helper when trying to wrap your brain around the loop for the first time (or the thirtieth!). It doesn’t include everything that you can possibly do with it (ie: comments.php isn’t even shown), but it’s a simple model that should pair nicely with coded examples.
Don’t Miss…
Don’t miss out on Our Beginners Guide to The_Loop(), or our Advanced Guide to WordPress Queries, which plays right into the content of this cheat sheet.
Oh, and we’ll be doing our best to keep these sheets updated as WordPress grows into new versions, but if you spot an error (or just want to send some love), let us know in the comments!
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
Join our newsletter!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Wptuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
A typo, I found there.
In the_author(), the description should be outputs the post/page author.
BTW, a very straightforward chart. Looks like I am going to print it right away.
Cheers!
Thanks for the heads up – I’ll patch that up in a few hours
You’re welcome!
not any video tutorial
what’s wrong with this website
wordpress videotutorial from html/css template to wordpress theme
i know it sounds like an impossible mission. i remember jeffry form net.tutsplus.com way was going to make a wordpress theme from psd to html to wordpress. and when he arrived to the last step (i mean html to wordpress) he canceld this last step. what a disappointment!!!!
when i saw this website coming i said finally. we are rescued thinking that this website will make it happen (a wordpress video tutorial theme). days have passed, months have passed and sonner year will pass and we see nothing coming. this is the reel deal. so are going to make it
this is an excellent template! i think i’ll turn this visual into what Camern Moll did with his fantastic html5 magnets:
http://cameronmoll.tumblr.com/post/10688505696/html5-whiteboard-magnets
thanks for posting this!
Nice link! Thanks
The blog really takes an insight view in to Loops. I had heard about it but never really knew the way it works. Now I have a fair bit of idea although I have miles to go before I know more about it. Waiting for similar blogs! Thanks for this one though!
Gotta love cheat sheets
you may want to use the_time() rather than the_date().
if you have multiple posts on the same date being displayed, the_date will only display 1 of them. the_time negates this. read the special note: http://codex.wordpress.org/Function_Reference/the_date
Nice add Matt – Thanks! I’ve added this to the list of changes for the next version
It would be great a visual cheat sheet for comments template too
That’s actually in the list of Cheat Sheets to come – I have about 10 total that will be in this series
great useful cheat sheets, thanks for sharing mate