Graphic & Web design blog

6 infographics to help you better understand WordPress

Published on August 16, 2012 in

Like most web designers, I didn’t go through school education to learn how to use WordPress. The process of learning went through reading books, trying tutorials, studying great designers themes, and finally checking some images, charts and infographics that visually gave me a better understanding of WordPress. Following are some infographics that will give you a better understanding of WordPress. We also suggest checking out the experts at at WPMUDEV.

1. WordPress database structure

Whether you create WordPress themes, edit thems, or create plugins, you may need to communicate with the database and find the information you need. This diagramm helps you to make sense of it much quicker by showing the structure and relations between the tables.

2. WP_Query vs query_posts() vs get_posts()

Despite the use of Comic Sans, this flowchart is very helpful to decide how to call for posts within or out of the WordPress loop.

Edit: according to a comment by Evert, this chart shouldn’t have been included. It’s is true that query_posts() shouldn’t be used anymore, but WP_Query can still be used. Check this discussion on Stack Exchange for more info. To make it short: Use pre_get_posts to alter your main query. Use a separate WP_Query object (method 2) for secondary loops in the template pages.

4. The anatomy of a WordPress theme

5. WordPress template hierarchy

Having a good understanding of WordPress’ template hierarchy can help you save a good amount of time, at least this chart did this for me. I chose the version created by WPtuts+ because it seemed more appealing visually to me, but the WordPress Codex contains a more detailed and up-to-date version of this chart.

Sign up below to get the latest from Designer Daily, plus exclusive freebies, directly to your inbox every day!

About this site

Designer Daily is a place for designers to find inspiration, resources, and thoughts that will be useful to their daily work. It is maintained by Mirko Humbert, a Swiss graphic and web designer. More info.