Je souhaite obtenir des informations sur une formation complète concernant le thème DIVI dispensé
par un organisme de formation certifié par l’état.
Que la formation soit finançable par mon CPF (idéalement) ou autre


Divi: le thème WordPress le plus simple

Divi: le meilleur thème WordPress de tous les temps!

Suite Téléchargé à 901,000Divi est le thème WordPress le plus populaire au monde. Il est complet, facile à utiliser et est livré avec plus de 62 modèles gratuits. [Consigliato]

Le module de médias sociaux de Divi vous permet de créer des liens basés sur des icônes qui pointent vers vos profils sociaux en ligne tels que Facebook, Twitter et Google+. Ces icônes sont incorporées au thème dans le style de Divi en utilisant les icônes à la mode, ce qui les rend préférables à l’utilisation de plugins tiers. Vous pouvez ajouter des liens vers plusieurs profils sociaux dans chaque module et ajouter le module n’importe où sur la page.

Voici comment ajouter un module de médias sociaux à votre page

Avant de pouvoir ajouter un module de médias sociaux à votre page, vous devez d’abord passer au Divi Builder. Une fois le thème Divi installé sur votre site Web, vous remarquerez un bouton Utilisez Divi Builder au-dessus de l’éditeur de publication chaque fois que vous créez une nouvelle page. Cliquez sur ce bouton pour activer Divi Builder et accéder à tous les modules de Divi Builder. Cliquez ensuite sur le bouton Constructeur visuel des États-Unis pour démarrer le générateur en mode visuel. Vous pouvez également cliquer sur le bouton Constructeur visuel des États-Unis Lorsque vous naviguez sur votre site Web au premier plan lorsque vous êtes connecté à votre tableau de bord WordPress.

Constructeur de divas

Dans Visual Builder, vous pouvez cliquer sur le signe plus gris pour ajouter un nouveau module à votre page. Les nouveaux modules ne peuvent être ajoutés que dans les lignes. Lorsque vous démarrez une nouvelle page, n’oubliez pas d’ajouter d’abord une ligne à votre page.

seguici sur les réseaux sociaux.png

Trouvez le module de médias sociaux dans la liste des modules et cliquez dessus pour l’ajouter à votre page. La liste des mods est consultable afin que vous puissiez également taper le mot « Suivez-nous sur les réseaux sociaux », puis appuyez sur « Entrée » pour trouver et ajouter automatiquement le mod des réseaux sociaux! Une fois le module ajouté, vous serez accueilli par la liste des options du module. Ces options sont divisées en trois groupes principaux: contenu , conception et Avancée .

Exemple de cas d’utilisation: ajout d’icônes de médias sociaux appropriées à une page de contact

La page de contact d’un site Web est l’endroit idéal pour présenter vos profils sociaux en ligne. Cela donne aux utilisateurs plus d’options pour rester connectés et promouvoir votre blog ou votre entreprise. Dans cet exemple, je vais vous montrer comment ajouter des icônes de médias sociaux qui correspondent à la conception actuelle d’une page de contact.

Ajouter des boutons de suivi sur une page de contact divi wordpress.jpg

À l’aide de Visual Builder, ajoutez une nouvelle section régulière avec une ligne de colonne unique pleine largeur. Ajoutez un module de médias sociaux à votre colonne.

Dans l’onglet Contenu des paramètres du formulaire, cliquez sur le bouton Ajouter un nouvel élément pour ajouter un nouveau réseau social à votre formulaire. Dans certains paramètres de réseau social, mettez à jour les éléments suivants:

Options de contenu

Réseau social:
Compte URL Facebook: [inserisci l’URL del tuo account Facebook]

Options de conception

Couleur du symbole: # d94b6a (différentes couleurs)

Ajouter une couleur assortie

Ensuite, dupliquez ce réseau social pour ajouter quatre autres réseaux (Twitter, Google+, LinkedIn et Instagram). La couleur de l’icône personnalisée a été conservée depuis que vous avez dupliqué le réseau. Il vous suffit donc de mettre à jour chaque URL et compte réseau.

Créez facilement votre site Web avec Elementor

Elementor facilite la création de toute conception de site Web avec une apparence et une sensation professionnelles. Arrêtez de payer cher ce que vous pouvez faire vous-même. [Free]

doubler les réseaux sociaux divi.jpg

Vous avez maintenant les icônes de médias sociaux qui correspondent à la conception de la page de contact.

display.png de réseau social

Options de contenu des médias sociaux

L’onglet Contenu est l’endroit où vous pouvez trouver tous les éléments de contenu du formulaire, tels que: B. Texte, images et symboles. Tout ce qu’il contrôle Chose apparaît dans votre formulaire sera toujours dans cet onglet.

Contenu pour les stars suivez-nous sur les réseaux sociaux module.png

Ajouter un nouvel objet

C’est ici que vous ajoutez de nouveaux réseaux à votre formulaire. Cliquez sur Ajouter un nouvel élément pour ouvrir une nouvelle fenêtre avec des options pour votre nouveau réseau (sous les onglets Contenu, Conception et Avancé). Voir ci-dessous pour plus d’informations sur chaque paramètre de réseau de médias sociaux.

