Just another human
A simple child theme for TwentyTen for my local sadist cross fit trainer, Miles Key down at Crossfit Hove. This job was mostly about driving WordPress to achieve his business’s goals than about doing any particular development. The end result though, is a distinctive, functional and successful site.
This was a great project, working again with Atelier Grafik. He did some great work creating a new identity for the company, then designing a new site around that. I then developed the site as a child theme for Thematic, using the jCarousel, some jQuery UI, Cufon and some cool custom post type work.
This one’s a bit unusual. The (lovely) couple who run this business are very old, very good friends of mine, so I took the risk of doing the design work myself to keep the project as cheap as possible for them. In the end, I reckon it’s turned out pretty well 🙂 jCarousel is used to showcase the chalets (both an overview and the interior of each), and a revised site structure helps a blog to drive bookings, which according to the client has proved successful.
Since I wrote the original ‘Cufon for Thematic with no plugins‘ post, I’ve learnt how to use script queueing, rather than hard-coded links. Here’s the official WP page about script queueing: http://codex.wordpress.org/Function_Reference/wp_enqueue_script if you want to find out more.
Here’s the improved version of that post, also featuring a little function to convert the doctype into XHTML Strict, which Cufon needs in order to observe CSS line-height declarations:
// Enqueue Cufon and Font JS files
if ( !is_admin() ) { // instruction to only load if it is not the admin area
// register scripts
wp_register_script('cufon-yui',
get_bloginfo('stylesheet_directory') . '/js/cufon-yui.js',
array('jquery'),
false,
false
);
wp_register_script('font-yourfont',
get_bloginfo('stylesheet_directory') . '/js/YourFont.font.js',
array('jquery', 'cufon-yui'),
false,
false
);
// enqueue scripts
wp_enqueue_script('cufon-yui');
wp_enqueue_script('font-yourfont');
}
// Cufon needs strict doctype for line-height
function childtheme_create_doctype($content) {
$content = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">';
$content .= "\n";
$content .= '<html xmlns="http://www.w3.org/1999/xhtml"';
return $content;
}
add_filter('thematic_create_doctype', 'childtheme_create_doctype');
// Add extra scripts to head
function childtheme_head() { ?>
<!-- Cufon -->
<script type="text/javascript">
Cufon.replace('h1, h2', { fontFamily: 'YourFont' });
</script>
<?php }
add_action('wp_head', 'childtheme_head');
// Load Child Theme js file, Google Analytics
function load_childtheme_js() {?>
<script type="text/javascript"> Cufon.now(); </script>
<?php }
add_action('thematic_after','load_childtheme_js');
Any comments or corrections, please shout in the comments!
I’m organising my first business event!
WP-Brighton – a WordPress event for everyone. Working with Michael Bailey and Paul Bunkham to organise this exciting event, which aims to bring together Brighton’s digital and business communities.
I won’t go on about it here, but if you want to check it out, here’s the website: www.wp-brighton.org.uk
This site was built for my brother’s girlfriend’s living foods business, to her own design and specification. I consulted with her to make sure the site would fulfil her business requirements then built it as a custom child theme of Thematic using WordPress, so she can easily update all aspects of the site and take bookings for her events.