Boldy Theme Live Preview setup instructions
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











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