OH HELLO!
****OVERVIEW****
It looks like you’re interested in how wuog.org works. Well, as you can tell it runs on Wordpress MU (http://mu.wordpress.org/).
Wordpress gives WUOG a constantly updating content management system along with a community of developers. Installing new functionality is easy, user and theme management.
****WUOG-Matic Theme****
The WUOG-Matic theme is a widgetizable theme. It was developed using CSS Edit 2 and Coda. At the time of this writing (January 2010) both of these applications are available on the Mac Pro in the prod room.
Wordpress allows child themes to be created which use all the template files (index.php, header.php) and replace the style.css and functions.php. Any templating files that are placed in the child theme folder also override the parent theme.
****Information Architecture****
As of this writing, blogs can only exist in a single subdirectory. For example, wuog.org/organic-compound/ can exist but wuog.org/shows/organic-compound/ can not exist.
Well, wuog.org/shows/ could be a blog and organic-compound could be a category but this would require a user to set the category every post. While this is not too complicated for DJs to do, it is an extra step that could lead to content not displaying in the correct location.
We can, however, work around this by using the ‘Sites’ tab in Site Admin in the Wordpress Dashboard. This is a plugin that allows us to assign blogs to different subdomains. Now, we can assign wuog.org/organic-compound/ to shows.wuog.org/organic-compound/.
Plugins for a subdomain need to be defined separately from the main blog. This is probably a good thing.
From style.css
/* Tools
CSS Elements are compiled into main groups. CSS was written using CSS Edit 2 which visually interprets the @group comments into folders.
Designing on a Grid – Elements for the most part adhere to a grid system. The page is divided into a 960px wide document and columns are spaced every 20px for a total of 48 columns. This gives an incredibly flexible, exact and simplified method of placing elements. However, you must pay attention to margins which should be an entire column between elements (10px left, 10px right).
The site was originally designed for the 16-column system at http://960.gs, however, it has since been adapted for WUOG’s usage. 960 Gridder is a good tool for checking alignment. */
/* Elements
RESET – This sets comment elements to 0 because different browsers have different default styles.
Structural Elements – These are all about div placement. Structure is primarily defined by ID elements. Sub-folders contain ID selector children. Ex. #nowplaying div exist in the @group #nowplaying
Text Syles – Typographic styles, a:links, p’s and b’s.
Widgets – Contains styles for specific Widgets
CAUTION: Overrides – When you absolutely, positivly have to override it.
*/
/* http://old.wuog.org/
This area does not run on wordpress. It is some of the original code that the site ran on. However, it references elements in the WUOG-Matic theme. For that reason you must update the template file in old.wuog.org when updating WUOG-Matic to maintain site consistency.
*/
Changelog
x JQuery header extra links
x Sitewide rotating content
x Rotate backgrounds option
x Recent Post QTip.js
o Choose your own background?
x Visual refinements
x Rotation Blog / User Backgrounds
x This branch was created unexpecdadly when I accidently deleted the live v1.9 style.css
/* Version 1.9 Milestone
x Switch static links to live links
x Test playlist software on old.wuog.org
o Make sure all pages are content rich
o Contact us
x About
x Staff
x Music
o Header / footer link management system (through WP Links on main blog) **Pushed to later release
o Favicon
x Header / footer spacing
o Search function theming ** Can not be themed
x Fix footer rounding (solved by having moz/webkit border style overwrite border-radius: in the cascade)
x ‘Wordpress login’ bug fix
v 1.0 Red, white and blue fer ‘merica.
v 1.5 CSS re-organized using CSS Edit Group capabilities.
v 1.5.5 Widgetizable
v 1.6.0 Initial redeisgn
v 1.6.5 New widget areas (Primary, secondary)
v 1.7.0
x New widget area “Extra Blog Navigation”
x Begin version branching in the themes folder.
x Round corners ? Was done with Mozilla/Webkit specific styles
x Create sprite ? Begain with Subscribe button / hover
x Changed rotating background to a Jquery function. Placed function at the end of the document because of load time.
x Visual tweaks
x Increase documentation.
V 1.8
x Footer with show links
x Style login links
x Thin widget areas?
x Fix widget overflow
x p > img float / padding