imagen de cabecera como vinculo al blog + titulo h1

Inicio Foros WordPress Themes y Diseño imagen de cabecera como vinculo al blog + titulo h1

Etiquetado: 

Este debate contiene 2 respuestas, tiene 2 mensajes y lo actualizó  guardafaro hace 8 años, 11 meses.

  • Autor
    Publicaciones
  • #15100

    guardafaro
    Participante

    <p>En el blog http://diariodebodas.es que lleva mi hija, hay un problemilla que no lgro resolver respecto al enlace de la imagen de cabecera al blog (que funciona) pero manteniendo el texto del título del blog "invisible" aunque existente. Me explico mejor.<br />
    Lo usual y genérico para presentar el título del blog (que hemos colocado en el administrador de WP) es colocar el siguiente código en el header.php:<br />

    </p>
    <p>O también, para un blog específico, puede colocarse el texto puro: &lt;h1&gt;título del blog&lt;/h1&gt;. En ambos casos estamos utilizando la propiedad de la importante etiqueta &lt;h1&gt; para el título, a efectos de los buscadores y posicionamiento.</p>
    <p>En este blog se tiene colocada una imagen de cabecera utilizada como enlace al blog. CSS<br />
    </p>
    <p>Pero, como ya la imagen de cabecera tiene incluído el título del bog, (para obviar inconvenientes con las fuentes en los distintos navegadores), para evitar que el texto del título del blog se sobreescriba encima de la imagen, se ha omitido lo siguiente en el header: quedando de esta forma:</p>
    <p> </p>
    <p>El asunto es que, al no haber un título del blog con la etiqueta &lt;h1&gt; este no aparece tampoco para efectos SEO, como puede comprobarse cuando se ve en el navegador el código fuente de la página e indica: "Tittle: no tittle."</p>
    <p>La pregunta que quiero hacer es: ¿Cómo puedo tener las dos cosas: mantener la imagen de cabecera como enlace al blog, a la vez que mantengo existente el título del mismo con la etiqueta &lt;h1&gt;, pero sin que el texto sea visible?</p>
    <p>Le he dado vueltas al asunto pero hay algún detalle que se me escapa.</p>
    <p>Agradezco posibles soluciones.</p>
    <p>NOTA. en "quedado de esta forma" aqui se me trunca la primera parte del odigo: no sé por qué.
    </p>

  • #34335

    gventura
    Participante

    prueba poner estar propiedad en tu estilo:

    text-indent:-9999px;

    Ahora escribe el texto del blog en el h1 a ver si se ve. No lo he probado así que no te aseguro nada.

    Si no funciona avisa que mañana intentaré buscar otra solución.

    Saludos.

  • #34362

    guardafaro
    Participante

    Gracias, [b]gventura[/b]. En una solución ingeniosa. Hacer un indentado del texto del título en esa magnitud, para que lo saque fuera del contexto de la pantalla. Funciona; por lo menos en Firefox, Chrome e IE8. No he podido verificarlo aún en el IE6. Aunque me pregunto si no dará poblemas e overflow.
    Gracias. Ahora que, si conoces algúna otra alternativa, no estaría de más tenerla en cuenta, por si acaso.

El foro ‘Themes y Diseño’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest