Tutorial Divi: Abrir enlaces sociales del módulo "Persona" en nueva ventana

Publicado por Fernando el 16 Feb, 2017

Uno de los módulos de Divi más utilizado es el conocido como Persona, genial para las páginas de contacto, equipo, y más de ese estilo.

Te permite poner una imagen, puesto de la persona, descripción todo lo amplia que quieras y sus enlaces sociales a Twitter, Facebook, LinkedIn y Google+.

Solo tiene un problema, y es que esos enlaces sociales, irrelevantes para el contenido general de la página, y a fin de cuentas vías de salida de tu web, abren por defecto en la misma ventana, un efecto casi nunca deseado para este tipo de enlaces.

Pero tiene fácil solución ¿nos animamos?

Añade algo de JavaScript

El arreglo es sencillo, pues aunque conlleva insertar código es solo copiar y pegar. El código es este:

<script type="text/javascript">
(function($) {
$(document).ready(function() {
$('.et_pb_member_social_links a').click(function(e) {
e.preventDefault();
var url = $(this).attr('href');
window.open(url, '_blank');
});
});
})(jQuery);
</script>

(function($) {

$(document).ready(function() {

$('.et_pb_member_social_links a').click(function(e) {

e.preventDefault();

var url = $(this).attr('href');

window.open(url, '_blank');

});

})(jQuery);

</script>

Y debes pegarlo en la cabecera de tu web, pero como estamos en Divi no hace falta editar ningún archivo header.php ni nada parecido.

Simplemente ve a la administración de WordPress y en Divi > Opciones del tema ve a la sección Integración. A continuación activa la opción de Habilitar código de la cabecera y, en la caja denominada Agregar código al <head> de su blog, pega el código de arriba.