Logo al posto del Titolo del Blog ??

**ModSkyrimPictures** · 12-04-2014, 17.38.17

ciao a tutti..
qualcuno mi saprebbe aiutare su come mettere al posto del nome/motto del blog un logo e un banner 728x90 ?

in pratica adesso ho questa situazione -> http://i.imgur.com/QAY53Fb.jpg?7229
ma io vorrei che fosse così -> http://i.imgur.com/W0oNujj.jpg?1 o così -> http://i.imgur.com/7gFby3n.jpg?1

come devo modificare la testata (header.php) per ottenere quei risultati?
questo è l'attuale codice che ho sul blog:

Codice HTML:

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title><?php wp_title(); ?></title>
    <?php if(of_get_option('gamepress_favicon_radio') == 1) : ?>
	<link rel="shortcut icon" href="<?php echo of_get_option('gamepress_favicon_url'); ?>" type="image/x-icon" />
	<?php endif; ?>
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<!-- End Stylesheets -->
	<!--[if lt IE 8]>
	<link rel="stylesheet" href="css/style_ie.css" type="text/css" media="all"  />
	<![endif]-->
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<!-- PAGE -->
<div id="page">
	<!-- HEADER -->
	<header id="header">
        <div id="header-inner">
		<div id="logo">
			<?php if (of_get_option('gamepress_logo_image')) : ?>
				<h1><a href="<?php echo home_url(); ?>"><img src="<?php echo of_get_option('gamepress_logo_image'); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a></h1>
			<?php else : ?>
<a href="http://modskyrimpictures.altervista.org/skyrim-pc-ita/"><img class="alignleft size-full wp-image-917" alt="mod skyrim pictures" src="http://modskyrimpictures.altervista.org/wp-content/uploads/2013/12/Skyrim-PC-ita1.png" width="222" height="140" /></a><script type="text/javascript">
/* <![CDATA[ */
google_color_border = "003399";
google_color_bg = "000000";
google_color_link = "0033CC";
google_color_url = "008000";
google_color_text = "000000";
google_ui_features = "rc:10";
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
/* ]]> */
</script>
				<h1 id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?> - <?php bloginfo('description'); ?>" rel="home"><?php bloginfo('name'); ?></a></h1><p><?php bloginfo('description'); ?></p>
			<?php endif; ?>		
		</div>
        <?php if(of_get_option('gamepress_header_ad')) : ?>
        <div class="header-ad-section">
			<?php echo of_get_option('gamepress_header_ad'); ?>
		</div>
        <?php endif; ?>
		<div class="clear"></div>
		<nav<?php if (!of_get_option('gamepress_search')) : ?> class="nosearch"<?php endif; ?>>
			<?php
			if(has_nav_menu('primary-menu')){
				 wp_nav_menu(array(
					'theme_location' => 'primary-menu',
					'container' => '',
					'menu_id' => 'primary-nav',
					'container_class' => 'main-menu',
					'menu_class' => 'nav'
				 ));
			}else {
			?>
				<ul class="nav" id="primary-nav">
					<?php wp_list_pages('title_li='); ?>
				</ul>
			<?php
			}
			?>
            <?php if (of_get_option('gamepress_search')) : ?>
			<div id="search">
				<?php get_search_form(); ?>
			</div>
            <?php endif; ?>
		</nav>
		</div>
		<!-- END HEADER-INNER -->
	</header>
	<div id="content-wrapper">
	<div id="content-inner">

un'altra cosa.. ma eliminando il nome dalla testata il blog avrà ripercussioni in termini Seo?

grazie in anticipo a chi mi saprà aiutare :)

**karl94** · 14-04-2014, 00.38.45

