It looks nice

Work in progress.

Just working on some of the little details on the site, adding relevant background images to the post info sections and the search bar.

I used Formalize to style the forms on Giuseppe’s site, and doing that taught me a lot.

I’ve spent a few hours making the new contact forms on my site look just right, with inset shadows and a background colour on focus.

Lots of changes made, here’s an example post, with the current layout.

Just had a go at replicating the homepage structure from the previous post. All I needed to do was to create a custom homepage template that called a custom loop, and then style the output so that the content created by the loop gets set to a given width and floated left.

<?php 

add_action('genesis_after_post', 'home_after_post');
function home_after_post() {
    global $loop_counter; 

    if ( $loop_counter == 1 ) {
        $loop_counter = -1;
        echo '<div class="clear"></div>';
    }
}

// Remove standard loop
remove_action('genesis_loop', 'genesis_do_loop'); 

add_action('genesis_loop', 'custom_loop');
function custom_loop() {

global $paged;
$args = array(
'cat' => '4',
'posts_per_page' => 6
);

genesis_custom_loop( $args );

}

remove_all_actions('genesis_post_title');
remove_all_actions('genesis_before_post_content');
remove_all_actions('genesis_post_content');
remove_action('genesis_after_post_content', 'genesis_post_meta');
remove_action('genesis_after_endwhile', 'genesis_posts_nav');

add_action('genesis_post_content', 'jacques_do_post_image');
function jacques_do_post_image() {
    $img = genesis_get_image( array( 'format' => 'html', 'size' => 'Home', 'attr' => array( 'class' => 'post-image' ) ) );
    printf( '<a href="%s" title="%s">%s</a>', get_permalink(), the_title_attribute('echo=0'), $img );
}

genesis();

The css to style that is this:

.home .post {
float:left;
width:460px;
}

Obviously you also need to create a new image size called post, and then need to add extra content through hooks, but that’s just another 10 minute job at the most.

I’ve also not replicated the mouse-over action, as I think showing the post title on top of the image could be a better way of showing it, again, that wouldn’t be a particularly hard action, just a case of not removing the post title action and then positioning it relatively in your stylesheet.