Ultimately I ended up setting up a separate blog for each site and hoped to come back to it at some point.  That point was a couple weeks ago when I decided to do some maintenance on the sites.  I ended up using the main installation as a parent and linked (using Unix symbolic links) all of the sub-domain sites back to parent.  The only exception was the wp-content directory which is a real directory (so uploads can be unique) but within wp-content I linked back to the parent’s themes and plugins.

This worked pretty well – if I install a plugin or theme for the main site it is available for all of the sub-domain sites and when I upgrade WordPress, all of the sub-domain sites are upgraded as well.  Once I got this running, I wanted to share the users across all blogs.

After several attempts and numerous Google searches, I ended up following the directions in this thread and this thread and got everything to work.  I don’t particularly care for having to modify one of the core WordPress files since it will go away the next time I update WordPress but none of the other solutions I tried worked.

With a little bit of styling it looks well integrated with the theme I am using. You can see the it in action on the CASL Shocks web site.

As a test, I have installed it on the site I am putting together for my youngest daughter’s soccer team (CASL Sharks) to see  how it works.  For the most part, I am impressed – it pretty much works as advertised.  I was able to login using my Facebook login and once my user was added to the WordPress user tables, I could change my permissions to allow my Facebook user id to post.  I still need to do some work to support Facebook Connect for comments but the instructions look pretty straight forward.  I think this would work well for the NCLTC and NCLUG sites as well although Facebook Connect requires PHP5 and those sites are hosted on a PHP4 based server so I’ll have to sort that out.

The only thing I use which is missing is the ability to link or preferably, display, a slide show.  I shoot a lot of pictures of our kids activities (skateboarding, soccer, basketball, swim team, etc.) and sharing them as a Flickr slide show is something I do frequently.

I found a solution to the missing slide show by using the Light Window plugin in conjunction with the Flickr URL for the slide show I am interested in presenting.

I did fix the problem with the Recent Comments widget as also added support for the WpTwitter widget.  I’ll noodle on how to get the size working as I go about my day today (chuch, soccer, etc.) and try and figure something out.  I also need to fix the footer links and add attribution to the Fibblesnork background images.

Here is what the yellow color scheme looks like:

ColorBlender seems to have come back on line which makes picking colors much easier.

Color schemes were pretty straight forward.  I wanted to base them on the Fibblesnork Backgrounds which I like a lot.  The Fibblesnork backgrounds are very small images designed to tile across a web page.  In my case, I wanted to use them to frame the content area.  There are 18 different colors and two sizes for a total of 36 different background color choices.  At some point I plan to support all 18 colors but initially I am only offering three:  Red, Green, and Blue.  Setting up a theme options page to select a color scheme was pretty straight forward, I had done that previously with my Soccer Theme.

WordPress has some built in functionality to do custom header images but it didn’t really do what I wanted.  I wanted to allow a fair amount of control over the look and layout of the header.  I decided to support three header images:  Left, center, and right.  I didn’t want to manage the header images so I decided to leverage the built in media management capability.

The theme options page will present any image that is in the media library as a potential header image.  But how?  I wanted to make it fairly simple to use.  I decided to implement a drag and drop scheme based on the jQuery UI and discussed it in detail in a prior post.  It took a little while to work it all out as I had done very little with jQuery previously.

The last thing I wanted to allow was the ability to tweak the header layout with CSS.  For this I added what I referred to as “CSS Overrides” for the blog title, blog tagline, and the three header images.  The combination of color schemes, custom header images, and CSS Overrides allows the Sandbox LEGO theme to take on a fairly distinct look.

The theme is currently in use on three blogs, I expect to make it available for download in the next few days.  There are a couple issues I know of that need some styling help and I want to get two more color schemes finished before I release it.  Color schemes aren’t too bad – I just need to pick the proper values.  I have a script that actually generates the CSS files.

One of the main things I wanted to offer in this theme was the ability to choose a color scheme from an pre-set offering of about 8-10 choices.  This wasn’t too hard, I had done some similar in the original Sandbox Soccer theme.

As I worked on it I decided it would be nice to allow the user to define what the header should look like including their own image.  WordPress offers the ability to upload and use a custom theme header but this didn’t do quite what I wanted.  I decided to let the user choose a header image from the media library.  But what if the user wants multiple header images?  Hmmm.  This problem could get very complicate very quickly.  I decided to constrain the problem by providing the ability to define up to three (3) header images:  Left, center, and right.  Doing this would support the 3-4 sites I expect to use this theme on (my own CarolinaTrainBuiders.com site, NCLUG, NCLTC, and ILTCO).

Now that I knew what I wanted, how to implement it.  Simply showing the image options on a Theme Options page could potentially result in an enormous page.  I mentioned jQuery Accordion in a prior post, dividing the various options into sections using the Accordion made sense and was pretty straightforward once I upgrade to WordPress 2.8.4.

Once the Accordion was working I decided I wanted an elegant way to select the images.  Since this effort is a hobby and I largely do projects likes this to learn something, I decided I wanted to use a drag and drop mechanism to select the images.  Again, jQuery to the rescue, namely the jQuery draggable and jQuery droppable plugins.  In particular, the Simple Photo Manager demo was very close to what I had envisioned.

It has taken me a little while, mostly because I haven’t had a lot of time to work on it but I finally have a pretty slick theme options page working where the header images can be selected from the media library using drag and drop.  I am by no means a jQuery guru but I have learned a fair amount working this problem out.  The code I have isn’t ideal and I’ll continue to refine it but it is working so I can continue to develop the theme.  Once I get it running and released I will go back and clean up the jQuery code.  For now, getting it working and doing what I wanted was the primary task.