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


Depuis l’introduction du générateur de thèmes dans Deuxnous pouvons créer un pied de page personnalisé pour Divi sans avoir besoin d’un plugin ou d’un codage supplémentaire. Nous pouvons créer et personnaliser ce pied de page avec la puissance du constructeur visuel. De cette façon, nous pouvons construire tout ce que nous voulons.

Avant de commencer, je vais vous donner quelques exemples de pieds de page personnalisés réalisés avec Divi.

Ceci est un exemple de pied de page personnalisé de ma conception Avanti:

Et c’est celui de mon design DiviCommerce:

Ce ne sont que quelques exemples que j’expliquerai plus en détail à la fin de ce tutoriel.

Commençons par créer notre pied de page personnalisé pour Divi.

Créer un pied de page global dans Divi

Allez dans Divi> Theme Builder et cliquez sur Ajouter un pied de page global.

Accédez au générateur de thèmes

Cliquez ensuite sur Créer un pied de page global.

Cliquez sur Build Global Foote

Après cela, choisissez Build From Scratch.

Construire à partir de zéro

Vous pouvez maintenant commencer à créer votre pied de page global avec Visual Builder. La même chose que pour les pages.

Lorsque vous avez terminé de créer votre pied de page, cliquez sur Enregistrer lorsque vous êtes de retour dans le générateur de thèmes. Cliquez sur Enregistrer les modifications.

Enregistrez votre pied de page Divi

Pied de page personnalisé pour une page spécifique

Vous souhaiterez peut-être utiliser une disposition de pied de page différente pour une page particulière. C’est facile à faire dans le générateur de thèmes. Accédez au générateur de thèmes et cliquez sur Ajouter un nouveau modèle.

Ajouter un nouveau modèle de pied de page

Dans l’onglet Paramètres du modèle, vous pouvez choisir les pages auxquelles vous souhaitez attribuer ce modèle.

Paramètres du modèle

Cliquez ensuite sur les 3 points verticaux pour ouvrir le menu et cliquez sur Désactiver global.

Désactiver le pied de page global

Vous pouvez désormais personnaliser ce pied de page et il n’apparaîtra que sur les pages auxquelles vous l’avez attribué.

Les options de pied de page de Divi Customizer ont disparu?

Vous l’avez peut-être remarqué maintenant, mais les options de pied de page dans Divi> Thème Customizer ont disparu. Vous pouvez les voir pendant un moment, puis elles disparaissent. Ceci est normal si vous avez activé le pied de page global. Les options de l’outil de personnalisation de thème ne sont plus nécessaires car vous pouvez désormais effectuer toutes vos modifications dans l’outil de création de thème.

Exemples de pied de page pour l’inspiration

Je vais vous donner quelques exemples supplémentaires de pied de page pour vous inspirer.

Grandir allongé

Développez l'exemple pour un pied de page Divi développé

Dans cette conception, j’ai créé une structure à 3 colonnes avec un fond bleu foncé. J’ai utilisé des partitions bleu clair plus claires et une marge droite pour la première colonne. Dans la première colonne, j’ai placé le logo + les informations de contact et les symboles des réseaux sociaux. J’ai placé la navigation rapide et les pages de service dans les deuxième et troisième colonnes. En haut de ce pied de page, j’ai créé un opt-in horizontal par e-mail.

Visitez le site web

bouteille

Exemple de pied de page de Photelo Divi

J’ai utilisé 2 lignes dans le pied de page de ce site. La rangée du haut est une structure à 4 colonnes avec un module d’image dans chaque colonne. La ligne du bas est une structure à 1 colonne avec 2 textes et 1 module de médias sociaux. Je vais mettre une image de fond dans la section.

Visitez le site web

Valliant

Exemple de pied de page Valliant Divi

Le pied de page de ce site utilise une structure à 4 colonnes. Dans la première colonne, j’ai utilisé un module d’image pour le logo et 3 modules de présentation. Entre chaque module de présentation, j’ai utilisé un module de séparation pour la ligne mince. Les deuxième et troisième colonnes sont créées avec des modules de texte et j’ai également utilisé un module de séparation pour la ligne ici. Dans la quatrième colonne, j’ai placé un module de médias sociaux et un opt-in par e-mail.

Visitez le site web

Tu pourrais l’aimer aussi…



Source link

Recent Posts