I put together a wireframe of the Thematic page structure. It was an exercise to better understand the thematic div structure, and I thought I'd share it with you all.
I'd like to change the front end in the future so you can turn on and off css positioning and optional components as well as collapse divs. but for now here it is:
http://bluemandala.com/thematic/thematic-structure.html
enjoy, and send feedback for improvements. or improve it and send it to me.
That's crazy awesome. Did you want to work that into the readme?
Really awesome, great work!
That’s very good, dwenaus!
It would be great if it was added to the readme, and maybe linked to from the Options page and/or from the Widgets page.
Absolutely, put it in the readme. And link it up where ever you think best. I also wanted to add a few simple options so that people could see it without the optional areas and with various css positioning applied.
Before it can go into the readme, it needs a bit of massaging, as I used the * selector to apply borders and font size :)
OK, I updated it so that it can be put in the read me. same url.
in the future I'd like to add an option to show all the action areas. can I use jQuery in the readme?
This is awesome. For a completely clueless newb such as myself, this is really going to help with understanding the overall structure of this theme. Thank you!
OK, A whole new version is up that includes all the thematic actions, action hooks, and filter hooks. If you see any problems let me know so I can fix 'em.
HuskerLiz
Member
Thank you very much. This is a great tool to help wrap my head around all the information.
glad it is helpful. If anyone has ideas for improvements, let me know.
I hate to restate the obvious, but this is fantastic!!!
Hi, dwenaus, many thanks, I've printed and post on my screen's side. One imprevement I think could be done is to list a single or page, with comments hooks et all. It's the only thing I miss.
Brilliant! Wireframe diagrams like this are absolutely the best way for me to 'get' the structure of a web design. Thanks so much for sharing this dwenaus. I want to start developing child themes for thematic and this saves me so much time, I really appreciate it.
Donna
This is awesome. Between this and Firebug I'll be set!
dwenaus, since you are asking for suggestions. Would it help to increase the padding a bit all around? I think it'd help differentiate different items a bit more.
Cheers!
flipping brilliant. now i just have to figure out how to move the hooks around.
this is life-saving, thanks.
that's a great help, thanks!
You are God. ;-) Thanks for that.
bankauskas
Member
awesome, thanks ! :)
The first time I saw this I didn't understand anything and was beating my head wondering why I couldn't get my widgets to show up. Today it was like a lightning bolt hit me. This is wicked. Thank you!
This is a hair-saver -- in that I no longer need to pull my own out. A *million* thanks would not be enough.
What do the numbers in parentheses after the italicized Thematic actions mean? e.g. "thematic_access(9)"
Just got here. I guess it will be more complex than I was expecting. But this seems to be a life-saver. Thanks.
shanoboy
Member
This is more helpful than you know. I was just digging through the CSS a few days ago using trial and error to figure out what was what.
Thanks very much for your efforts.
I'm hoping to use thematic to create a site that has the following structure:
sidebar / MAIN CONTENT / sidebar
Is this possible using Thematic or will it need too much work...?
Thanks
Ignore that last comment - missed the obvious!!
orionmessier42
Member
By chance, has anyone ever made a PhotoShop file (.psd) of this awesome diagram? (Even .xcf files for GimpShop would be great!)
Thanks so much for the Thematic Structure Diagram - I've referred to it so many times these past few days.
ricemaster
Member
Any chance of updating this with the new hooks thematic_abovecontainer(), thematic_postheader() etc ?
Thanks
Micha
JimDandy
Member
This is a great help, thanks. Just FYI, from what I can tell, "_abovemainasides()" and "_belowmainasides()" are like most other action hooks - they have "thematic" prepended, so they should read "thematic_abovemainasides()" and "thematic_belowmainasides()." Correct me if I'm not understanding something, but that's the way I had to write them to hook in some new markup.
Form my experience with that diagram, it doesn't have _everything_ in it... there are more specific hooks and filters if you look directly at the Thematic files.
This topic has been closed to new replies.
