Cabecera para tema Minimalist

Inicio Foros WordPress Themes y Diseño Cabecera para tema Minimalist

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

  • Autor
    Publicaciones
  • #15661

    carlosburgos
    Participante

    <p>Hola, tengo el tema Minimalist, que no lleva imagen en la cabecera. Únicamente necesito colocar un jpg encima del título del blog.</p>
    <p>¿Cómo puedo hacerlo? ¿Qué archivos PHP debo tocar?</p>
    <p>Gracias
    </p>

  • #35986

    thinway
    Participante

    La cabecera suele estar en el header.php de tu theme.

  • #35987

    carlosburgos
    Participante

    Esto es lo que tiene el header.php de mi plantilla:

    ¿Puedo llamar desde ahí a una imagen? ¿Cómo?

  • #35988

    thinway
    Participante

    Dentro del <div id=”header”> … </div>

    Puedes insertar la correspondiente etiqueta img con la ruta a la imagen.

    Eso sí, deberías tener también en cuenta las hojas de estilo. En un tema prediseñado no suele ser tan simple como añadir la imagen y ya está. Hay que tener en cuenta el diseño para que todo se integre perfectamente.

  • #35989

    carlosburgos
    Participante

    ¿Podrías echarme un cable? La verdad es que me pierdo un poco con el tema PHP (etc…) Tengo que meter la imagen, que digamos la pongo en el directorio raíz de la plantilla. Y, de paso, quitar eso de “otro sitio creado con wordpress”, que no sé dónde editarlo y queda fatal.

    ¿Puedes ayudarme con estas dos cosas? Te lo agradezco.

  • #36001

    thinway
    Participante

    Claro Carlos. Para empezar nos puedes decir ¿cuál es la URL de tu blog?

    Sobre la imagen, lo suyo es meterla dentro de un directorio específico dentro del directorio donde se encuentran los demás archivos del tema. Y en cuanto al PHP no te preocupes, para añadir una imagen no es necesario. Sólo un poco de XHTML básico.

  • #36019

    carlosburgos
    Participante

    Tengo ya la imagen bien colocada, en la cabecera. Pero no está centrada y se repite. Me gustaría que estuviera centrada y no se repitiera. El código es este:

    <div id=”page” >
    <div id=”header” style=”background-image: url(urldelaimagen/imagen.jpg);”>
    <h1>” title=”<?php bloginfo(‘name’); ?>”><?php bloginfo(‘name’); ?></h1>
    <h2><?php bloginfo(‘description’); ?></h2>
    </div>

    Antes de publicar el blog me gustaría saber si lo voy a colocar en un dominio, carpeta, subdominio, etc, por eso no publico de momento la dirección del blog, que luego el enlace queda roto.

    Si pudieras ayudarme con el centrado y no repetido de la imagen te lo agradecería.

    Un saludo.

  • #36023

    thinway
    Participante

    Te sale repetida porque estás poniendo la imagen como si fuera de fondo en el div header:

    <div id=”header” style=”background-image: url(urldelaimagen/imagen.jpg);”>

    Aunque podrías quitar la repetición con el atributo no-repeat en style, yo lo haría quitando el style=”background-image: url(urldelaimagen/imagen.jpg); del div y añadir la imagen con la etiqueta img. Por ejemplo:

    <div id=”header”>
    Texto por si la imagen no se ve
    <h1>” title=”<?php bloginfo(‘name’); ?>”><?php bloginfo(‘name’); ?></h1>
    <h2><?php bloginfo(‘description’); ?></h2>
    </div>

    Posteriormente editaría los estilos en el archivo css para posicionarla correctamente con respecto a todo lo demás. Pero comprenderá que a ciegas es muy difícil 😥

  • #36031

    carlosburgos
    Participante

    Bueno, pues haciéndote caso a la primera propuesta, y con tal de no complicarme, ya he montado la imagen y queda muy muy bien. He utilizado la opcion no-repeat y position: center, y ha quedado exactamente donde quiero.

    Gracias por tu tiempo, un saludo,
    Carlos.

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

Pin It on Pinterest