ThemeShaper Forums » Thematic

[closed]

Thematic Structure Diagram - widget areas included

(51 posts)
  • Started 5 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 5 years ago #
  2. That's crazy awesome. Did you want to work that into the readme?

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

    Posted 5 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 5 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 5 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 5 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 5 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 5 years ago #
  9. HuskerLiz
    Member

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

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

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

    Posted 5 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 5 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 5 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 5 years ago #
  15. flipping brilliant. now i just have to figure out how to move the hooks around.

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

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

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

    Posted 4 years ago #
  19. bankauskas
    Member

    awesome, thanks ! :)

    Posted 4 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 4 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 4 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 4 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 4 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 4 years ago #
  25. Ignore that last comment - missed the obvious!!

    Posted 4 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 4 years ago #
  27. Thanks so much for the Thematic Structure Diagram - I've referred to it so many times these past few days.

    Posted 4 years ago #
  28. ricemaster
    Member

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

    Thanks
    Micha

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

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.