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 or http://boldy.d7.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 configure 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

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

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.

I just like the valuable info you provide to your articles.
I'll bookmark your blog and test once more here regularly. I am relatively sure I'll learn plenty of new stuff right here! Best of luck for the next!

Hi there to all, it's in fact a good for me to pay a visit this website, it includes priceless Information.

Howdy very cool site!! Man .. Beautiful .. Amazing .. I'll bookmark your web site and take the feeds also? I'm glad to find numerous helpful information right here within the publish, we'd like work out more techniques on this regard, thank you for sharing. . . . . .

&#1216; have been surfing on-line more than three hour&#1109;
lately, but I n&#1077;ver discovered any fascinating a&#1075;ticle li&kappa;e &#1091;ours.
It is beautiful &rho;rice enough f&#1086;r m&#1077;. In my opinion, if all w&#1077;bsit&#1077; owners and bl&omicron;gg&#1077;&#1075;s mad&#1077; just r&#1110;ght content mate&#1075;ial
a&#1109; &#1091;ou probably did, the internet will probably b&#1077; a lot more
useful than ever before.

Hi Gareth!

Thanks for the theme, or the reformat, looks great anyway :)

I´m stuck on the tweet diplay, don´t know how to configure the widget :( I asumed it should be somewhere on the php files ??? (sorry, journalist, not IT related :P ) And also, can it display twits about a #theme or just the @users???

Sounds to me like you actually want something like the twitter_block module (https://drupal.org/project/twitter_block) rather than the implementation I have in this.

The plan was to update the theme to support the twitter block module and while some of the work has been done to that effect, I haven't finished it and have been too snowed under recently to even think about it.

To implement the twitter block module, I need to rip out the javascript from the front page template and replace it with another region. I would also need to do some restyling to make the twitter_block look like it does in the theme.

Once the twitter block module is installed it should be a case of configuring it to display whatever tweets you want and positioning it in the new region.

really nice blog

Love the design of your Site! :-)

is this wordpress ?

Apologies for the tardy reply. I've been getting a lot of comment spam and haven't really had time to moderate it. Your message actually looks valid so I'll answer.

No, this is a drupal 6 site. I will be upgrading it shortly to Drupal 7 and will probably blog about the process when I get the time to do so.

Thanks garreth for this useful tips. i had some issues, fixed a few things.
Abel

Thanks so much for this theme - great work!!
Just a quick thing, your documentation says the imagecache preset should be set to width 960 but I believe that is meant to be 900px? At 960px it looks like it overflows the grey border.
I'm also have that issue with the superfish children not showing on my primary menu, I'm still investigating to work out what the problem is. Will post if I find anything that could be helpful to others.

thanks again!

I'll look into the imagecache sizing, I definitely have mine set to 960, you may well be right that there should be a grey border as well in which case 900 sounds about right. The px can be dropped as imagecache assumes you are using px, I am pretty sure.

For superfish I have switched off the primary menu and am using a menu block to get the menu working. Also you may need to check the superfish library version you are using and that you have the libraries module installed.

Hi,

Could you tell how to replicate the "request quote" block below the slider on the theme.

When poking around the code, i saw the image of the button so there must be a way to add the block through drupal or we have to hard code it.

Regards

Siddharth
[email address removed for commentors security]

In D6 I used the mission element of the Site information page. Enter your text at:
admin/settings/site-information under mission.
Then create a request a quote page with information about requesting a quote and go to the theme settings page at: admin/build/themes/settings/boldy
and put the link to your request a quote page in there under Request Quote Link:
I used the contact page in the D6 site demo, so I inserted contact in that field but you could put node/3 or the local link to your request a quote page such as: request-quote

In D7, mission has been done away with and replaced with a standard block.
Go to the add block page at: admin/structure/block/add
I gave the new block a title of <none>
a Block description of Mission statement
And in the block body I added the text I wanted.

Under Region settings
I specified that for the boldy theme I wanted this block to appear under the mission region.

Under Visibility settings
I set Show block on specific pages to:
Only the listed pages and inserted <front>
in the text area there.

Again I had to set the link to point to the page I wanted:
Create a request a quote page with information about requesting a quote then go to the theme settings page at: admin/appearance/settings/boldy
and put the link to your request a quote page in there under Request Quote Link:
I used the node/3 in the D7 site demo, but again you could put contact or another local link to your request a quote page such as: request-quote.

HI,

The contact form at footer action block os not visible for anonymous user (not logged in users). When we log in the form is visible. Why is taht so. Even I have double checked the settings of the contact form block.

Also some time for the anonymous user the hide/show button does not work. It just reloads or jumps to top.

Please reply

regards

siddharth
[email address removed for commentors security]

Check the Drupal permissions. You will probably have to visit:

admin/user/permissions in D6 or
admin/people/permissions in D7

then under contact module (D6) or Contact (D7)
make sure that anonymous users have permission to
access site-wide contact form (D6) or
Use the site-wide contact form (D7)

@Saskia, there are widgets available in twitter perse. They have different codes for that for different styles.

Loving the theme also, thankyou! - just one problem so far - the slider just doesnt seem to load. Ive followed all the instructions and its there but im just getting the spinning wheel.. I have 6 images in it.. Any ideas??

Best bet would be to have a look in firebug and see what the url is of the images that are trying to be loaded, it could be that there is a extra character being output somehow.

Check also that the permissions of the images are correct for the website to display them.

Me again Sorry! I'm also having another issue with the menus.. im not getting any drop downs. In the Superfish admin/settings/superfish when i go to change the block to 1, Im getting this error:

File not found:
sites/all/libraries/superfish/jquery.hoverIntent.minified.js sites/all/libraries/superfish/jquery.bgiframe.min.js sites/all/libraries/superfish/superfish.js sites/all/libraries/superfish/supersubs.js sites/all/libraries/superfish/supposition.js sites/all/libraries/superfish/sftouchscreen.js

But ive checked that location and the files are there. Any ideas?
Thanks again..

This could also be a permissions error, if the files are not available to the server user i.e. www-data or apache or whatever then the server cannot load those files, essentially to the server the files are not available.

Thanks a lot for this contribution! It's been very useful for me. Looking forward to see more added agreeable informative blog from you! It’s hard to find high quality writing like yours these days. Great Article, I simply bookmarked this page. Thanks extremely, I appreciate you for making this article available, other website is also done well.

I suspect this might be spam, but I like comments that suggest I have a more added agreeable information blog, so I just removed all your links as I don't believe any readers of this blog would be that interested in cheap Indian furniture.

Also I think you'll find it is very easy to find high quality writing, just visit planet drupal on the drupal.org site and there is a plethora of high quality writing that puts mine to shame.

Hey! I'm at work surfing around your blog from my new iphone 4! Just wanted to say I love reading your blog and look forward to all your posts! Keep up the excellent work!

Hey there! Woulԁ уou mind if I share yоur blog wіth mу myspace group?
Тherе's a lot of people that I think would really enjoy your content. Please let me know. Cheers

This post is truly a nice one it helps new
web viewers, who are wishing for blogging.

Spot on with this write-up, I really believe that this amazing
site needs a great deal more attention. I'll probably be back again to see more, thanks for the information!

Excellent site you have got here.. It's hard to find high quality writing like yours these days. I truly appreciate individuals like you! Take care!!

When I originally commented I clicked the "Notify me when new comments are added" checkbox and now each time a comment is added I
get four e-mails with the same comment. Is there any way you can remove people from
that service? Cheers!

this website doesn't send out emails. Not even to me.

Hi,

First, thx for your theme, it's nice.
I have some problems with the superfish module and the theme.
When i put the block in navigation bar, the sub-menus doesn't appears. when i put in in search box, it works.

I would like to know if it's because i use Drupal 7 or something else and if there is an issue.

Thx for your help.

Hi,

There is an issue with the superfish menu not displaying correctly if you have the wrong version of the library installed.

Please go to the Boldy issue queue as there is a solution and further instructions there: http://drupal.org/node/1532448

I am quite impressed with this demo. I think the site looks really nice and is much improved than the previous versions. Really excited with that twitter tweet thing! Keep sharing similar information. All the best for your blogging efforts!

Add new comment