Divi vous permet de contrôler et de concevoir chaque détail de votre site Web, de l’en-tête au pied de page et tout ce qui se trouve entre les deux. Les icônes des médias sociaux comptent parmi les éléments les plus cliqués de tout site Web. Un public engagé veut vous trouver ailleurs et apprendre à vous connaître. Il est évident que vous devez rendre cela aussi facile et simple que possible. Nous allons donc vous montrer comment activer des icônes de médias sociaux supplémentaires dans les options de thème de Divi, comment utiliser le Créateur de Divi pour insérer des icônes de médias sociaux n’importe où sur une page ou un article, et comment profiter de la puissance du Créateur de thème de Divi pour ajouter des icônes de médias sociaux dans tous les coins et recoins de votre site.
Comment activer facilement des icônes de médias sociaux supplémentaires dans le pied de page de Divi ?
La façon la plus simple d’ajouter des icônes de médias sociaux supplémentaires à votre site Divi consiste à accéder au panneau des options du thème et à activer les options pour Facebook, Twitter, Instagram et RSS. Il vous suffit ensuite de saisir les URL de vos profils dans les champs correspondants. Lorsque vous faites cela, vous les verrez s’afficher sous forme de liens d’icône dans le pied de page de votre site :
Dans le menu de votre tableau de bord WordPress, naviguez vers Divi – Options du thème et cliquez sur l’onglet Général. Faites défiler vers le bas pour voir les options de réseau. En outre, juste en dessous de ces boutons, assurez-vous de saisir les URL de chaque icône sociale Divi que vous activez. Sinon, l’icône apparaîtra, mais en cliquant dessus, l’utilisateur n’ira nulle part. L’utilisation d’un # à la place de l’URL permet de garder l’utilisateur sur la page plutôt que de le rediriger vers une page 404.
Faites défiler l’écran jusqu’à la fin des options de votre thème et cliquez sur Enregistrer les modifications. Vous pouvez maintenant consulter le pied de page de votre site et cliquer sur les icônes sociales pour les tester !
Si vous ne voyez pas les icônes dans votre pied de page, vérifiez votre personnalisateur de thème sous Apparence – Personnaliser et assurez-vous que l’option Afficher les icônes sociales est cochée dans les options du pied de page.
Si, toutefois, vous souhaitez disposer d’encore plus d’options pour les icônes sociales du pied de page, continuez à faire défiler la page vers le bas jusqu’à notre section sur le constructeur de thème Divi, où nous abordons à la fois les modèles personnalisés et les valeurs par défaut globales.
Comment utiliser le Créateur Divi pour ajouter des modules de suivi des médias sociaux dans le contenu d’une page ou d’un message ?
Parfois, il peut être très utile de placer des icônes de médias sociaux supplémentaires entre des blocs de texte, des images ou d’autres contenus dans le corps des pages ou des articles. Votre page de renvoi ou votre page À propos, par exemple, serait un bon endroit pour ajouter des icônes sociales supplémentaires afin d’informer les visiteurs sur la façon de se connecter avec vous. Ces icônes se démarqueront certainement davantage que les liens vers vos profils sociaux en texte ordinaire. De plus, les gens sont à l’affût d’icônes reconnaissables.
Vous pouvez utiliser le Créateur Divi pour insérer des icônes de médias sociaux directement dans vos pages ou vos messages à l’aide du module de suivi des médias sociaux.
Chaque fois que vous créez ou ouvrez une page ou un article existant dans votre tableau de bord WordPress, vous verrez un grand bouton violet vous demandant si vous voulez ou non utiliser le Divi Builder.
Et bien sûr, vous le souhaitez. Cliquez simplement sur Utiliser le Divi Builder pour commencer à construire votre page ou article à partir de zéro (ou à partir de l’une de nos mises en page préétablies). En outre, vous pouvez inclure les icônes de médias sociaux de Divi si vous utilisez l’éditeur WordPress par défaut. Tout ce que vous avez à faire est d’insérer un bloc Divi Layout et de suivre les mêmes étapes que celles que nous suivons ci-dessous.
Vous pouvez utiliser l’outil pour concevoir votre page ou votre article comme vous le souhaitez en utilisant les modules de construction de page disponibles. Si c’est la première fois que vous utilisez le constructeur de pages Divi, nous vous conseillons de consulter d’abord cet aperçu pour bien comprendre son fonctionnement.
Lorsque vous êtes prêt à ajouter des icônes de médias sociaux à votre page, cliquez sur le cercle noir + dans la section où vous souhaitez placer vos icônes de médias sociaux et faites défiler l’écran jusqu’à ce que vous voyiez le champ Suivi des médias sociaux.
Il vous sera demandé de choisir les réseaux sociaux que vous souhaitez avant de pouvoir commencer à les personnaliser. Cliquez sur Ajouter un nouveau réseau social.
Ensuite, sélectionnez-en un dans la liste déroulante.
Une fois cette option choisie, ajoutez l’URL de votre profil. En option, vous pouvez sélectionner une couleur spécifique, un dégradé, un fond, etc. pour son icône.
Une fois que vous avez ajouté votre premier réseau social, vous pouvez continuer à ajouter d’autres réseaux en suivant les mêmes étapes. Ils seront tous répertoriés sous l’onglet Contenu des paramètres de suivi des médias sociaux. Vous pouvez les modifier, les copier ou les réorganiser en les faisant glisser et en les déposant à leur place.
Une fois que vous avez ajouté vos réseaux sociaux, passez aux onglets Contenu et Conception pour jouer avec d’autres options de personnalisation. Vous pouvez tout modifier : ombre portée, rayon de la bordure, espacement, filtres et même l’animation d’introduction du module d’icônes. Vous avez également la possibilité d’inclure un bouton « Suivre » pour toutes vos icônes afin d’attirer davantage l’attention sur elles. Lorsque vous avez terminé, cliquez sur la coche verte.
Vous pouvez alors déplacer les icônes sur votre page, travailler sur leur espacement et leur disposition comme bon vous semble. (Lorsque vous êtes satisfait de toutes vos décisions, cliquez sur le bouton vert Enregistrer (ou Publier) dans le coin inférieur droit pour enregistrer votre nouveau module d’icônes de médias sociaux. Si vous ne voyez pas de bouton Publier/Enregistrer, appuyez sur l’ellipse violette (trois points) dans le centre inférieur de l’écran pour développer le menu.
Après cela, vos icônes de médias sociaux seront en ligne sur votre site.
Utilisation du créateur de thème Divi pour ajouter des icônes de médias sociaux
Comme nous l’avons mentionné plus haut, le Créateur de thème Divi est un outil puissant qui vous donne un contrôle total sur presque tous les aspects de votre site. Donc, si vous cherchez à ajouter des icônes de médias sociaux n’importe où, le constructeur de thème vous couvre.
Pour commencer avec le constructeur de thème, naviguez vers Divi – Theme Builder dans votre tableau de bord WordPress.
Il est très facile d’ajouter des icônes de médias sociaux à une mise en page existante du constructeur de thème Divi. Ou à une nouvelle mise en page ! Peu importe que vous les ajoutiez à l’en-tête, au pied de page ou au corps de votre site, ou même à certaines catégories seulement ou à d’autres types de pages spécialisées. Vous suivrez le même processus.
Nous allons d’abord trouver la section à laquelle nous voulons ajouter. Là encore, elle peut être globale ou personnalisée. Si vous n’avez jamais utilisé le constructeur de thème auparavant, c’est facile. Nous allons ajouter des icônes de médias sociaux à des articles individuels. Vous pouvez donc commencer par cliquer sur Ajouter un nouveau modèle et sélectionner Tous les articles ou Articles dans des catégories spécifiques. Cochez ensuite les catégories que vous souhaitez inclure. Puis cliquez sur Créer un modèle.
Si vous avez déjà configuré des modèles, il vous suffit de cliquer sur le crayon d’édition ou de double-cliquer sur la section que vous souhaitez modifier.
La procédure d’ajout d’icônes de médias sociaux est la même que celle décrite ci-dessus dans le générateur de thèmes. Cependant, étant donné que vous utilisez le constructeur de thème au lieu de modifier une seule page, les icônes n’apparaîtront pas uniquement à l’endroit que vous avez choisi. Les modèles peuvent être ajoutés aux en-têtes, aux pieds de page et aux modèles globaux. Et vous pouvez choisir comment et quand elles apparaissent en ne devant les configurer qu’une seule fois. Pas sur une base page par page, comme vous le feriez ci-dessus.
Par exemple, si nous voulons inclure les icônes de médias sociaux sous le titre de l’article, mais au-dessus du contenu de l’article sur chaque article de blog que nous publions, il nous suffit d’ajouter un module de suivi des médias sociaux. Cliquez sur le cercle noir + et sélectionnez-le dans la boîte de dialogue Insérer un module.
Ensuite, il suffit de faire glisser le module à l’endroit où vous souhaitez afficher les icônes de médias sociaux. (Nous utilisons le mode filaire pour ce placement). Il suffit ensuite d’ajouter les réseaux sociaux que vous souhaitez afficher. Vous pouvez ensuite personnaliser la taille et la couleur comme vous l’avez fait ci-dessus.
Et comme ça, vous avez ajouté des icônes de médias sociaux au constructeur de thème Divi. Elles s’afficheront sur tous les articles de blog que vous créerez (dans cet exemple).
Et si vous n’aimez pas leur apparence, le générateur de thème est facile à personnaliser. Il suffit de les faire glisser vers un autre emplacement, par exemple en haut de la barre latérale.
N’oubliez pas de cliquer sur le bouton vert Enregistrer dans le coin. Désormais, tous les articles de blog du site utilisant ce modèle seront publiés avec vos icônes de médias sociaux en haut de la barre latérale.
Ajout d’icônes de médias sociaux dans l’en-tête et le pied de page avec le créateur de thème Divi
Peut-être que les icônes de médias sociaux par défaut dans les paramètres de Divi ne vous conviennent pas ou ne sont pas suffisamment personnalisables. Dans ce cas, vous pouvez toujours utiliser le constructeur de thème pour les personnaliser de manière plus complète. Dans n’importe quel modèle, vous pouvez ajouter un pied de page personnalisé. Celui-ci remplacera le pied de page par défaut de Divi. Tous les modèles sans modèle personnalisé afficheront l’élément du thème par défaut. Les icônes de médias sociaux peuvent différer d’un article à une page à une archive, en fonction des besoins de vos utilisateurs.
Vous pouvez également ajouter un pied de page global qui écrasera tous les autres pieds de page que vous avez créés. (Cela s’applique également aux corps et aux en-têtes globaux). Si vous avez conçu 4 pieds de page personnalisés pour les articles, les pages, les projets et les catégories, mais que vous créez ensuite un pied de page global, seul ce dernier s’affichera. Les modèles globaux sont excellents pour les icônes de médias sociaux à l’échelle du site, par exemple pour un journal ou une marque. En revanche, les modèles personnalisés avec des icônes sociales conviennent mieux aux créateurs individuels qui font partie d’un réseau.
En utilisant Divi Builder pour les en-têtes, les pieds de page et les modèles de corps personnalisés, vous pouvez ajouter des icônes de médias sociaux à pratiquement toutes les parties de Divi que vous souhaitez. Vous n’êtes pas limité aux modèles par défaut ou à la nécessité de fouiller dans le système de fichiers de WordPress. De plus, avec le constructeur de thème, vous pouvez utiliser toutes les options de conception de Divi pour embellir les icônes de médias sociaux et les faire ressortir de la bonne manière pour chaque public particulier.
Conclusion
Lorsque vous disposez des options de pied de page par défaut de Divi, de l’outil Divi Builder pour les articles et les pages, de la puissance du Créateur de thème Divi, il n’y a aucune raison pour que vous ayez besoin d’installer un plugin pour ajouter des icônes de médias sociaux à votre site Web. Divi vous donne le contrôle total de l’apparence de vos icônes sociales et de l’endroit où elles s’affichent. Que vous ayez besoin de promouvoir une marque, un auteur invité, une équipe de créateurs de contenu, ou simplement les endroits où vous pouvez être trouvé en ligne, Divi a un moyen de le faire. Nous avons un parti pris, mais nous pensons que c’est le moyen le plus facile, le plus simple et le plus élégant d’ajouter des icônes de médias sociaux à votre site Web.
À votre avis, quels sont les meilleurs endroits pour inclure des icônes de médias sociaux sur votre site Web ? Partagez vos conseils dans les commentaires !