ThemeShaper Forums » Thematic

[closed]

Thematic Structure Diagram - widget areas included

(51 posts)
  • Started 14 years ago by dwenaus
  • Latest reply from webmakerholly
  • This topic is not a support question
  1. 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.

    Posted 14 years ago #
  2. That's crazy awesome. Did you want to work that into the readme?

    Posted 14 years ago #
  3. Really awesome, great work!

    Posted 14 years ago #
  4. 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.

    Posted 14 years ago #
  5. 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 :)

    Posted 14 years ago #
  6. 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?

    Posted 14 years ago #
  7. 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!

    Posted 14 years ago #
  8. 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.

    http://bluemandala.com/thematic/thematic-structure.html

    Posted 14 years ago #
  9. HuskerLiz
    Member

    Thank you very much. This is a great tool to help wrap my head around all the information.

    Posted 14 years ago #
  10. glad it is helpful. If anyone has ideas for improvements, let me know.

    Posted 14 years ago #
  11. I hate to restate the obvious, but this is fantastic!!!

    Posted 14 years ago #
  12. 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.

    Posted 14 years ago #
  13. 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

    Posted 14 years ago #
  14. 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!

    Posted 13 years ago #
  15. flipping brilliant. now i just have to figure out how to move the hooks around.

    Posted 13 years ago #
  16. this is life-saving, thanks.

    Posted 13 years ago #
  17. that's a great help, thanks!

    Posted 13 years ago #
  18. You are God. ;-) Thanks for that.

    Posted 13 years ago #
  19. bankauskas
    Member

    awesome, thanks ! :)

    Posted 13 years ago #
  20. 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!

    Posted 13 years ago #
  21. 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)"

    Posted 13 years ago #
  22. Just got here. I guess it will be more complex than I was expecting. But this seems to be a life-saver. Thanks.

    Posted 13 years ago #
  23. 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.

    Posted 13 years ago #
  24. 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

    Posted 13 years ago #
  25. Ignore that last comment - missed the obvious!!

    Posted 13 years ago #
  26. orionmessier42
    Member

    By chance, has anyone ever made a PhotoShop file (.psd) of this awesome diagram? (Even .xcf files for GimpShop would be great!)

    Posted 13 years ago #
  27. Thanks so much for the Thematic Structure Diagram - I've referred to it so many times these past few days.

    Posted 13 years ago #
  28. ricemaster
    Member

    Any chance of updating this with the new hooks thematic_abovecontainer(), thematic_postheader() etc ?

    Thanks
    Micha

    Posted 13 years ago #
  29. 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.

    Posted 13 years ago #
  30. 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.

    Posted 13 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.