Como usuarios de Divi, ya sabréis que Divi, en su Divi – OPCIONES DEL TEMA, tenemos la opción de añadir botones sociales cómodamente, pero que sólo vienen 4 pre configurados: Facebook, Twitter, Google+ y RSS.
Qué pasa entonces cuando nuestro cliente quiere añadir Youtube o Instagram por ejemplo?
En esta entrada de blog vamos a ver cómo añadir nuevos iconos sociales a WordPress + Divi, sin salir del backoffice de WordPress.
PASO 1. ACCEDER AL EDITOR DE TEMAS DE WORDPRESS
PASO 2. ACCEDER A SOCIAL_ICONS.PHP EN ARCHIVOS DEL TEMA
PASO 3. EDITAR EL CONTENIDO DE ESTE ARCHIVO, CON TODOS LOS NUEVOS ICONOS QUE QUERAMOS AGREGAR
Para añadir nuevos iconos:
- Agregar el siguiente código al archivo antes de </ul>
<li class=»et-social-icon et-social-linkedin«>
<a href=»https://www.linkedin.com/company/red-urbansol/» class=»icon»>
<span><?php esc_html_e( ‘Linkedin‘, ‘Divi’ ); ?></span>
</a>
</li>
- Y editaremos en él 3 elementos: el nombre la red social, el link a donde queremos redirigir, y el icono seleccionado.
- Clicaremos en ACTUALIZAR ARCHIVO.
TRUCO. Si además deseas que las redes sociales se abran en una nueva ventana, para que el usuario no abandone tu sitio web, puedes añadir al script un TARGET BLANK.
<li class="et-social-icon et-social-pinterest"> <a href="https://www.pinterest.es/SugarGliderEurope/" target="_blank" class="icon"> <span><?php esc_html_e( 'Pinterest', 'Divi' ); ?></span> </a> </li>
Y esto es todo!
Con estos sencillos pasos, podemos agregar tantos iconos sociales como queramos a los que vienen por defecto en Divi 🙂
Esperamos que os haya sido de ayuda,
Lanzadera Online.
Lo hice y me funcióno muy bien, Gracias
Seria bueno… que quedara en el menu de DIVI… me funciono pero personalizando por codigo…..queria cambiar tamaño de los icono sabes como?
Gracias
Hola Diego…con las nuevas versiones de Divi está chupado..tienes 100% posibilidad de personalización haciendo un menú desde el GENERADOR DE TEMAS de Divi, lo has probado?
Saludos,
Lara @ Lanzadera Online.