En estos momentos ninguna marca con presencia online debe prescindir de contar con perfiles sociales en alguna de las principales redes.

Las redes sociales que incluye la plantilla Divi por defecto en sus menús, son Facebook, Twitter y RSS. Sin embargo, no existe ningún acceso directo para añadir nuevos iconos de redes sociales a Divi, pero si hay una forma de agregarlos fácilmente.

Por tanto, si tienes perfiles en Instagram, Youtube, Pinterest, Flickr, Linkedin, Tumblr… y quieres que aparezcan en la parte superior o inferior de tu web con Divi, te animo a seguir los siguientes pasos.

Cómo configurar las Redes Sociales en Divi

Desde las opciones del tema puedes añadir o eliminar iconos de redes sociales a la plantilla Divi. Por defecto, se incluyen Facebook, Twitter y RSS. También podrás añadir desde aquí el enlace directo a tu perfil social.

Por tanto, dirígete a Divi -> Opciones del tema -> General y configúralo a tu preferencia:

Activa la casilla de cada icono que desees mostrar en los menús y sustituye la # por el enlace a tu perfil social.

Las redes sociales que actives aparecerán en el Menú Secundario y en el Pie de Página:

Menú Secundario

El Menú Secundario es la franja que aparece justo en la parte superior de la web.

Si incluyes elementos en él, este menú se hará visible y si no activas ninguno de sus elementos, el menú directamente no aparecerá.

Los elementos que la plantilla Divi incluye por defecto en este menú son: los iconos sociales, el número de teléfono y el correo electrónico. Para añadirlos o eliminarlos del menú dirígete a:

Divi -> Personalizador de temas -> Cabecera y navegación -> Elementos cabecera

Los perfiles que hayas activado anteriormente en las opciones del tema aparecerán automáticamente en el menú.

Guarda cambios y los iconos aparecerán así:

Pie de Página

El Pie de página es justo la barra inferior de la web, donde aparecen los créditos de Elegant Themes.

Este menú, al contrario que el secundario, siempre se muestra visible.

Por defecto, en este menú solo aparecerán los créditos de Divi (modificables) y los iconos de las redes sociales. Para añadir o eliminar los iconos dirígete a:

Divi -> Personalizador de temas -> Pie -> Elementos del Pie

De igual manera, los perfiles que hayas activado anteriormente en las opciones del tema aparecerán automáticamente en el menú.

Guarda cambios y los iconos aparecerán así:

Desde las opciones de la plantilla también podrás modificar el color o el tamaño de estos iconos.

Agregar nuevos iconos de Redes Sociales a Divi

¿Y si necesitas incluir otras redes sociales en tu web? Se puede hacer de una forma sencilla a través del archivo de iconos sociales que incluye la plantilla.

Divi acepta añadir el código de las siguientes RR.SS:

• Instagram
• Youtube
• Linkedin
• Pinterest
• Flickr
• Tumblr
• Vimeo
• Skype
• MySpace
• Dribbble

¿Y cómo se hace? Primero, dirígete al FTP o al administrador de archivos de tu hosting y sigue la siguiente ruta:

wp-content -> themes -> Divi (tu tema hijo)-> includes -> social_icons.php

Abre este archivo social_icons.php. Verás ya incluido el código de las cuatro redes sociales que comentábamos al principio:

Ahora, tan solo tendrás que ir añadiendo abajo (justo antes de </ul>) el código del icono que vayas a incluir.

Simplemente copia y pega un código, MODIFICA EL NOMBRE DE LA RED SOCIAL Y SUSTITUYE # POR LA URL DE TU PERFIL.

De este modo, los códigos de los iconos de las principales redes sociales son:

ICONO DE INSTAGRAM EN DIVI

<?php if ( 'on' === et_get_option( 'divi_show_instagram_icon', 'on' ) ) : ?>
    <li class="et-social-icon et-social-instagram">
        <a href="<?php echo esc_url( et_get_option( 'divi_instagram_url', '#' ) ); ?>" class="icon">
            <span><?php esc_html_e( 'Instagram', 'Divi' ); ?></span>
        </a>
    </li>
<?php endif; ?>

ICONO DE YOUTUBE EN DIVI

<?php if ( 'on' === et_get_option( 'divi_show_youtube_icon', 'on' ) ) : ?>
    <li class="et-social-icon et-social-youtube">
        <a href="<?php echo esc_url( et_get_option( 'divi_youtube_url', '#' ) ); ?>" class="icon">
            <span><?php esc_html_e( 'Youtube', 'Divi' ); ?></span>
        </a>
    </li>
<?php endif; ?>

ICONO DE LINKEDIN EN DIVI

<?php if ( 'on' === et_get_option( 'divi_show_linkedin_icon', 'on' ) ) : ?>
    <li class="et-social-icon et-social-linkedin">
        <a href="<?php echo esc_url( et_get_option( 'divi_linkedin_url', '#' ) ); ?>" class="icon">
            <span><?php esc_html_e( 'Linkedin', 'Divi' ); ?></span>
        </a>
    </li>
<?php endif; ?>

ICONO DE PINTEREST EN DIVI

<?php if ( 'on' === et_get_option( 'divi_show_pinterest_icon', 'on' ) ) : ?>
    <li class="et-social-icon et-social-pinterest">
        <a href="<?php echo esc_url( et_get_option( 'divi_pinterest_url', '#' ) ); ?>" class="icon">
            <span><?php esc_html_e( 'Pinterest', 'Divi' ); ?></span>
        </a>
    </li>
<?php endif; ?>

ICONO DE FLICKR EN DIVI

<?php if ( 'on' === et_get_option( 'divi_show_flickr_icon', 'on' ) ) : ?>
    <li class="et-social-icon et-social-flickr">
        <a href="<?php echo esc_url( et_get_option( 'divi_flickr_url', '#' ) ); ?>" class="icon">
            <span><?php esc_html_e( 'Flickr', 'Divi' ); ?></span>
        </a>
    </li>
<?php endif; ?>

Una vez añadas las que te interese, guarda cambios y comprueba que los iconos se han añadido correctamente al Menú Secundario y al Pie de Página y que las Url’s funcionan.

El resultado sería así:

MENÚ SECUNDARIO:

PIE DE PÁGINA:

Esta es la manera más fácil de añadir otros iconos de redes sociales a la plantilla Divi sin necesidad de instalar ningún plugin. En tan solo unos minutos podrás incorporar los perfiles sociales que más te interesan para tu web o blog.