Tutorial Divi: Abrir enlaces sociales en nueva ventana

En las opciones de Divi puedes configurar fácilmente varios iconos sociales para que se muestren tanto en el pié de página como en el menú de navegación secundario, pero tienen un defecto, a mi entender bastante gordo, y es que se abren por defecto en la misma ventana, sacando a los visitantes de tu web.

Pero mira tú por donde es muy fácil de cambiar este comportamiento, y hay dos maneras de conseguirlo, tú eliges.

Abrir enlaces sociales de Divi en nueva ventana con un código

Para este método ve en tu escritorio de WordPress a Divi > Opciones del tema > Integración. Ahi activa la opción de «Habilitar código de la cabecera«.

A continuación, en el área de texto denominado «Agregar código al <head> de tu blog«, añadir este código:

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".et-social-icon a").attr('target', '_blank');
});
</script>

Guarda los cambios y ya lo conseguiste, ahora tus enlaces sociales de Divi se abrirán todos en una nueva ventana (o pestaña).

Abrir enlaces sociales de Divi en nueva ventana con un plugin

Ahora bien, nunca me cansaré de recomendar esa joya de plugin llamado Divi Booster, que te permite personalizar fácilmente muchísimos pequeños/grandes detalles de Divi.

Y entre esos «detalles» se encuentra precisamente esta opción. Solo tienes que ir en tu escritorio a Divi > Divi Booster y una vez ahí, en la sección denominada «Icons» activar la casilla llamada «Open social media icons in a new tab«.

Guardas los cambios y lo tienes.

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(7 votos, promedio: 5)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

13 comentarios en “Tutorial Divi: Abrir enlaces sociales en nueva ventana”

  1. Hola
    yo quisiera lo mismo que se abra en otra pagina pero en los enlaces de las redese sociales en los modulos de personas

    Gracias

  2. Rafael Lora-Silverio

    Buen dia Fernando!! Gracias por compartir esos truquillos que nos vienen muy bien. Quisiera cierta ayudita para colocar abajo de las paginas la barra del top-header, (aquella que tiene el correo y los telefonos, que esta siempre por encima del menu principal). Debera estar siempre visible, tal como esta ahora, pero en vez de arriba, que este abajo. Divi NO da esa opcion. Me imagino que sera modificando el codigo. Pero no se como hacerlo. Pudieras echarme una manita?

      1. Rafael Lora-Silverio

        Gracias Fernando por responder tan rapido!! Ah, no hice tema hijo. Pero ya que mencionas el footer, una opcion seria que éste siempre estuviera visible. Como hago eso?

  3. Gustavo Novellon

    Gracias Fernando por estos trucos!
    Me surge una duda al respecto relacionándolo con otro de tus artículos en el que mencionas la vuulnerabilidad target=”_blank” y la solución rel=”noopener noreferrer”
    Dado que se abren en nueva ventana, como se aplicaría en este caso? Merece la pena?

    Muchas gracias anticipadas

  4. Que importancia se le daría a que los enlaces a las redes sociales lleven el atributo «dofollow». Son muchos enlaces los que se marcan asi. ¿No deberían ir como nofollow?

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

 

Ir arriba Ir al contenido