Installing the Work and Play Theme on a New or Existing Drupal Site
Follow these steps to get your blog up and running in just a few minutes. Please read the entire set of instructions before installing the theme as some steps are optional depending on your preferences.
Step #1: Upload the Theme
Unzip and upload workandplay.zip to sites/all/themes OR to /themes (if you do everything right you will see: sites/all/themes/workandplay/*theme file* OR /themes/workandplay/*theme Files*)
Step #2: Enable the Theme
Log into your Drupal site as the Administrator and go to: Administer -> Site Building -> Themes and select the Default and Enabled boxes for "Work and Play Blog v x.x for Drupal 6.x"
Next, go to: Administer -> Site configuration -> Administration theme and select the theme for the admin (we recommend garland) and turn on "Use administration theme for content editing". This will make your blog admin area easier to navigate.
Step #3: Arrange the Blocks
To arrange the blocks go to: Administer -> Site Building -> Blocks You can manage the arrangement of the blocks and change their regions (the yellow lines show which region it is in) and by clicking on "configure" you can set what page the block should be displayed and for which users it should be visible. You can also create a text block ("Add Block" Tab). If you need to put pure HTML content in a block you need to choose Input Format "Full HTML"
Step #4: Creating Menu Icons (optional)
You do not need to install the "Menu Icons" module if you do not want icons in your menu tabs or in the footer menu. If you do want icons, please follow these instructions:
Install the "Menu Icons" Drupal module: http://drupal.org/project/menu_icons
After installing the Menu Icons" Module go to: Administer -> Site Building -> Menus To set the icon for any menu item select the needed menu (For main navigation it is "Primary Links") and then edit the menu item you want to display an icon. There is an area towards the bottom of the page where you can upload an icon for the menu item. To keep within the style framework of the theme we recommend using 16x16 pixel sizes for menu icons. You can use any icon set you want. The "Work and Play" demo uses the FamFamFam silk icons.
Step #5: Enable the Blog and Comments
Enable the Blog and Comments modules by going to: Administer -> Site Building -> Modules
Step #6: Add Your Blog Categories
Enable the "Taxonomy" module and go to: Administer -> Content management -> Taxonomy Click on the "Add Vocabulary" Tab. You can create a vocabulary there and then add your blog categories with "Add terms".
Step #7: Install and Configure the "Views" Module
Install the "Views" module: http://drupal.org/project/views and then enable all the views modules (Views Exporter and Views UI)
Now go to: Administer -> Site Building -> Views -> and click on the "Add" link at the top. Type a name for the View and select the view type as "Term". The rest isn't required. Press "Next".
Under "Fields" add a field (press on "+"). Choose Taxonomy: "Term", press "Add". Remove Label field and leave it empty, select a check box on "Link this field to its taxonomy term page" and press "Update"
Under "Filters" add a filter. Choose Taxonomy: "Vocabulary", press "Add". Make it so that it is the taxonomy vocabulary that you created. Press "Updated".
If you want you can add a criteria for sorting your blog categories. Typically it is: Taxonomy: weight ASC, Taxonomy: term ASC.
Now press "Add display" 2 times and choose "block" in the drop down select box. (We're creating 2 because we need one block in the sidebar and one in the footer). You can call them "Sidebar block" and "Footer block". For the "Basic Settings", "Style": choose "HTML List" and then "Unordered List" and press "Save". Now you can go to the blocks page (Administer -> Site Building -> Blocks) and move the new blocks where you need them to display.
Step #8: Configure Recent Posts Block
Now create several blog posts. Then go to the Blocks page and you will see a block called "Recent Blog Posts". You can place the block where you need it to display.
Step #9: Configure Blog Archives
Go to: Administer -> Site Building -> Views and turn on Node view "archive". Press "Edit". Add a filter: Node:Type = blog entry. Add 2 displays - Page and block. Press "Save". The block will appear on the blocks page and you can position it where you need.
Step #10: Configure Blog Roll (optional)
Install the Links module: http://drupal.org/node/24719 Create several links (Create Content -> Weblink). On the blocks page you will see the block called "Latest weblinks". You can position it as you need.
Alternatively, you could simply create the links as List Items in an Unordered List with the filter format set to "Full HTML".
Step #11: Configure Twitter Feed (optional)
Enable the Aggregator module by going to: Administer -> Content Management -> Feed aggregator You can add and categorize your feeds here. On the blocks page you will see the block called "*** feed latest items" and you can position it where you need it.
Step #12: Configure Flickr Stream (optional)
Install the Flickr module: http://drupal.org/project/flickr To set up your Flickr account go to: Administer -> Site configuration -> Flickr On the blocks page you will see a block called "Flickr recent photos". You can now position the block where you need it.
Step #13: Navigational Links in Footer (optional)
If you need to you can add another menu by going to: Administer -> Site Building -> Menus After you create your new menu, go to the blocks page. You will see the blocks displaying different menus (primary links, secondary links, etc.) Position the one you just created into the footer.
Step #14: Configure About Me Block (optional)
This block can be whatever type of content you see fit to display. The simplest way to set it up would be to use the "Full HTML" filter and proceed to create your content.
Other Customization Tips
You can change the background by going opening the style.css file in the Work and Play theme's root directory and changing the body back ground picture. At line 27 change the "bgr-body.jpg" file in background: #0E222A url(images/bgr-body.jpg) repeat-x scroll center top; to "bgr-body2.jpg" and up to "bgr-body7.jpg"
You can change the logo by creating a new logo and naming it logo.png and uploading it to the Work and Play theme's root directory. The logo font is "Folks Heavy" adn can be downloaded from http://www.dafont.com/folks.font
If you want to add pictures to your posts, you can use the "Flickr Input format" or you can upload your own and simply insert them into the body of your post. A picture that spans the full width of the post are should be 500 pixels wide and a smaller picture should be 180 pixels wide in order to stay consistent with the theme style and grid.
