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.
Índice de contenidos
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.
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
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
Estás de suerte, ya publiqué cómo hacerlo 🙂
https://ayudawp.com/tutorial-divi-abrir-enlaces-sociales-del-modulo-persona-nueva-ventana/
GRACIAS !!!!!!!!!!!!!!!!!!!
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?
Tendrías que copiar los archivos header.php y footer.php al tema hijo y mover la función que muestra el menú secundario al footer
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?
Prueba con este código:
https://gist.github.com/CoachBirgit/7980bd2e0d8b34e56dd0
Genial!!! Muchisimas gracias!!
Muchas Gracias … anda perfecto !!!
Funciona perfecto …
Muchas Gracias
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
Se añaden automáticamente
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?