Boldy Theme Live Preview setup instructions

in

CAVEAT EMPTOR
This is a very rough start to the setup instructions, more will be added as I progress and full english will be added rather than the rough notes that exist at present

Site Demo

There is a demo site available to see how this theme looks in comparison to the site5 version, it can be found at:
http://boldy.dev.garethalexander.co.uk

Download, install and enable

Contact form blocks - http://drupal.org/project/contact_form_blocks
Content Construction Kit (CCK) - http://drupal.org/project/cck (enable Content, Fieldgroup, Option Widgets, Text)
Cufón - http://drupal.org/project/cufon
FileField - http://drupal.org/project/filefield
jQuery Update - http://drupal.org/project/jquery_update
ImageAPI - http://drupal.org/project/imageapi
ImageCache - http://drupal.org/project/imagecache
ImageField - http://drupal.org/project/imagefield
Libraries API - http://drupal.org/project/libraries
Link - http://drupal.org/project/link
Menu block - http://drupal.org/project/menu_block
Superfish - http://drupal.org/project/superfish
Token - http://drupal.org/project/token (optional)
Views - http://drupal.org/project/views
Views Nivo Slider - http://drupal.org/project/views_nivo_slider
Simple Blogroll - http://drupal.org/project/simpleblogroll (optional)

Core Modules

admin/build/modules
Switch off color
Switch on search
Switch on taxonomy

Theme settings

Go to admin/build/themes
Enable Boldy and set to default
click configure
switch off site name
switch off Primary links
switch off Secondary links

Filter settings

Alter Filter settings
admin/settings/filters/list
Next to Filtered HTML click on Configure
Select the Configure Menu tab
In the field "Allowed HTML tags" add:
<blockquote> <p> <h2> <h3> <img>

Menu settings

admin/build/menu/settings
set Default menu for content: Primary
Source for the primary links: Primary
Source for the secondary links: Primary

Site Information

admin/settings/site-information
Fill in:
Mission statement
Footer message

Add static pages

node/add/page
Create pages for:
About
Request Quote
Services
Contact

Ensure you set the Parent item to "Primary menu" and input a Menu link title

Set up content types

admin/content/types/add
create a Featured Slider content type (this is covered also in the Slider tutorial)
add an image field
set an imagecache preset to Scale And Crop to 960 x 370
add a link field

create a Blog content type (or you could just use the drupal standard story for this)
add a text field select box
set the number of values to unlimited
Add the following terms to the list of allowed values
Freebies
Photoshop
Showcases
Tutorials

create a Portfolio content type
add an image field for the Portfolio Teaser image
add a text field for the Excerpt used in the Teaser
you may also want to set these fields to be required, the text field to be plain text and have a maximum length
I also created a standard Fieldgroup and put these two fields into it to keep the teaser stuff together
set an imagecache preset to Scale and Crop to 300 x 200
add a text field select box
set the number of values to unlimited
Add the following terms to the list of allowed values
Identity
Photo
Web

Setup Taxonomies

admin/content/taxonomy/add/vocabulary
Add a Tags category
Tick the relevant boxes for:
Tags
Multiple select
Add a tick to the Blog (or story) and portfolio content types checkbox

Set up Menus

admin/build/menu/list
Go to your primary navigation and add a link titled "Home" linking to <frontpage>

Create a menu for the blogroll
add the items as required

Create a menu for Menu widget
add the items as required

Create a menu for Meta widget
add the items as required

Module specific settings

Cufón

admin/settings/cufon
set
h1, h2 and h3 to Museo Slab 500

Slider

Follow this tutorial:
http://www.brightwebsitedesign.com/how-to-install-and-set-up-nivo-slider...
Bear in mind you may have already created the Featured Slider content type used in this tutorial.
After that make sure that in Style: Views Nivo Slider settings you set style to none otherwise the css downloaded with the nivo slider module will conflict with the themes styling

