Añadir Iconos de Redes Sociales en Divi | Develop Site

En esta guia te muestro como agregar los iconos de redes sociales utilizando codigo en la plantilla Divi, empezando por editar el archico public_html/wp-content/themes/Divi/includes/social_icons.php

Código para Linkedin

  1. <li class="et-social-icon et-social-linkedin">
  2. <a href="https://www.linkedin.com/in/jorge-pedraza-554a4074/" class="icon" target="_blank" rel="nofollow">
  3. <span><?php esc_html_e('Linkedin', 'Jorge Pedraza Lopez');?></span>
  4. </a>
  5. </li>

Código para Instagram

  1. <li class="et-social-icon et-social-instagram">
  2. <a href="https://www.instagram.com/jorgepedrazalopez/" class="icon" target="_blank" rel="nofollow">
  3. <span><?php esc_html_e('Instagram', 'Jorge Pedraza Lopez');?></span>
  4. </a>
  5. </li>

El codigo completo queda asi:

  1. <ul class="et-social-icons">
  2.  
  3. <?php if ( 'on' === et_get_option( 'divi_show_facebook_icon', 'on' ) ) : ?>
  4.         <li class="et-social-icon et-social-facebook">
  5.                 <a href="<?php echo esc_url( et_get_option( 'divi_facebook_url', '#' ) ); ?>" class="icon">
  6.                         <span><?php esc_html_e( 'Facebook', 'Divi' ); ?></span>
  7.                 </a>
  8.         </li>
  9. <?php endif; ?>
  10. <?php if ( 'on' === et_get_option( 'divi_show_twitter_icon', 'on' ) ) : ?>
  11.         <li class="et-social-icon et-social-twitter">
  12.                 <a href="<?php echo esc_url( et_get_option( 'divi_twitter_url', '#' ) ); ?>" class="icon">
  13.                         <span><?php esc_html_e( 'Twitter', 'Divi' ); ?></span>
  14.                 </a>
  15.         </li>
  16. <?php endif; ?>
  17.  
  18. <?php if ( 'on' === et_get_option( 'divi_show_rss_icon', 'on' ) ) : ?>
  19. <?php
  20.         $et_rss_url = '' !== et_get_option( 'divi_rss_url' )
  21.                 ? et_get_option( 'divi_rss_url' )
  22.                 : get_bloginfo( 'rss2_url' );
  23. ?>
  24.         <li class="et-social-icon et-social-rss">
  25.                 <a href="<?php echo esc_url( $et_rss_url ); ?>" class="icon">
  26.                         <span><?php esc_html_e( 'RSS', 'Divi' ); ?></span>
  27.                 </a>
  28.         </li>
  29. <?php endif; ?>
  30. <li class="et-social-icon et-social-linkedin">
  31. <a href="https://www.linkedin.com/in/jorge-pedraza-554a4074/" class="icon" target="_blank" rel="nofollow">
  32. <span><?php esc_html_e('Linkedin', 'Jorge Pedraza Lopez');?></span>
  33. </a>
  34. </li>
  35. <li class="et-social-icon et-social-instagram">
  36. <a href="https://www.instagram.com/jorgepedrazalopez/" class="icon" target="_blank" rel="nofollow">
  37. <span><?php esc_html_e('Instagram', 'Jorge Pedraza Lopez');?></span>
  38. </a>
  39. </li>
  40. </ul>
Español