Iconos de redes sociales en Divi

Uno de los problemas habituales que los usuarios tienen es ¿Cómo añadir iconos de redes sociales en Divi Theme?

Por defecto la plantilla de Elegantthemes viene únicamente con los iconos de Facebook, Twitter, Google+ y RSS. Entonces cómo podemos poner nuestros enlaces en la cabecera o en el footer…

Aprende como hacer esto y mucho más con nuestros tutoriales Divi de Elegantthemes.

Hay 2 diferentes formas de añadir iconos de redes sociales en Divi Theme.

Opción 1.

La primera es añadiendo un código en el archivo “public_html > wp-content > themes > Divi > includes > social_icons.php”. Como puedes ver el archivo que tienes que modificar es  “social_icons.php”.

Cuando localices el archivo tienes que editarlo con un editor de código y añadir el código de la red social al final. Ten cuidado donde lo añades, debe estar antes de la etiqueta </ul>.

Código a utilizar para Linkedin:

<li class="et-social-icon et-social-linkedin">
<a href="http://in.linkedin.com/in/yourusername‎" class="icon">
<span><?php esc_html_e( 'LinkedIn', 'Divi' ); ?></span>
</a>
</li>

Código a utilizar para Instagram:

<li class="et-social-icon et-social-instagram">
<a href="http://www.instagram.com/yourusername‎" class="icon">
<span><?php esc_html_e( 'Instagram', 'Divi' ); ?></span>
</a>
</li>

Código a utilizar para Youtube:

<li class="et-social-icon et-social-youtube">
<a href="http://youtube.com/u/yourusername‎" class="icon">
<span><?php esc_html_e( 'YouTube', 'Divi' ); ?></span>
</a>
</li>

* Con el formato de aquí abajo puedes personalizar la línea class en función 
de cada red social que desees añadir. 
Pinterest: et-social-pinterest
Flikr: et-social-flikr
Myspace: et-social-myspace
Dribbble: et-social-dribbble
Youtube: et-social-youtube
Vimeo: et-social-vimeo
Linkedin: et-social-linkedin
Tumblr: et-social-tumblr
Instagram: et-social-instagram
Skype: et-social-skype

Opción 2.

Mediante el plugin Divi Booster puedes añadir cuantos iconos sociales desees tanto en el footer como en la cabecera, además este plugin te permite un montón de opciones añadidas al tema Divi.

Si deseas conocer más a fondo el funcionamiento de ese plugin o adquirirlo, no dudes en contactar con nosotros y te ayudaremos a ello.

Aprende más con nuestros cursos de WordPress Divi o a través de consultoría personalizada Divi

 

 
Share This