Enfold : Modifier les icônes des réseaux sociaux

Il est possible de changer icônes par défaut des réseaux sociaux de Enfold.

1 – Télécharger depuis fontello les icônes qui vous intéressent

2 – Charger les depuis l’interface de paramétrage du thème Enfold > Onglet Import / Export

3 – Dans votre thème enfant, insérez l’équivalent du code suivant

function avia_add_custom_icon($icons) {
     $icons['linkedin_square']	 = array( 'font' =>'fontello', 'icon' => 'uf30c');
     $icons['facebook_square']	 = array( 'font' =>'fontello', 'icon' => 'uf308');
     $icons['twitter_square']	 = array( 'font' =>'fontello', 'icon' => 'uf304');
      return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) { 
  $icons['LinkedIn Square '] = 'linkedin_square';
  $icons['Facebook Square '] = 'facebook_square';
  $icons['Twitter Square '] = 'twitter_square';
  return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

Ce code vous permettra de choisir 3 nouvelles icônes (LinkedIn Square …) lorsque vous choisirez vos réseaux sociaux dans l’interface d’administration du thème.

Points à noter :

• Vous pouvez trouver le code correspondant à l’icône dans le fichier fontello, exemple : .icon-facebook-official:before { content: ‘\f230‘; } le code correspondant dans notre code ce dessus sera ‘icon’ => ‘uf30c‘ (remplacer le \ par un u) .
  Vous pouvez aussi simuler l’ajout de l’icône dans le contenu d’une page, pour récupérer ce code depuis le shortcode généré.

• Notez l’espace à la fin de l’attribut du nom de l’icône $icons[‘LinkedIn Square ‘]