Site5 put together a pretty sweet theme when they created Boldy. I’d been considering it for this blog for over a week and decided to give it a try. Alas, in the end, I ditched the idea. But, only because I couldn’t quite massage it to meet my needs. However, for someone putting together a portfolio, this theme should be near the top of your short-list.

While working with the theme, I ran across a quite a few confusing problems that I would like to address / fix here.

Logo

Pretty straight forward, as this can be changed easily with Boldy’s built-in configuration page. The only draw-back, is your logo will have to fit the 291 x 51 px dimensions. Anything much bigger and the header starts to take it in the shorts… so to speak.

Top Menu

Yeah… I should have started with this. Unless your WordPress installation is 3.0+, you’ll have a hard time with the Boldy theme. Boldy takes advantage of the latest menu system, in the Appearance -> Menus page of WordPress 3. This gives you complete (and I mean complete) control of your top navigation, along with any navigation you want to throw into the sidebars. If you look at Boldy’s Demo Site, you’ll notice they’ve taken advantage of using Categories in the menu as well. Something to consider.

Image Rotator

The image rotator is built into B0ldy, so you won’t have to find a JQuery plugin to make it work. But, this one works rather… oddly. Rather than specify images from your Media Library, Boldy wants all your images dropped into a particular page (which you select from the Bold Options). Don’t worry about adding other content, just drop pictures into the page and Boldy will simply parse all the pictures. But, to make those pictures look nice, you’ll need to add them as 960 x 370 px. Anything smaller and they start to look… yucky (if that’s a technical term). A word of caution: Leave the Captions Blank! The captions are parsed from the Title of each graphic. It’s NOT intuitive, but that’s what Site5 decided.

Oh, since you had to add a page just for the Image Rotator, make sure not to add that page in the Top Navigation. It’ll just look… weird.

Home Boxes

This one will make you crazy. Guaranteed! Boldy contains 3 containers for “featured” posts… or at least that’s what I originally thought. Actually, those 3 containers are for “featured” PAGES! Ooof! What?

The problem with using Pages, is that pages do not utilize the “more” tag. Which is what it looks like they’ve accomplished when you see the Demo. You see “Read More” highlighted under each container, what else can it be…but, a Post… NOT a Page. No, it’s not a post. This completely drove me up the wall. Even the “docs” don’t mention this properly.

Here’s how to make your site do exactly what Boldy’s Demo Site does. Create two pages: One will contain the actual content. The 2nd will contain the Excerpt. To fill the home page with the “Excerpt” version, select the “Excerpt” page from the dropdown on the Boldy Option page and fill-in the text box with the “complete” URL for the page containing the actual content. If you are like me, you will have given the SAME title to both pages. So, the problem is selecting the correct title from the dropdown menu. It took me three tries to get it right… the dropdown shows the “Title”… not the permalink/shortlink. Oooof! Is right.

Graphics in Posts

Hmmmm. Why / How did they miss this? If you have installed Boldy, then you have undoubtedly discovered that aligning your graphics left or right has proved ineffective; everything keeps aligning left. GAAAH! Why?! Calm down, please. If you would like the ability to left or right align your graphics, then you’ll have to perform some editing to Boldy’s CSS file. The best way to fix this will be to grab the WordPress Generated Classes and drop them into Boldy’s style.css file. Copy them into the bottom of the file and separate them with a good comment, to help you recall WHY you added the styles. More than likely, you’ll want to add better margins (which are ZERO), so add margin-left and margin-right styles to alignright and alignleft CSS Classes and you’ll be happy.

.alignleft { float: left; margin-right: 5px; /* add some margin */ }
.alignright { float: right; margin-left: 5px; /* add some margin */ }

Those PRE elements just don’t look right

You’ll notice that any code or PRE elements will look awfully small. So, I decided to (at a minimum) add the following to the “Typography” section of the style.css file:

pre{font-size: 1.2em; line-height: 1.5em} /* pre is TOO small */

Conclusion

Outside of all the issues that I had, Boldy is still an awesome theme. You just have to work-around those kinks.

If you can’t find what you need here, then please take the time to read the comments below. There, you will find IE9 Cufon issues, header graphic upload problems, Portfolio Page graphic alignment craziness and many others.

Running the Boldy Theme v2.0.2?

You may wish to check out the tirade I’ve brought forth regarding the NEW version of Boldy. πŸ™‚ Check it out here: Boldy 2.0.2

Don’t know which version? If you see “Boldy Options” in your Dashboard, then you are running an “older” version. If you see “Theme Options” in your Dashboard, then you are running Boldy v2.0.x.

That should do it. πŸ™‚