Tutorial Divi: Abrir enlaces sociales en nueva ventana

Publicado por Fernando Tellado el 21 Jun, 2017

Índice de contenidos

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

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>

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“.