Make sure you have drush installed (and you need latest drush not the old drush that ubuntu install.  I found a forum thread that helped update drush to 5.8)

Download Omega 4  (drush dl omega –select and choose the Omega 4 (in beta when this was written)

Using Drush create a child subtheme (http://drupal.org/node/1936948)  (Note:  I had to make sure omega tools wasn’t enabled otherwise it kept giving me a omega theme not found error.)

Installation of Ruby, Compass, Susy and few Compass packages  on Ubuntu

• sudo apt-get install ruby-full build-essential
• sudo apt-get install rubygems
• export PATH=/var/lib/gems/1.8/bin:$PATH

On Ubuntu, I had to update rubygems for the toolkit installs.

• sudo gem install rubygems-update
• cd /var/lib/gems/1.8/bin/
• sudo ./update_rubygems
• sudo gem install bundler

Continue installing packages….

• sudo gem install compass
• sudo gem install susy
• sudo gem install sass (not sure if needed but installed it.)
• sudo gem install toolkit
• sudo gem install compass-normalize
• sudo gem install compass-rgbapng

Change directory to the child subtheme directory (called ‘themename’ from now on.)

Execute ‘compass watch .’ and it will constantly watch for any change in the SCSS files and re-compile it to CSS.  So you can styling to sass/styles.scss and after editing, the css/styles.css should be updated automatically.

Basic Setup the Layout and specific css for the layout

1. Create a ‘themename/layouts/newlayout’ directory and add 2 files…   newlayout.layout.inc & newlayout.layout.tpl.php (http://drupal.org/node/1936980)  I copied simple layout for this from the Omega theme and changed the newlayout name to match my themename.
2. Create a ‘themename/sass/layouts/themename/themename.layout.css’. (I copied omega\sass\layouts\simple\simple.layout.css)

Adding more CSS

Adding your own css…  following another Omega 4 subtheme pattern.   I created  a ‘themename/sass/themename’ directory and started putting in my own .scss files there.  (i.e.  ‘sass/themename/_menu.scss’  )  Then in the ‘themename/sass/styles.scss’ make sure you import in that scss file.   (i.e.   @import “themename/menu”; )

So basically to summarize:

• You work in the ‘themename/sass’ directory to add/modify your css.
  • layouts/themename/themename.layout.scss which is using the Compass grid extension Susy
  • themename/_*.scss files which contain theme specific.
• You work in the layouts/layoutname directory to modify your layout (tpl.php)
• Compass generates all your css and puts in your ‘themename/css’ directory

Other comments/suggestions:

Adding Regions:

• Add to both your template.info file and your ‘layout/layoutname.layout.inc’ file

My goal is to give clients a website that is easy for them to edit the content and keep the web-content fresh and up-to-date.     I provide training tutorials (pdf or video) showing how to use their website on specific things, but a lot of it is super simple where you click to edit content in a small word-like editor (referred to as a wysiwyg editor) and then click save.    

Here is a recently released article with 10 Reasons Why Every Small Business Needs a CMS-Based Website that I thought was excellent and covers a lot of good points.

I would add a eleventh reason in using a CMS: it can easily tie in their social media presence that the business uses.     It can be as simple as putting on their Facebook link but I would suggest more.  For example, if you write a blog/news post in WordPress, then it can be auto-posted to your Facebook business page, then if people comment on on that Facebook post, the Facebook comments will be pulled back to your WordPress post a comment.   

• A credit system where coaches can buy packages of credits to register for events/modules
• Event registration where they can view upcoming events/modules and register for them using their credits.  The events/modules are live classes held around the area to train soccer coaches for youth soccer.
• The last piece is tying all the user registrations into Mailchimp so the campaigns can be sent to notify coaches of new or upcoming modules.

Joomla 1.7 is a big improvement over Joomla 1.5.  (I skipped joomla 1.6)   It just provides an easier admin workflow than 1.5 and the built in user access levels is so nice. 

I am trying out Jogtheweb to allow you to walk through the Joomla theme providers (club and individual). 

Feel free to use the jog for your own use:

Themes for Joomla

• Templates are cost effective and don’t require paying for a graphic designer to come up. 
• Templates give a lot of functionality that can take time to build into a custom template.
• Typography  (different headings, lists with icons, highlighting, tables, quotes)
• Widget/Module variations
• Nice menu systems
• Hiring someone to tweak the template to get a custom look can be very cost effective.

Some of my favorite places to shop for WordPress themes in no particular order:

• Yoothemes
• Rockettheme
• Themeforest Be selective not all templates are created equally here.   I read reviews and pay attention to sales/ratings.)
• Mojo themes  Have not purchased from here yet, but they have an interesting selection.
• Headway theme for drag & drop, design customization, for a classic type site

Looking for a theme and identifying what you need:

• Think of your colors and logo
• Look/Tone (modern, classic, artsy, etc.)
• White with darker text or Dark with whiter text
• Do you like fixed or dynamic (fixed is a constant width and dynamic spreads out as window is made larger.)
• Templates are classified into a few categories:   Blog, Portfolio, CMS/Business   Focus on the category to narrow the selection to look at.

With a template, sometimes its hard to determine what your site will look like with your content and logo. 

• The look/tone is set with the theme.
• Try look for a theme in the general color categories.  Its easier to tweak a blue to the right color blue plus the accents of the template usually go with the main color.
• The menu items will change but the general look of the menu will stay the same.   In the template, look at the horizontal menu and make sure you like the look and feel.   Try also to find what a vertical menu will look like.  Its definitely harder to change the look of a menu.
• If the template doesn’t have room for your header/logo, this is usually a pretty small change.
• Graphics as the background are small change and usually pretty easy.
• Fonts are easy to swap/change.
• Look at the titles of the blocks as well as what the blocks look like.  Are they outlined?  Do you like the titles & the graphics.  
• Look at the typography, module variations, positions that things can go. A good template will include most if not all.
• Some templates offer multiple color styles.  Make sure you check them all out. 
• Sometimes templates have a lot going on.  Many templates have a bunch of positions to put content/stuff.   With most templates, if you don’t put something in a position is compresses/disappears.
• Functionality.   WordPress makes it easy to add functionality (such as slideshow) so don’t get too hung on functionality.    But if the functionality you want is a portfolio showcasing your work, definitely look for a wordpress theme with that functionality.

There are a few steps to get it setup to work correctly and I covered them here:

1. Obviously, step 1 is to install the Simple Facebook Connect WordPress plugin on your wordpress installation.

2. Setting up Simple Facebook Connect (Part 1 creating an app)

3. Setting up Simple Facebook Connect (Part 2, giving the permission to post)

4. You may have to change some things in your comments.php to allow the facebook login in comments to work correctly.  The plugin’s FAQ covers this quite well.

I am using it for the following functionalities and it is nice to have one plugin take care of it all for me:

• Publisher functionality –> automatically posting Facebook messages to your Facebook Page Wall.
• Comment functionality –> Comments on the above post, come back to your wordpress blog comments.
• Users have ability to login with facebook and comment with their facebook acct.

You will know it is working correctly if underneath the Facebook ID & Secret it will give you the link to your applications wall.   

Click on that link and visit your applications plugin.   On their click “Add to my Page” and select your Facebook Page.

Once they are verified and added the app to our facebook page, you can enable the plugins you wish to do with SFC:

Enable the ones you want and click Save Changes.

You will be presented with more options. 

To enable it to post your page, you need to grant access.   Scroll to Publish settings and enable the Automatic Publishing.

Then click on Grant SFC Permissions and allow the tool to publish your posts to facebook.

You will know its working if you get successful Token Check messages that publishing and fan page publishing is ready to go.