Imagecache

These should already be done if you have followed the instructions
set an imagecache preset for the slideshow image to Scale And Crop to height 370 width 960
set an imagecache preset for the Portfolio Teaser to Scale and Crop to height 200 width 300

Superfish navigation menu

Navigate to admin/settings/superfish
Ensure Number of Blocks is set to 1

Navigate to admin/build/block
Find the Superfish 1 (Superfish) block and move it to the Navigation bar region and click Save blocks
Click on congifure next to the Superfish 1 (Superfish) block

Block specific settings
  Change Block title: to <none>
  Leave Menu name: as Superfish 1
    Superfish settings
      Menu Parent: to <Primary links>
      Menu Depth: -1
      Menu Type: Horizontal
      Style: None
      Animation speed: fast
      Mouse delay: 800
      Path class: active-trail
      Path levels: 1
      Slide-in effect: None
      Check Drop shadows
      Uncheck Auto-arrows
    Superfish plugins
      check only Enable hoverIntent detection.
      Under sf-Touchscreen (Beta)
        Uncheck all
      Under Supersubs
        Check Enable Supersubs for this menu.
        Minimum width: 12
        Maximum width: 27
    Multi-column sub-menus
      Uncheck Enable multi-column sub-menus.
    Advanced HTML settings
      Hyperlinks
        Uncheck Include hyperlinks description (title) in hyperlinks text.
      HTML wrappers
        Leave all blank
    Advanced CSS settings
      Helper classes
        Check:
          Add first \ middle \ last classes.
          Add odd \ even classes.
          Add item count class to menu items.(sf-item-1, sf-item-2, sf-item-3, ...)
          Add children counter classes to menu items.(sf-total-children-7 sf-parent-children-4 sf-single-children-3, ...)
      Custom classes
        Leave blank
      Extra CSS
        Leave blank
User specific visibility settings
  Users cannot control whether or not they see this block.
Role specific visibility settings
  Leave all blank
Page specific visibility settings
  Show on every page except the listed pages.

Block settings

admin/build/block
move User login to Right sidebar
move Navigation to Right sidebar
move Powered by Drupal

Create 3 blocks for the home boxes and position them in the homeboxes region

Contact block settings

admin/build/contact
Create a category such as info and input your email address where you want to recieve contact form submissions
set selected to yes
then go to
admin/settings/contact_form_blocks
check your category to be display in a block
and click save
now go to:
admin/build/block/list
and move our newly created Contact form: Info block into the Footer Actions region
configure that block and set the Block title to <none> so that no title is displayed

@TODO Check form id of contact form and update template.php file line 178
function boldy_contact_mail_page_1($form) {
change page number if required
I have had a couple of different id's in the couple of times I have run the instructions so I want to double check if it changes everytime or just can be relied upon to be the same each time a fresh install happens.

Footer Widgets

move blocks created by menu_block for blogroll, menu widget and meta widget into footer region
create a block for Text Widget and move into footer region

Still to be done

Views for Blog and Portfolio
Pages for the blog and portfolio - excerpt and header image

Trackback URL for this post:

http://www.garethalexander.co.uk/trackback/2585

Comments

The "Twitter-tweet thing" is

The "Twitter-tweet thing" is actually a javascript widget, I was going to try to implement a module to provide it, or use feeds to pull in the required tweets, but thought in the end that using a twitter widget was the easiest to implement.

Glad you like theme, but I can't take all the credit, Site5 made the design for wordpress, all I did was convert it to be a drupal module and strip out some of the in built functionality to make it more Drupal friendly.

Dear Gareth, Thank you so

Dear Gareth,

Thank you so much for this nice theme. I love it! I was wondering one thing. How did you manage to get the Twitter-tweet thing on the footer, is this a module or something else?
Hope to hear from you soon.

Kind regards,

Saskia

Post new comment

The content of this field is kept private and will not be shown publicly.
CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.