Pee-Aye Creative

Dans cette Divi tutoriel, vous apprendrez comment ajouter plus d’images de Divi dans les Médias Sociaux Suivez module! Utiliser les médias sociaux ou de l’icône de la marque que vous voulez!

Ajouter Plus D’Icônes Dans Divi

Stylise et Personnaliser Les Icônes Directement Dans Divi

Il ya tellement de nombreuses icônes de marques et de logos et de sites de médias sociaux sur qui il est est difficile de garder une trace de tous. Ceux d’entre nous qui utilisent des Divi régulièrement savent que Divi n’a pas toutes les icônes que nous avons besoin, et nous avons donc aller à la recherche de moyens pour les ajouter. La meilleure façon d’ajouter plus de médias sociaux et les icônes de la marque dans Divi est de les ajouter à la Divi Sociaux de Suivre le Module. C’est vrai, une fois que nous avons ajouter l’icône du code que nous de style et de personnaliser la façon dont nous voulons directement dans la Divi Builder!

[youtube https://www.youtube.com/watch?v=1PgMZ-VLCb8?feature=oembed&w=1080&h=608]

#1. Ajouter une police de caractère géniale à Divi

La première étape est de s’assurer que vous avez de la Police Génial intégré dans votre site web. Police Génial, c’est une icône de polices web, et a une énorme sélection de gratuit et payant des icônes que vous pouvez utiliser. Si vous avez déjà intégré, vous pouvez passer à l’étape #2. Si non, veuillez vous référer à mon guide sur Comment Ajouter des Polices Génial De Divi.

#2. Ajouter un Icône que Vous Ne Voulez

Tout d’abord, ajoutez toutes les icônes que vous souhaitez utiliser. Ensuite, ajouter un peu d’icônes que vous ne voulez pas, par exemple, une icône Google+.

Voici le concept. Ajouter une icône vous ne voulez pas, puis utiliser les CSS pour remplacer l’icône par celui que vous voulez. Vous pouvez ensuite le style de l’icône directement dans le module!

#3. Trouver l’Icône Sélecteur CSS

Ensuite, nous devons choisir la bonne classe CSS pour les icônes icône ou que nous voulons remplacer. Voici un guide pratique pour vous. Cela peut être déroutant, mais il va faire plus de sens quand vous passez à l’étape #4. Laissez-moi vous expliquer plus.

Les extraits ci-dessous sont ce que dit l’icône pour être remplacée par une autre icône. Donc, si vous voulez remplacer l’icône Google+ avec un Yelp icône, vous commencerez avec l’extrait de code ci-dessous pour Google+. Ensuite, allez à l’étape 4 et remplacer le “xxxx” avec le code approprié!

Vous pouvez placer vos extraits de code dans la Divi>Thèmes Options>CSS Personnalisé de la boîte, ou dans votre Divi thème de l’enfance.

#4. Ajouter L’Icône de Code Pour l’Icône de Votre Choix

Ci-dessous est une liste du plus grand nombre d’icônes de médias sociaux que je pouvais penser et de leurs Polices, Génial codes. Maintenant, tout ce que vous avez à faire est de choisir et d’icône et le bout de code CSS à partir de ci-dessus et remplacez le “xxxx” avec l’icône de code.

WhatsApp = f232
TripAdvisor = f262
Yelp = f1e9
discord = f392
Télégram = f3fe
Slack = f198
Stack Overflow = f16c
Snapchat = f2ac
WeChat = f1d7
Tumblr = f173
Skype = f17e
Airbnb = f834
Viber = f409
Line = f3c0
Reddit = f281
Foursquare = f180
Vimeo = f27d
Stumbleupon = f1a4
Délicieux = f1a5
Vine = f1ca
Viadeo = f2a9
Xing = f168
DeviantArt = f1bd
Flickr = f16e
Meetup = f2e0
Quora = f2c4
Github = f09b
Behance = f1b4
Blogger = f37c
Codepen = f1cb
Dailymotion = f952
Facebook Messenger = f39f
Etsy = f2d7
Medium = f3c7
Patreon = f3d9
Spotify = f1bc
Soundcloud = f1be
Strava = f428
WordPress = f411
QQ = f1d6
Ravelry = f2d9
Renren = f18b
500px = f26e

Besoin De Plus D’Icônes?

C’est juste un choix que j’ai choisi, mais il y a beaucoup plus d’icônes de choisir parmi plus de sur les Police site Génial.

0

Ça y est!

J’espère que vous avez aimé apprendre Comment Ajouter Plus De Médias Sociaux et Icônes de la Marque À La Divi Module Social. Merci de partager vos pensées dans les commentaires ci-dessous. Si vous trouver de la valeur dans ce type de post, merci de vous inscrire parce que nous avons des tonnes de tutoriels en cours à être posté!

Nous avons plus de trucs cool à venir pour nos abonnés!

Merci de partager ce post!

Aller En Groupe

Recent Posts

FREE Divi Testimonial Slider and Tutorial

Je suis heureux de partager ce GRATUIT Divi Témoignage Curseur sous la forme d’un téléchargement et tutoriel. Utilisez cette Divi Curseur de mise en page d’une manière unique de montrer votre avis!

How To Add Font Awesome To Divi

Ce guide va vous montrer comment ajouter Fontawesome icônes pour votre Divi site web soit avec un plugin ou manuellement par l’intégration avec les Divi les options du thème.

Divi Events Calendar Feature Update 1.3

Je suis heureux de vous annoncer les nouvelles fonctionnalités de nos Divi Calendrier des Événements plugin, qui comprend un calendrier en vue de module et beaucoup plus!

← GRATUIT Divi Témoignage Curseur et Tutoriel

Laisser Une Réponse!

Nous envoyer une roundup e-mail une fois ou deux fois par mois avec des tutoriels et des nouveaux produits, c’est ce que vous obtiendrez!

Abonnez-vous à l’aide de notre Divi vidéos!

Visitez Notre Chaîne

Source