Sostituire titolo con logo su tema altervista (wordpress)

Salve, premetto che ne capisco poco di wordpress.. ho appena trasferito il mio blog da blogger....
Ho personalizzato il tema classico di altervista... ma mi trovo in difficoltà con il titolo.. come posso fare a mettere un logo (un'immagine) al posto del titolo?...

Vi scrivo il mio file header.php per farvi vedere come ho provato a fare ( ho letto una guida su internet).. ma non funziona.. continua ad uscirmi il titolo....

Codice:

?><!DOCTYPE html>     <html <?php language_attributes(); ?>>  <head> <meta charset="<?php bloginfo( 'charset' ); ?>" /> <meta name="viewport" content="width=device-width" /> <title><?php /* * Print the <title> tag based on what is being viewed. */ global $page, $paged; wp_title( '|', true, 'right' ); // Add the blog name. bloginfo( 'name' ); // Add the blog description for the home/front page. $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) echo " | $site_description"; // Add a page number if necessary: if ( $paged >= 2 || $page >= 2 ) echo ' | ' . sprintf( __( 'Page %s', AVTHEME ), max( $paged, $page ) ); ?></title> <link rel="profile" href="http://gmpg.org/xfn/11" /> <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic,600,600italic' rel='stylesheet' type='text/css'> <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />  <?php /* We add some JavaScript to pages with the comment form * to support sites with threaded comments (when in use). */ if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); /* Always have wp_head() just before the closing </head> * tag of your theme, or you will break many plugins, which * generally use this hook to add elements to <head> such * as styles, scripts, and meta tags. */ wp_enqueue_script('slider.js'); wp_head(); ?> <?php if($is_mobile) : ?> <script type="text/javascript"> av_toolbar_off = 1; </script> <?php endif; ?> </head> <body <?php body_class(); ?>> <div id="page" class="hfeed"> <header id="branding" role="banner"> <?php if($is_mobile) : ?> <div id="mobile-nav" class="clearfix"> <?php if(!empty($avtheme_mobile_options['logo_img'])) { $image_url = $avtheme_mobile_options['logo_img']; } else { $image_url = get_stylesheet_directory_uri().'/images/home.png'; } ?> <a id="mobile-logo-icon-link" href="<?php bloginfo( 'url' ); ?>" <?php if(!$avtheme_mobile_options['show_logo']) echo 'style="display:none;"'; ?> > <img id="mobile-logo-icon" src="<?php echo $image_url; ?>" alt="" /> </a> <a id="mobile-logo-title" href="<?php bloginfo( 'url' ); ?>"> <?php bloginfo( 'site_title' ); ?> </a> <a id="mobile-menu-toggle" class="no-ajax" href="#"> <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/menu_toggle_icon.png" alt="menu image" /> </a> </div> <div id="mobile-menu" class="clearfix">  <div id="mobile-search-bar"> <div id="wptouch-search-inner"> <form method="get" id="mobile-searchform" action="<?php bloginfo( 'search_url' ); ?>/"> <input type="text" name="s" id="search-input" tabindex="1" placeholder="<?php _e( 'Search', AVTHEME ); ?>…" /> <input name="submit" type="hidden" id="search-submit-hidden" tabindex="2" /> </form> </div> </div>  <?php get_template_part( 'menu', 'mobile' ); ?> </div> <?php else: ?> <div class="header-content clearfix"> <nav id="access" class="clearfix" role="navigation"> <h3 class="assistive-text"><?php _e( 'Main menu', AVTHEME ); ?></h3> <?php /* Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?> <div class="skip-link"> <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', AVTHEME ); ?>"><?php _e( 'Skip to primary content', AVTHEME ); ?></a> </div> <div class="skip-link"> <a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', AVTHEME ); ?>"><?php _e( 'Skip to secondary content', AVTHEME ); ?></a> </div> <?php /* Our navigation menu. If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?> <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?> </nav> <hgroup class="clearfix"> <?php if ( is_singular() ) : ?> <h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="http://blog.giallozafferano.it/sfumaturedicioccolato/wp-content/uploads/2014/05/SFUMATUREDICIOCCOLATO.png" height="200" width="900" /></a></span></h1> <h3 id="site-description"><?php bloginfo( 'description' ); ?></h3> <?php else : ?> <h1 id="site-title"> <span> <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a> </span> </h1> <h2 id="site-description"><?php bloginfo( 'description' ); ?></h2> <?php endif; ?> </hgroup> </div>  <?php endif; ?> <?php if( strcmp($avtheme_slider_options['slider'],'large') == 0 || $avtheme_slider_options['slider'] == 1) { get_template_part( 'slider' ); } if(strcmp($avtheme_slider_options['slider'], 'none') == 0 || !$avtheme_slider_options['slider']) : // Check to see if the header image has been removed $header_image = get_header_image(); if ( ! empty( $header_image ) && !$is_mobile) : ?> <a class="header-image" href="<?php echo esc_url( home_url( '/' ) ); ?>"> <img src="<?php header_image(); ?>" width="<?php echo HEADER_IMAGE_WIDTH; ?>" height="<?php echo HEADER_IMAGE_HEIGHT; ?>" alt="" /> </a> <?php endif; // end check for removed header image ?> <?php endif; ?> </header> <?php do_action( 'av_secondary_banner' ); ?> <div id="main" class="clearfix">

Grazie mille in anticipo...
e scusate se la domanda sembra stupida... ma vi chiedo soo di spiegare.. così magari imparo qualcosa....