¿Cómo agregar etiqueta H1 al logo en WordPress?

tracid · 14 Sep 2012

Bueno tengo un tema en el cual si pongo un logo no tengo h1 en la página principal, el código del logo es el siguiente:

<div class="logo">
<a href="<?php echo home_url(); ?>">
<?php if(of_get_option('logo_img')){ ?>
<img src="<?php echo of_get_option('logo_img'); ?>" alt="<?php bloginfo('name'); ?>" />
<?php } else { ?>
<img src="<?php echo MOM_IMG; ?>/logo.png" alt="<?php bloginfo('name'); ?>" />
<?php } ?>
</a>
</div>

Un saludo

Cicklow · 14 Sep 2012

[MENTION=18868]tracid[/MENTION] Me explicas mejor y te ayudo. Quieres colocar el H1 abajo de la imagen o solo el H1?

tracid · 15 Sep 2012

cicklow dijo:
[MENTION=18868]tracid[/MENTION] Me explicas mejor y te ayudo. Quieres colocar el H1 abajo de la imagen o solo el H1?

Es que en el home no tengo h1 :S, y he visto algunos temas de otros blogs que por ejemplo tienen algo así:

<h1 class="logo">
<a href="<?php echo home_url('/'); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>" rel="home"><?php bloginfo('name'); ?></a>
</h1>

En la que al poner encima del logo el ratón sale el texto y al ver el código fuente sale como h1 :S. No sé si me explico, intenté ponerlo yo pero claro...no entiendo mucho de eso y lo que conseguí es que me saliera el logo más el texto encima o abajo, y ese texto si que salía en h1. Pero solo quería que saliera el logo con el h1

vonyavar · 15 Sep 2012

A mi me pasa algo parecido, me aparece la imagen, pero el h1 quería que saliera justo debajo de la imagen y no hay manera. Si alguien sabe como hacerlo sería de agradecer, gracias y saludos

Enviado desde mi MT15i

Cicklow · 15 Sep 2012

Hola ahora entiendo mejor. La solucion es:
header.php

PHP:

<div id="logo"><h1><a href="<?php echo home_url( '/' ); ?>" title="<?php bloginfo( 'name' ); ?>"><?php bloginfo( 'name' ); ?></a></h1></div>

style.css

HTML:

#logo h1 a{
  width: widthlogo;
  height: heightlogo;
  display:block;
  text-indent:-9999px;
  background:url(logo) no-repeat;
}

Editen: widthlogo, heightlogo y logo

tracid · 17 Sep 2012

cicklow dijo:
Hola ahora entiendo mejor. La solucion es:
header.php

PHP:

<div id="logo"><h1><a rel="nofollow" href="<?php echo home_url( '/' ); ?>" title="<?php bloginfo( 'name' ); ?>"><?php bloginfo( 'name' ); ?></a></h1></div>

style.css

HTML:

#logo h1 a{ width: widthlogo; height: heightlogo; display:block; text-indent:-9999px; background:url(logo) no-repeat; }

Editen: widthlogo, heightlogo y logo

Gracias por el aporte 🙂. Pero tengo una duda, eso no está penalizado por google? Es decir, eso lo que hace no es esconder el texto?

Cicklow · 17 Sep 2012

no esta penalizado. el 80% de los themes viene de esa forma. Y no lo ocultas solo lo pones atras de la imagen. (text-indent)

Cicklow · 17 Sep 2012

Andrew171 dijo:
manda pm bro y te ayudo

si ves ya fue solucionado... ¬¬'

tracid · 18 Sep 2012

cicklow dijo:
no esta penalizado. el 80% de los themes viene de esa forma. Y no lo ocultas solo lo pones atras de la imagen. (text-indent)

Muchas gracias

¿Cómo agregar etiqueta H1 al logo en WordPress?

tracid

Cicklow

tracid

vonyavar

Cicklow

tracid

Cicklow

Cicklow

tracid

Temas similares