Racchiudi il banner pubblicitario in un elemento di tipo blocco (come un div) e specifica su di questo le relative dimensioni. Per centrarlo orizzontalmente devi impostare i margini destro e sinistro su auto. Lo stesso vale per il banner del blog, assicurati solo che l'attributo alt dell'elemento img contenga il medesimo testo riportato nell'immagine.
Volendo, se hai il font usato per creare il logo, potresti includerlo ed utilizzarlo, senza dover fare l'intero logo con un'immagine ((ma con un'immagine ed il titolo del blog come normale testo, con quel particolare font).

**ModSkyrimPictures** · 14-04-2014, 15.43.04

ciao.. grazie per la risposta e scusa per il doppio post (ho sbagliato dovevo editare quello vecchio)

ieri, prima che mi scrivevi, leggendo alcuni thread sul web e facendo qualche prova sul mio (header.php),
sono riuscito ad ottenere quello che volevo -> http://i.imgur.com/RBoGzF2.jpg?1
di regola dovrebbe essere tutto apposto o almeno così sembra in quanto il blog funziona e viene indicizzato correttamente anche in ottica Seo.. ma, non essendo un esperto di html e di php (conosco solo i codici BBcode), potresti gentilmente dirmi se ho sbagliato qualcosa?

questo è l' header.php originale senza banner pubblicitario e con solo il titolo e motto del blog:

Codice:

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title><?php wp_title(); ?></title>
    <?php if(of_get_option('gamepress_favicon_radio') == 1) : ?>
	<link rel="shortcut icon" href="<?php echo of_get_option('gamepress_favicon_url'); ?>" type="image/x-icon" />
	<?php endif; ?>
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<!-- End Stylesheets -->
	<!--[if lt IE 8]>
	<link rel="stylesheet" href="css/style_ie.css" type="text/css" media="all"  />
	<![endif]-->
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<!-- PAGE -->
<div id="page">
	<!-- HEADER -->
	<header id="header">
        <div id="header-inner">
		<div id="logo">
			<?php if (of_get_option('gamepress_logo_image')) : ?>
				<h1><a href="<?php echo home_url(); ?>"><img src="<?php echo of_get_option('gamepress_logo_image'); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a></h1>
			<?php else : ?>
				<h1 id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?> - <?php bloginfo('description'); ?>" rel="home"><?php bloginfo('name'); ?></a></h1><p><?php bloginfo('description'); ?></p>
			<?php endif; ?>		
		</div>
        <?php if(of_get_option('gamepress_header_ad')) : ?>
        <div class="header-ad-section">
			<?php echo of_get_option('gamepress_header_ad'); ?>
		</div>
        <?php endif; ?>
		<div class="clear"></div>
		<nav<?php if (!of_get_option('gamepress_search')) : ?> class="nosearch"<?php endif; ?>>
			<?php
			if(has_nav_menu('primary-menu')){
				 wp_nav_menu(array(
					'theme_location' => 'primary-menu',
					'container' => '',
					'menu_id' => 'primary-nav',
					'container_class' => 'main-menu',
					'menu_class' => 'nav'
				 ));
			}else {
			?>
				<ul class="nav" id="primary-nav">
					<?php wp_list_pages('title_li='); ?>
				</ul>
			<?php
			}
			?>
            <?php if (of_get_option('gamepress_search')) : ?>
			<div id="search">
				<?php get_search_form(); ?>
			</div>
            <?php endif; ?>
		</nav>
		</div>
		<!-- END HEADER-INNER -->
	</header>
	<div id="content-wrapper">
	<div id="content-inner">

questo è invece l' header.php modificato da me (Ho evidenziato il codice interessato)

Codice:

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title><?php wp_title(); ?></title>
    <?php if(of_get_option('gamepress_favicon_radio') == 1) : ?>
	<link rel="shortcut icon" href="<?php echo of_get_option('gamepress_favicon_url'); ?>" type="image/x-icon" />
	<?php endif; ?>
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<!-- End Stylesheets -->
	<!--[if lt IE 8]>
	<link rel="stylesheet" href="css/style_ie.css" type="text/css" media="all"  />
	<![endif]-->
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>

<!-- PAGE -->
<div id="page">
	<!-- HEADER -->
	<header id="header">
        <div id="header-inner">
		<div id="logo">
			<?php if (of_get_option('gamepress_logo_image')) : ?>
				<h1><a href="<?php echo home_url(); ?>"><img src="<?php echo of_get_option('gamepress_logo_image'); ?>" alt="<?php bloginfo( 'name' ); ?>" /></a></h1>
			<?php else : ?>
				<script type="text/javascript">
/* <![CDATA[ */
document.write('<s'+'cript type="text/javascript" src="http://ad.altervista.org/js.ad/size=728X90/r='+new Date().getTime()+'"><\/s'+'cript>');
/* ]]> */
</script>
<h1 id="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?> - <?php bloginfo('description'); ?>" rel="home"><img src="indirizzo logo" height="altezza logo" width="lunghezza logo" alt="nome logo" /></a></h1>
			<?php endif; ?>	
		</div>
        <?php if(of_get_option('gamepress_header_ad')) : ?>
        <div class="header-ad-section">
			<?php echo of_get_option('gamepress_header_ad'); ?>
		</div>
        <?php endif; ?>
		<div class="clear"></div>
		<nav<?php if (!of_get_option('gamepress_search')) : ?> class="nosearch"<?php endif; ?>>
			<?php
			if(has_nav_menu('primary-menu')){
				 wp_nav_menu(array(
					'theme_location' => 'primary-menu',
					'container' => '',
					'menu_id' => 'primary-nav',
					'container_class' => 'main-menu',
					'menu_class' => 'nav'
				 ));
			}else {
			?>
				<ul class="nav" id="primary-nav">
					<?php wp_list_pages('title_li='); ?>
				</ul>
			<?php
			}
			?>
            <?php if (of_get_option('gamepress_search')) : ?>
			<div id="search">
				<?php get_search_form(); ?>
			</div>
            <?php endif; ?>
		</nav>
		</div>
		<!-- END HEADER-INNER -->
	</header>
	<div id="content-wrapper">
	<div id="content-inner">

la prima porzione di codice evidenziato è il banner pubblicitario (l'ho aggiunto)
la seconda porzione di codice evidenziato è quella che ho modificato per far apparire il logo al posto del nome del blog.

Discussione: Logo al posto del Titolo del Blog ??

LinkBack

Strumenti discussione

Display

Logo al posto del Titolo del Blog ??

Tags for this Thread

Regole di scrittura