Visual Anatomy of a WP 1.5 Theme
Welcome back! Did you get your WIDGETIZER yet? Download Widget Magic.
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.









Great job! This will def’n come in handy.
Thanks,
Alex
Very nice, bookmarked.
Thanks so much - this is really helping me get my rather thick head around this.
Very handy, thanks for posting this :)
It is getting harder to produce any kind of WP resource that is both new and useful but this does it. Nice work. :)
Sweet… great interpretation :)
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.
Help a lot for WordPress. Good job.
Gustaff
It is well made by, Thanks!
Hey, thanks for that. Still use 1.5 here and there.
I started using wp recently so this comes in real handy.
thank you moshu
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.
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
I recently started using WP. Good recourse here. Bookmarked your site!
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
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?
Sure, Rob, come back when you have a WP site installed and not a phony commercial site in your profile (which I deleted ;)
great one here…if only you can make another one for WP 2.0
keep it up.
thks.
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.
Something new here.Visual anatomy of wordpress? I love the way you worded it.
Hey, thanks for that. Still use 1.5 here and there.
Hey, thanks for that.
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!
Please, read comment #21.
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.
Thanks, this is a great addition to making your own wp templates. Good article!
Thanks & I will definitely share this.
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
Excellent web site I will be visiting often
Great article. I appreciate the info.
Excellent Article. Have emailed it to my friends!
Thanks Moshu. Keep up the good work.
I just started using WP.
You saved me a lot of trouble. Keep up the great work! Thanks a lot.
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
Good stuff
http://www.astawerks.net
http://www.xtremedirectory.com
Hi,
very nice blog, many good information I have found here!
thanks for the info!
Sweet blog very intersesting
nice blog good tips
Very well made, much appreciated
I love it.
Nice one. Will it work with newer versions of WP?
tnx for this post.
thanks. great job.
Thanks … Great job…
Thx for the post…
Thanks, great help!
thanks alot for the post, nice help
Nice Site!
Great post.Was very helpful.Thanks
A helpfull and informative post. thanks for the great article!
Not only I use Wordpress all the time but I strongly suggest you use this widget on any of your blogs:
http://www.blogrush.com/r20255728
That’s more free bloggers.
great help, thanks for the article
This WordPress Blogging concept is the only real Blog you can implement a great deal of Blogging techniques with. Your article only reveals the true ability to Blog and add any special effect you want. I have many Blogs but my WordPress Theme keeps me here more
http://www.rocncontrol.com/getcash
Please take a look and tell me how to make my Blog talk like yours does.
Thanks
great job man… thanks.
Awesome job!
Thanks
very nice bookmark, thanks great job
That was awesome!
I have never seen anatomy of wp theme before
Anatomy of a wordpress theme,
lol. i would love to see the physiology, surgery, biopsy, etc.
Anyways, thanks a ton for your efforts
Great work! Thanks for the post, i just bookmarked it.
Regards
Meteko
Great post.Was very helpful.Thanks a ton mate.
Looking forward for more releases!
Nice laid out blog, full of content. Will come back for more information.
http://artificialchristmastree-will.blogspot.com/
I do not know I good understand you
I know what you mean but unfortunatelly it is not usefull for me
Thank you for posting this — it’s great.
Visual anatomy of a WP theme. I found this blog very useful. Thanks.
Dreamweaver users are very WYSIWYG, the ability to highlight a block or list item and drag it into place is fast and easy. With the ThemeDreamer extension for Dw, you can now do this with WordPress files. The extension has a lot to offer for coders too (links into documentation, etc.). It truely unleashes the power of Dreamweaver’s CSS/Design features so you can easily navigate theme files. You can see before/after shots here.
http://www.themedreamer.com/demos
Thanks - this is really helpful. Makes lots of sense for those who don’t know much about wordpress.
Sometimes it’s really that simple, isn’t it? I feel a little stupid for not thinking of this myself/earlier, though.