Link en el logo de la cabecera

borja250 · #1 (**permalink**) 24/01/2010, 13:53

Hola. Me gustaria saber que tengo que hacer para que el logo de mi web que aparece en lo ancho de la cabecera se convirtiese en un link tambien y asi cuando pinchase en el me llevase al inicio de la web. Gracias.

zanguanga · #2 (**permalink**) 24/01/2010, 16:35

Código:

<a href="<?php bloginfo('url'); ?>"><img src="aqui-la-url-de-tu-logo.gif" alt="<?php bloginfo('name'); ?>" /></a>

borja250 · #3 (**permalink**) 24/01/2010, 17:10

Gracias por contestar, pero esto donde lo coloco en el header?

zanguanga · #4 (**permalink**) 24/01/2010, 18:03

Supongo que sí, que el código de tu header estará en tu header.php. El código de arriba puedes ponerlo donde quieras que aparezca o donde hayas metido ya la imagen. Si no das una url, no puedo decirte más, es imposible adivinar cómo es tu plantilla.

borja250 · #5 (**permalink**) 25/01/2010, 03:37

Pues lo he probado y lo que me ha hecho es crrear otra imagen de cabecera encima de la que tenia con el link al inicio, pero lo que quiero es colocarlo en la que ya tengo, que esta metida en un cuadro. Pego mi header haber donde tengo que hacer la modificacion para que quede bien:

Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<link REL=”SHORTCUT ICON” HREF=”/favicon.ico”>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
 elseif (is_single() ) { single_post_title(); }
 elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
 else { wp_title('',true); } ?></title>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" /> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="art-page-background-simple-gradient">
</div>
<div id="art-main">
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
<div class="art-Header">
    <div class="art-Header-png"></div>

</div>
<div class="art-nav">
	<div class="l"></div>
	<div class="r"></div>
	<div class="art-nav-center">
	<ul class="art-menu">
		<?php art_menu_items(); ?>
	</ul>
	</div>
</div>

toniveas · #6 (**permalink**) 25/01/2010, 18:08

Pues en tu código no se ve ninguna imagen, con lo cual deduzco que la imagen de la cabecera está introducida como fondo de un div en tu hoja de estilos...

Yo te propongo la "guarrada" de colocar un gif o un png transparente dentro de ese div y hacerlo caer sobre el área que quieres que tenga el link.

Lo considero MUY INADECUADO pero bueno...

newboy_master · #7 (**permalink**) 25/01/2010, 18:30

Chapucilla Express por si funciona:

Código PHP:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
<head profile="http://gmpg.org/xfn/11">
<link REL=”SHORTCUT ICON” HREF=”/favicon.ico”>
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }
 elseif (is_single() ) { single_post_title(); }
 elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }
 else { wp_title('',true); } ?></title>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->
<link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" /> 
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div id="art-page-background-simple-gradient">
</div>
<div id="art-main">
<div class="art-Sheet">
    <div class="art-Sheet-tl"></div>
    <div class="art-Sheet-tr"></div>
    <div class="art-Sheet-bl"></div>
    <div class="art-Sheet-br"></div>
    <div class="art-Sheet-tc"></div>
    <div class="art-Sheet-bc"></div>
    <div class="art-Sheet-cl"></div>
    <div class="art-Sheet-cr"></div>
    <div class="art-Sheet-cc"></div>
    <div class="art-Sheet-body">
<div class="art-Header">
    
<a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><div class="art-Header-png">&nbsp;</div></a>
 
</div>
<div class="art-nav">
    <div class="l"></div>
    <div class="r"></div>
    <div class="art-nav-center">
    <ul class="art-menu">
        <?php art_menu_items(); ?>
    </ul>
    </div>
</div>

Si te funciona prueba quitando el " ".

Salu2.

borja250 · #8 (**permalink**) 26/01/2010, 08:54

Gracias, pero finalmente lo hice asi:
sustitui:
<div class="art-Header-jpeg">
por
<a href="direccion"><div class="art-Header-jpeg"></div></a>

newboy_master · #9 (**permalink**) 26/01/2010, 16:58

Así está el código que te he puesto, pero también he añadido que salga el nombre del Blog automáticamente al ponerse encima y la url al home.

Salu2.

borja250 · #10 (**permalink**) 27/01/2010, 04:02

A, pues lo probare gracias.