Soporte » Diseño – Temas y plantillas » La imagen de la Cabecera no se abre en una pestaña nueva

  • Hola buenas noches y feliz Navidad, mi pregunta es que si hay algun codigo para el que este dentro de mi pagina y pinche en la imagen de la Cabecera se abra como imagen en una ventana nueva. En el personalizador no hay posibilidades.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • ¡Hola! ¡Feliz Navidad! Claro, puedo ayudarte con eso. Para abrir una imagen en una nueva ventana cuando se hace clic en la imagen de la cabecera de tu página en WordPress, puedes agregar un poco de código JavaScript. Aquí hay un ejemplo de cómo hacerlo:

    1. Accede al panel de administración de WordPress.
    2. Ve a «Apariencia» y selecciona «Editor» para abrir el editor de temas.
    3. En el lado derecho, busca y selecciona el archivo header.php. Este archivo suele contener el código de la cabecera de tu tema.
    4. Busca el código HTML que representa la imagen de la cabecera. Puede verse algo así:
    
    <a href="URL_DE_LA_PAGINA_PRINCIPAL"><img src="URL_DE_LA_IMAGEN_DE_CABECERA" alt="Cabecera"></a>

    Modifica el código HTML de la imagen para agregar un identificador (id) y un evento de clic:

    <a href="URL_DE_LA_PAGINA_PRINCIPAL" id="enlace-cabecera"><img src="URL_DE_LA_IMAGEN_DE_CABECERA" alt="Cabecera" onclick="abrirImagen()"></a>
    

    Agrega el siguiente script JavaScript al final del archivo header.php o en el archivo JavaScript de tu tema:

    <script>
    function abrirImagen() {
      var imagenURL = document.getElementById('enlace-cabecera').href;
      window.open(imagenURL, '_blank');
    }
    </script>
    

    Asegúrate de reemplazar URL_DE_LA_PAGINA_PRINCIPAL con la URL de tu página principal y URL_DE_LA_IMAGEN_DE_CABECERA con la URL de la imagen de la cabecera.

    Guarda los cambios y revisa tu sitio. Ahora, al hacer clic en la imagen de la cabecera, debería abrirse en una nueva ventana. Ten en cuenta que algunos navegadores pueden bloquear automáticamente las nuevas ventanas emergentes, por lo que es posible que necesites ajustar la configuración del navegador para permitirlas.

    Iniciador del debate miguelangel77

    (@miguelangel77)

    Yo no veo nada en header.php del codigo que has dicho.

    Iniciador del debate miguelangel77

    (@miguelangel77)

    Como busco este codigo, <a href=»URL_DE_LA_PAGINA_PRINCIPAL»><img src=»URL_DE_LA_IMAGEN_DE_CABECERA» alt=»Cabecera»></a> le he dado a control f para que salga el buscador pero pongo el codigo y no lo busca.

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Debes estar registrado para responder a este debate.