Visual Anatomy of a WP 1.5 Theme
Thanks for visiting! If you're new here, you may want to subscribe to my RSS feed. My blog posts useful tips, ideas, tutorials and guides for WordPress bloggers. If you are familiar with RSS readers, just add my feeds to your reader! You can also receive updates by email.
While spending some time in the WordPress support forum I realized that for most new users it’s quite difficult to grasp the theme/template system used in this version. Although there are a lot of excellent articles in the Codex it occurred to me that part of the population might need a visual representation of how the templates work together.
Being myself very visual when it comes to memorize and/or build a mental picture of an abstract thing, I decided to try to “translate” the original anatomy of a theme by Ryan Boren into a visual help (or whatever it should be called).
It’s not a piece of art, just a quick, dirty code (lots of tables - do not comment on that, I’ll delete :), but hopefully it will help some folks who try to learn how WP works.
Here is the link to the Visual Anatomy.
March 31, 2005 @ 07:58 (CST)
Great job! This will def’n come in handy.
Thanks,
Alex
April 1, 2005 @ 10:06 (CST)
Very nice, bookmarked.
April 2, 2005 @ 15:15 (CST)
Thanks so much - this is really helping me get my rather thick head around this.
April 4, 2005 @ 09:59 (CDT)
Very handy, thanks for posting this :)
April 7, 2005 @ 16:08 (CDT)
It is getting harder to produce any kind of WP resource that is both new and useful but this does it. Nice work. :)
April 18, 2005 @ 20:19 (CDT)
Sweet… great interpretation :)
June 5, 2005 @ 06:07 (CDT)
Helpful, thanks. Took me a while to wrap my brain around it, but with a full-screen browser window and reading each part several times, I understand the diagram.
August 10, 2005 @ 01:01 (CDT)
Help a lot for WordPress. Good job.
Gustaff
October 10, 2005 @ 22:46 (CDT)
It is well made by, Thanks!
November 8, 2005 @ 10:43 (CST)
[…] One of the reasons that I turned to this one is that the author has posted something useful about theme design in this post. It’s a very guide if you really want to attempt designing your own theme. Blockquote for this theme looks like this […]
August 25, 2006 @ 15:28 (CDT)
[…] WordPress theme ‘anatomy’: Theme Development, Blog Design and Layout, Anatomy of a WordPress Theme and Visual Anatomy of a WP 1.5 theme (still good info). Last, but not least: Dissection of a WordPress theme: Part 1. […]
September 21, 2006 @ 23:28 (CDT)
Hey, thanks for that. Still use 1.5 here and there.
December 21, 2006 @ 15:46 (CST)
I started using wp recently so this comes in real handy.
thank you moshu
December 25, 2006 @ 13:31 (CST)
Ahaa!
I wish I had read this post before I struggled to set up our Wordpress (Version1.5) Blog a couple of years back. It is there and working well though I still haven’t found out a good way to upload images.
I strongly recommend that the VISUAL ANATOMY must be included in the WORDPRESS download package with instruction that it should be studied carefully before attempting to install WORDPRESS.
A great example of how Documentation can be made simpler and intutive.
December 26, 2006 @ 11:14 (CST)
Thanks so much - this is really helping me get my thick head around this.
thanks for taking the time to show us
have a good christmas and a happy new year
January 7, 2007 @ 16:37 (CST)
I recently started using WP. Good recourse here. Bookmarked your site!
January 17, 2007 @ 06:25 (CST)
This visual anatomy is great. I am also a visual type, and the logic visually displayed makes sense for me, and helps a lot! Thanks,
Janos
January 17, 2007 @ 19:33 (CST)
I am new to using wordpress, i dont find it that easy to use or monitor, are there any tips you can share for a non techiw?
January 17, 2007 @ 20:49 (CST)
Sure, Rob, come back when you have a WP site installed and not a phony commercial site in your profile (which I deleted ;)
January 20, 2007 @ 04:47 (CST)
great one here…if only you can make another one for WP 2.0
keep it up.
thks.
January 22, 2007 @ 11:55 (CST)
KeVin, actually, the theme system didn’t really change for 2.x. There might be more and more sophisticated themes (using the functions.php, widgets, etc.) but the basic idea how the templates come together - hasn’t been changed.
January 23, 2007 @ 03:44 (CST)
Something new here.Visual anatomy of wordpress? I love the way you worded it.
January 29, 2007 @ 10:19 (CST)
Hey, thanks for that. Still use 1.5 here and there.
February 11, 2007 @ 21:47 (CST)
Hey, thanks for that.
February 18, 2007 @ 16:20 (CST)
Thank you very much for this… Im using Wp 1.5 on a few places… But it would be awsome if you could do one for the wp 2.0 aswell!
February 19, 2007 @ 00:15 (CST)
Please, read comment #21.
February 21, 2007 @ 16:27 (CST)
I found using Wordpress to design my web sites a great time saver and with plugins for automatic sitemap generation and SEO optimisation and easy changing of themes its such a web design time saver. If fact i just made a template from the theme i’m currently using and after veiwing the souce code i just saved as html and with a bit of copy and pasting moved all the content on my older html pages to the new template now my older pages all look the same as the blog template. On a new site this isnt a problem but this one has been around a while before i used Wordpress. Still have a load of article pages to move over but i should be able to automate some of it with a few block text replacer programs i have.
February 23, 2007 @ 08:37 (CST)
Thanks, this is a great addition to making your own wp templates. Good article!
March 8, 2007 @ 02:28 (CST)
Thanks & I will definitely share this.
March 8, 2007 @ 15:43 (CST)
Thanks so very much for taking your time to create this very useful and informative site. I have learned a lot from your site. Thanks!!1
March 8, 2007 @ 18:33 (CST)
Excellent web site I will be visiting often
March 13, 2007 @ 16:16 (CDT)
Great article. I appreciate the info.
March 21, 2007 @ 10:17 (CDT)
Excellent Article. Have emailed it to my friends!
April 24, 2007 @ 09:38 (CDT)
Thanks Moshu. Keep up the good work.
I just started using WP.
August 5, 2007 @ 19:48 (CDT)
This visual anatomy is great. I am also a visual type, and the logic visually displayed makes sense for me, and helps a lot! Thanks,
Janos
August 14, 2007 @ 16:53 (CDT)
Hi,
very nice blog, many good information I have found here!
September 7, 2007 @ 02:32 (CDT)
Nice one. Will it work with newer versions of WP?
September 13, 2007 @ 09:38 (CDT)
Thanks … Great job…
September 16, 2007 @ 08:00 (CDT)
[…] WordPress theme ‘anatomy’: Theme Development, Blog Design and Layout, Anatomy of a WordPress Theme and Visual Anatomy of a WP 1.5 theme (still good info). Last, but not least, the Urban Giraffe’s: Dissection of a WordPress theme: Part 1. […]
October 12, 2007 @ 01:05 (CDT)
great job man… thanks.
October 19, 2007 @ 05:48 (CDT)
Awesome job!
Thanks
October 20, 2007 @ 18:15 (CDT)
That was awesome!
I have never seen anatomy of wp theme before
October 20, 2007 @ 18:17 (CDT)
Anatomy of a wordpress theme,
lol. i would love to see the physiology, surgery, biopsy, etc.
Anyways, thanks a ton for your efforts
October 22, 2007 @ 07:34 (CDT)
Great work! Thanks for the post, i just bookmarked it.
Regards
Meteko
October 30, 2007 @ 13:29 (CDT)
Great post.Was very helpful.Thanks a ton mate.
Looking forward for more releases!
March 28, 2008 @ 07:30 (CDT)
[…] Moshu’s Visual Anatomy of a WP v1.5 Theme […]