D’abord, nous changeons la structure ligne \ colonne. Nous aimerions trouver cette ligne dans la section # 2 (la ligne avec le lien page d’accueil \ 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 à l’onglet 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 l’entré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 à l’onglet avancé. Localisez la zone CSS personnalisée et cliquez sur le champ principal de l’élément. Dans ce champ, vous devez ajouter les CSS suivants. Largeur: 80%;
Ou largeur: 80%! Important
Vous devrez peut – être ajouter une étiquette! Il est important d’appliquer un style à cet élément. Volontiers. Il ne devrait pas causer de problèmes de performance ou de Code italien à traiter parce qu’il s’agit d’un seul élément.
Ensuite, passez aux paramètres de réactivité et utilisez le même code pour ramener la largeur de colonne de l’appareil 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 l’icône noire + dans la colonne 2 pour ajouter un nouveau module et Défilez jusqu’à ce que vous trouviez un suivi des médias sociaux. Insère – le. Peu importe le titre que vous utilisez, l’icône par défaut des médias sociaux ne correspond probablement pas à votre style. Ils ne sont pas non plus correctement positionnés. L’é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 l’alignement à droite pour le Bureau, puis nous entrons dans les options de réponse et nous les centrons. L’étape suivante consiste à défiler vers le bas dans le menu des icônes. Sélectionnez la couleur de l’icône désirée. C’est Facebook F, Twitter Bird, Instagram camera. Par exemple, ce n’est pas un fond bleu. Ensuite, la distance. En fait, c’est principalement la marge supérieure qui doit être ajustée. Nous appliquerons une marge supérieure de 1,5 VW afin qu’elle so it centrée sur le texte du menu. Vous pouvez également l’ajuster si vous voulez plus ou moins qu’il soit utilisé sur un appareil mobile.
Cliquez maintenant sur l’onglet Contenu et accédez à l’icône du réseau social personnel que vous 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 l’arrière – plan et sélectionnez la couleur qui correspond à la conception du site. Rappelez – vous encore une fois que cela ne change que l’arriè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 l’onglet 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 vous avez besoin d’une couleur unique, vous n’avez pas à vous soucier d’interférer avec d’autres paramètres.
Ensuite, faites défiler vers le bas vers l’entrée de la bordure sur l’onglet conception, où vous trouverez la largeur de la bordure. Définissez la valeur à 3px et sélectionnez la couleur de la bordure qui apparaît dans l’arrière – plan du menu principal Divi. Vous retournez à l’onglet Contenu et répétez ces étapes pour chaque icône du réseau social que vous souhaitez voir. Si vous voulez que chaque icône de ce module partage la même conception, vous pouvez utiliser sempl
Ensuite, faites un clic droit sur l’objet que vous avez conçu et sélectionnez copier le style de l’objet. Ensuite, faites un clic droit sur un autre réseau auquel vous souhaitez appliquer le style et sélectionnez coller le style de l’objet.
C’est tout! Assurez – vous de cliquer sur le bouton Enregistrer dans le coin inférieur droit de l’écran pour enregistrer la disposition générale. Par conséquent, vous êtes en sécurité sur le X de l’écran d’édition en haut à droite. Assurez – vous que la page Divi Theme Builder affiche toutes les modifications enregistrées dans le coin supérieur gauche. Sinon, cliquez sur Enregistrer les modifications. Une fois terminé, votre site affichera l’icône médias sociaux en temps réel dans le menu principal Divi! C’est le résultat final. Bureau Mobile Assurez – vous que votre public trouve toujours votre réseau social principal, ce qui est facile pour Divi. En quelques étapes, vous pouvez ajuster l’un de nos paquets d’en – tête \ pied de page gratuits pour inclure vos icônes de médias sociaux dans le menu principal (ou n’importe où vous voulez). Bonne chance.
Que pensez – vous des icônes des médias sociaux dans le menu principal? Où avez – vous tendance à les mettre?