Como poner banner en cabecera

Inicio Foros WordPress Themes y Diseño Como poner banner en cabecera

Este debate contiene 13 respuestas, tiene 4 mensajes y lo actualizó  LGrusin hace 7 años, 6 meses.

  • Autor
    Publicaciones
  • #21161

    imported_MadridFree
    Participante

    <p>Hola, soy Juan Carlos, y me gustaría que alguien me oriente en como poner un banner en la cabecera de esta web: http://www.madridfree.com justo al lado derecho del logo, la plantilla que uso no está optimizada para eso y me gustaría aprovechar ese espacio.<br />
    La plantilla es super-adsense-tech y uso wordpress versión 3.2.1</p>
    <p>Muchas gracias
    </p>

  • #52050

    LGrusin
    Miembro

    Es que el logo forma parte de la imagen de la cabecera del blog, es decir ocupa toda la cabecera. En todo caso edita la imagen poniendo lo que quieras y vuelve a subirla. La imagen se llama logo.jpg y se encuentra en la carpeta images de tu theme.

    Un saludo

  • #52152

    imported_MadridFree
    Participante

    Hola LGrusin, gracias por la respuesta. Sí, el logo ocupa todo el espacio, pero pensé que se podría poner un banner (de adsense por ejemplo) sobre la parte del mapa y que el mapa quede detrás. Eso sería posible? y si lo hiciese como me lo planteas, hay alguna forma de que al pinchar solo el banner se abra otra ventana?

    Saludos y muchas gracias nuevamente!

    Es que el logo forma parte de la imagen de la cabecera del blog, es decir ocupa toda la cabecera. En todo caso edita la imagen poniendo lo que quieras y vuelve a subirla. La imagen se llama logo.jpg y se encuentra en la carpeta images de tu theme.
    Un saludo

  • #52153

    imported_fliberty
    Participante

    De poder hacer, es posible, pero hay que modificar el theme, pienso que es sencillo de realizar; por ejemplo después del <div id=”logo”>aqui codigo logo</div> puedes colocar tu código para insertar la publicidad.
    <div class=”adsense-top”>codigo adsense</div>
    Y con CSS puedes darle los formatos necesarios para posicionarlo en la parte que deseas; por ejemplo asignar un float: right, margen, width, height, etc.

  • #52186

    guiadelfriki
    Participante

    lo que no entiendo es porque tienes muchos divs en position:relative

    puse la publi encima pero no se ve, será por algo de lo que comento

  • #52201

    LGrusin
    Miembro

    Yo no lo veo complicado. Editas la imagen le pones un cuadrado con fondo blanco donde quieras la publicidad o lo que vayas a poner encima. Claro que habrá que modificar un poco la cabecera para que entre bien. Y si lo haces tal como están también funcionaría lo que pasa que no se vería bien con el fondo.

    Un saludo

  • #52216

    imported_fliberty
    Participante

    Yo opino lo mismo, lo veo relativamente fácil de realizar, teniendo acceso FTP y al código del theme no es dificil.

  • #52220

    imported_MadridFree
    Participante

    LGrusin, fliberty, guiadelfriki, muchas gracias por sus respuesta. Me olvidé decir que mis conocimientos de php y edición de wordpress son inicial con un 0.5 de más, pero aun así gracias a los foros he logrado hacer algunas cosas en el blog. Ahora pude poner el banner que les pedía en la cabecera pero sale justo encima del logo, y como les comenté me gustaría que salga centrado la lado derecho. He visto que habría que hacer algo en el CSS no es cierto?, por favor si pudieran darme una respuesta así de sencilla como lo han hecho sería genial, y una cosilla más, hay forma de que ese banner solo aparezca en el index y no en las otras páginas?

    Muchas gracias!
    jc

  • #52221

    imported_fliberty
    Participante

    Para mostrar en el home utiliza <?php if(is_home()) { ?> codigo banner<?php } else {} ?>

    Para moverlo a la derecha donde no hay nada más que mapa podrías utilizar un float: right; position: absolute; top: 5px //esto define la distancia de la parte superior, si está dentro de un objeto con position relative, será de este objeto, si no es así, tomará el borde del documento; con right: 5px; lo distancias del borde derecho.

  • #52235

    imported_MadridFree
    Participante

    Gracias fliberty, pero dónde pongo los código que me dices?, para poner el banner en la cabecera hice lo que me rcomendaste: <div id=”logo”>aqui codigo logo</div>
    <div class=”adsense-top”>codigo adsense</div>, con esto ya me sale en la cabecera y en el lado izquierdo como lo comenté, pero dónde pongo: <?php if(is_home()) { ?> codigo banner<?php } else {} ?>
    y el: float: right; position: absolute; top: 5px eso es en el archivo css no? en el item de adsense-top?

    Muchas gracias!!

  • #52240

    imported_fliberty
    Participante

    diagamos que <div class=”adsense-top”>codigo adsense</div>, es tu código para mostrar el banner y como tu dices sólo lo quieres mostrar en el home y no en las dmeás páginas entonces lo que debes hacer es colocarlo de la siguiente manera:
    <?php if(is_home()) { ?> //Esta linea le indica al sistema que si estas en el home
    <div class=”adsense-top”>codigo adsense</div> //Muestre esta line de código
    <?php } else {} ?> //Si no estas en el home o sea otra página, no muestre nada

    El <div id=”logo”>aqui codigo logo</div> que te puse era una referencia a tu código del logo que ya tenias, y te indicaba a que altura colocar el código de tu banner.

  • #52248

    LGrusin
    Miembro

    La verdad es que sin poder acceder al código del theme es complicado. Pero con permiso de fliberty, y cogiendo su idea, sería de la siguiente manera.

    En el archivo style.css añadir lo siguiente:

    En el header.php justo después de <div id=”logo”> añadir lo siguiente:

    Un saludo

  • #52257

    imported_MadridFree
    Participante

    Sois unos cracks!! fliberty y LGrusin, muchas gracias por su ayuda, he logrado poner el banner y solamente en la home! de verdad muchas gracias porque lo han resulto rápidamente y encima tan fácil que yo que no conozco de programación, me ha sido sencillo entenderlo 😀
    Su ayuda es incalculable!
    Abrazos
    Juan Carlos

  • #52276

    LGrusin
    Miembro

    De nada, cierra el hilo para que los demás usuarios sepan que ha quedado resuelto. Aunque no lo crean esto facilita mucho la búsqueda y navegación en el Foro.

    Un saludo

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

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas, si ya estás suscrito a nuestra newsletter, para reconocer el estado de tu sesión si la tuvieses y para servir más rápidos los contenidos.

No se captura IPs ni siquiera para el servicio de Analytics así que tu visita es privada.

JSESSIONID, _cfuid, wpSGCachePypass, mailerlite, gdpr, gawp
mailerlite, _cfuid

Cookies de terceros

Usamos cookies de terceros con servicios, también garantes de tu privacidad, que analizan tus usos de navegación para que podamos mejorar los contenidos, si ya estás suscrito al boletín y los elementos compartidos en redes sociales y el formulario de comentarios.

1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID, disqus_unique, disqusauth
disqus_unique, disqusauth
1P_JAR, APISID, CONSENT, HPSID, NID, SAPISID, SID, SIDCC, SSID

Pin It on Pinterest