Drsquoabord, nous changeons la structure ligne colonne. Nous aimerions trouver cette ligne dans la section 2 (la ligne avec le lien page drsquoaccueil contact en bas). Nous avons choisi une structure à deux colonnes dans ce tutoriel, mais elle convient le mieux à votre site. Une fois sélectionné, allez aux paramètres de ligne et allez à lrsquoonglet conception. Localisez le menu redimensionner et activez utiliser la largeur de gouttière personnalisée. Réglez la valeur de largeur de gouttière à 1. Vous pouvez saisir un nombre ou utiliser le curseur pour lrsquoentrée.
Cliquez sur la coche verte pour enregistrer les paramètres. Puis retournez aux paramètres de ligne. Cette fois, sélectionnez le rapport de réglage pour la colonne supérieure première colonne colonne de gauche. Ensuite, allez à lrsquoonglet avancé. Localisez la zone CSS personnalisée et cliquez sur le champ principal de lrsquoélément. Dans ce champ, devez ajouter les CSS suivants. Largeur: 80%
Ou largeur: 80%! Important
Vous devrez peut être ajouter une étiquette! Il est important drsquoappliquer un style à cet élément. Volontiers. Il ne devrait pas causer de problèmes de performance ou de Code italien à traiter parce qursquoil srsquoagit drsquoun seul élément.
Ensuite, passez aux paramètres de réactivité et utilisez le même code pour ramener la largeur de colonne de lrsquoappareil mobile à 100%. Répétez ensuite cette étape pour la deuxième colonne. Pour cette seule fois, définissez la valeur par défaut à 20% et maintenez la valeur de déplacement à 100%. Après cela, sauvegardez vos modifications et soyez prêt à ajouter et à modéliser vos icônes de médias sociaux. Ajouter un module de médias sociaux de suivi cliquez sur lrsquoicône noire + dans la colonne 2 pour ajouter un nouveau module et Défilez jusqursquoà ce que trouviez un suivi des médias sociaux. Insère le. Peu importe le titre que utilisez, lrsquoicône par défaut des médias sociaux ne correspond probablement pas à votre style. Ils ne sont pas non plus correctement positionnés. Lrsquoétape suivante est q
Faites le correctement formé et espacé. Dans suivre les paramètres du module médias sociaux, allez à la conception et cliquez sur aligner. Sélectionnez où placer le module.
Nous sélectionnons lrsquoalignement à droite pour le Bureau, puis nous entrons dans les options de réponse et nous les centrons. Lrsquoétape suivante consiste à défiler vers le bas dans le menu des icônes. Sélectionnez la couleur de lrsquoicône désirée. Crsquoest Facebook F, Twitter Bird, Instagram camera. Par exemple, ce nrsquoest pas un fond bleu. Ensuite, la distance. En fait, crsquoest principalement la marge supérieure qui doit être ajustée. Nous appliquerons une marge supérieure de 1,5 VW afin qursquoelle so it centrée sur le texte du menu. Vous pouvez également lrsquoajuster si voulez plus ou moins qursquoil soit utilisé sur un appareil mobile.
Cliquez maintenant sur lrsquoonglet Contenu et accédez à lrsquoicône du réseau social personnel que souhaitez personnaliser. Vous répéterez ces étapes pour chaque icône sélectionnée pour le site. Faites défiler vers le bas vers lrsquoarrière plan et sélectionnez la couleur qui correspond à la conception du site. Rappelez encore une fois que cela ne change que lrsquoarrière plan de cette icône particulière. Vous pouvez également changer la couleur de cette icône spécifique. Vous pouvez le faire dans lrsquoonglet conception et dans la section icônes, comme dans le module général. Ce paramètre écrasera les paramètres généraux, de sorte que si avez besoin drsquoune couleur unique, nrsquoavez pas à soucier drsquointerférer avec drsquoautres paramètres.
Ensuite, faites défiler vers le bas vers lrsquoentrée de la bordure sur lrsquoonglet conception, où trouverez la largeur de la bordure. Définissez la valeur à 3px et sélectionnez la couleur de la bordure qui apparaît dans lrsquoarrière plan du menu principal Divi. Vous retournez à lrsquoonglet Contenu et répétez ces étapes pour chaque icône du réseau social que souhaitez voir. voulez que chaque icône de ce module partage la même conception, pouvez utiliser sempl
Ensuite, faites un clic droit sur lrsquoobjet que avez conçu et sélectionnez copier le style de lrsquoobjet. Ensuite, faites un clic droit sur un autre réseau auquel souhaitez appliquer le style et sélectionnez coller le style de lrsquoobjet.
Crsquoest tout! Assurez de cliquer sur le bouton Enregistrer dans le coin inférieur droit de lrsquoécran pour enregistrer la disposition générale. Par conséquent, êtes en sécurité sur le X de lrsquoécran drsquoédition en haut à droite. Assurez que la page Divi Theme Builder affiche toutes les modifications enregistrées dans le coin supérieur gauche. non, cliquez sur Enregistrer les modifications. Une fois terminé, votre site affichera lrsquoicône médias sociaux en temps réel dans le menu principal Divi! Crsquoest le résultat final. Bureau Mobile Assurez que votre public trouve toujours votre réseau social principal, ce qui est facile pour Divi. En quelques étapes, pouvez ajuster lrsquoun de nos paquets drsquoen tête pied de page gratuits pour inclure vos icônes de médias sociaux dans le menu principal (ou nrsquoimporte où voulez). Bonne chance.
Que pensez des icônes des médias sociaux dans le menu principal? Où avez tendance à les mettre?
Comment ajouter une icône sociale au menu principal Divi