Après avoir ajouté votre premier réseau, vous verrez une barre grise avec le titre de votre réseau comme étiquette. La barre grise contient également trois boutons que vous pouvez utiliser pour modifier, dupliquer ou supprimer le réseau.

Formulaire de lien

Ici, vous pouvez choisir la forme des symboles de vos réseaux sociaux dans un rectangle arrondi ou dans un cercle.

L’URL va s’ouvrir

Choisissez si vous souhaitez ouvrir l’URL du réseau dans un nouvel onglet ou dans la même fenêtre.

Bouton Suivre

Ici, vous pouvez choisir d’insérer ou non le bouton suivant à côté de l’icône.

Recherchez-vous les meilleurs thèmes et plugins WordPress?

Téléchargez les meilleurs plugins et thèmes WordPress sur Envato et créez votre site Web en toute simplicité. Déjà plus de 49 720 000 téléchargements. [ESCLUSIVO]

Label de gestion

Cela change le nom du module dans le constructeur pour une identification facile. Lors de l’utilisation de la vue WireFrame dans Visual Builder, ces libellés sont affichés dans le bloc module de l’interface Divi Builder.

Options de conception pour les médias sociaux

Dans l’onglet Conception, vous trouverez toutes les options de style du module, par exemple B. Polices, couleurs, tailles et espacement. Sur cet onglet, vous pouvez modifier l’apparence de votre formulaire. Chaque module Divi a une longue liste de paramètres de conception que vous pouvez utiliser pour changer le look.

Changer l'apparence du divi.png

Pour ce module, les options de conception se composent d’un seul élément: la couleur du texte.

Couleur du texte

Ici, vous pouvez choisir si votre texte doit être clair ou foncé. Si vous travaillez sur un fond sombre, votre texte doit être clair. Si l’arrière-plan est clair, le texte doit être sombre.

Options avancées de médias sociaux

L’onglet Avancé fournit des options que les concepteurs Web expérimentés peuvent trouver utiles, telles que: B. Attributs CSS et HTML personnalisés. Ici, vous pouvez appliquer du CSS personnalisé à l’un des nombreux éléments du formulaire. Vous pouvez également attribuer des classes CSS et des ID personnalisés au module qui peuvent être utilisés pour personnaliser le module dans le fichier style.css du thème enfant.

paramètres avancés divi.png

ID CSS

Entrez un ID CSS facultatif à utiliser pour ce formulaire. Un identifiant peut être utilisé pour créer un style CSS personnalisé ou pour créer un lien vers des sections spécifiques de votre page.

Classe CSS

Entrez les classes CSS facultatives à utiliser pour ce module. Une classe CSS peut être utilisée pour créer un style CSS personnalisé. Vous pouvez ajouter plusieurs classes séparées par un espace. Ces classes peuvent être utilisées dans le sous-thème Divi ou dans la feuille de style CSS personnalisée que vous ajoutez à votre page ou site Web en utilisant Options du thème Paramètres de page Divi ou Divi Builder.

CSS personnalisé

Le CSS personnalisé peut également être appliqué au module et à toute partie interne du module. Dans la section CSS personnalisé, vous trouverez un champ de texte dans lequel vous pouvez ajouter des feuilles de style CSS personnalisées directement à n’importe quel élément. Les entrées CSS de ces paramètres sont déjà placées dans les balises de style. Entrez ensuite les règles CSS séparées par des points-virgules.

Visibilité

Cette option vous permet de contrôler les appareils sur lesquels votre formulaire est affiché. Vous pouvez désactiver votre module individuellement sur une tablette, un smartphone ou un ordinateur de bureau. Ceci est utile lorsque vous souhaitez utiliser différents mods sur différents appareils ou lorsque vous souhaitez simplifier la conception mobile en supprimant certains éléments de la page.

Options individuelles pour le contenu des médias sociaux

optin content divi.png

réseau social

Ici, vous pouvez choisir le réseau social que vous souhaitez consulter.

Créez facilement votre boutique en ligne

Téléchargez gratuitement WooCommerce, les meilleurs plugins de commerce électronique pour vendre vos produits physiques et numériques sur WordPress. [Consigliato]

URL dell’account

Ici, vous entrez l’URL de ce lien dans un réseau social. Si vous choisissez Facebook comme réseau, entrez ici l’URL de la page Facebook.

Options de conception individuelles pour les médias sociaux

styles individual option.png

Couleur de l’icône

Divi propose des couleurs standard pour chaque réseau social standard défini. Ici, vous pouvez facilement changer la couleur de cette icône comme vous le souhaitez.

Options avancées de médias sociaux

Module d'options étendu Suivez-nous divi.png

CSS personnalisé

Le CSS personnalisé peut également être appliqué au module et à toute partie interne du module. Dans la section CSS personnalisé, vous trouverez un champ de texte dans lequel vous pouvez ajouter des feuilles de style CSS personnalisées directement à n’importe quel élément. Les entrées CSS de ces paramètres sont déjà placées dans les balises de style. Entrez ensuite les règles CSS séparées par des points-virgules.

Plus de tutoriels Divi



Source link

Recent Posts