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

cabecera divi

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>

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.

Guarda los cambios y ya lo tienes, ahora los enlaces sociales del módulo Persona de Divi abrirá en nueva pestaña/ventana del navegador.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 8

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

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

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

5 comentarios en “Tutorial Divi: Abrir enlaces sociales del módulo «Persona» en nueva ventana”

  1. Xavi Chamorro

    Gracias Fernando, muy útil. Creo que hay un fallo garrafal en ese módulo de Divi, no sólo por el tema que acabas de solucionar aquí, sinó también por la escasez de opciones de redes en este módulo persona. He buscado solución en la comunidad y por ahora no encuentro nada ¿Tu podrías salvarme la vida? ¿Cómo añadir otras redes a este módulo?¿Cómo colocar el icono de sobrecito para el email? Es algo tan básico y necesario que no entiendo este fallo en Divi. Muchas gracias, Fernando

  2. Buenas tardes,
    he intentado utilizar el javascript para otros enlaces, utilizando por supuesto la clase correspondiente, pero no me funciona. ¿A qué puede ser debido?
    Gracias

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba
Ir al contenido