Comment ajouter des liens de confidentialité et de conditions à votre pied de page Divi

Les politiques de confidentialité et les termes et conditions sont deux pages importantes qui doivent être faciles d'accès. Le pied de page est peut-être l'endroit le plus populaire pour ajouter des liens vers ces pages. Ces liens sont faciles à ajouter à votre pied de page avec Divi. Dans cet article, nous verrons deux méthodes pour ajouter des liens de confidentialité et de termes de pied de page Divi à votre site Web.

Aperçu de notre Divi Footer Confidentialité et Conditions

Nous allons ajouter les liens de confidentialité et de termes du pied de page Divi à l'aide de menus et de widgets. Cela nous donnera une disposition horizontale et une disposition verticale. Voici un aperçu de leur apparence.

Bureau de la méthode 1

Voici la version de bureau du pied de page. Nos liens sont ajoutés sur le côté droit à l'aide du module Divi Menu.

Méthode 1 Mobile

Voici à quoi cela ressemblera sur un téléphone. Il comprend un menu de hamburgers.

Bureau de la méthode 2

Voici le pied de page du bureau que nous allons personnaliser avec notre deuxième méthode. Nous ajouterons les liens à l'aide d'un widget.

Méthode 2 Mobile

Voici à quoi cela ressemblera sur un téléphone.

Créer le menu Confidentialité et conditions du pied de page Divi

Tout d'abord, nous allons créer un menu de confidentialité et de conditions de pied de page Divi. Ce menu utilisera les pages Politique de confidentialité et Conditions générales que vous avez déjà créées. Les deux méthodes utiliseront ce menu. Allez dans Apparence > Menus dans le tableau de bord WordPress. Cliquez sur Créer un nouveau menu .

Donnez au menu un nom qui a du sens pour vous. J'utilise Confidentialité et Conditions. Laissez les paramètres du menu à leurs valeurs par défaut. Nous n'aurons pas besoin d'utiliser ces paramètres. Cliquez sur Créer un menu .

Sous Pages, sélectionnez les pages Politique de confidentialité et Conditions générales et cliquez sur Ajouter au menu . Organisez-les dans l'ordre de votre choix et cliquez sur Enregistrer le menu . Nous pouvons maintenant utiliser ce menu dans notre pied de page Divi.

Modèle de pied de page Divi

Ensuite, nous allons télécharger un modèle de pied de page Divi gratuit dans le Divi Theme Builder. Les deux méthodes utiliseront ce modèle. J'utilise le pied de page du pack de mise en page gratuit Divi Blogger Header & Footer. Pour trouver des mises en page de pied de page gratuites, recherchez « pied de page gratuit » dans le blog Divi. Téléchargez le modèle sur votre ordinateur et décompressez-le.

Pour uploader le template, rendez-vous dans Divi > Theme Builder dans le tableau de bord WordPress. Sélectionnez l'icône Portabilité en haut à droite du générateur. Cela ouvre un modal. Sélectionnez Importer et cliquez sur Choisir un fichier . Accédez au fichier JSON sur votre ordinateur et sélectionnez-le. Cliquez sur Importer les modèles Divi Theme Builder et attendez que l'importation soit terminée. Enregistrez vos modifications et accédez à n'importe quelle page du front-end. Nous terminerons notre travail avec les nouvelles fonctionnalités d'édition frontale du site complet de Divi.

Méthode 1 : module de menu Divi

Nous ajouterons les liens sur le côté droit pour la première méthode, où se trouve l'adresse e-mail. Activez le Divi Visual Builder, faites défiler jusqu'à la zone de pied de page et sélectionnez Modifier le modèle de pied de page.

Survolez la ligne pour révéler ses paramètres et sélectionnez la structure de la colonne. Choisissez trois colonnes. Cela déplace le lien e-mail vers le centre où nous le voulons.

Dans la colonne de droite, sélectionnez l'icône plus gris foncé pour ouvrir le module modal. Recherchez Menu et cliquez sur le module de menu pour l'ajouter à la colonne.

Les paramètres s'ouvriront. Cliquez sur la liste déroulante Menu sous Contenu et choisissez votre menu Confidentialité et conditions.

Faites défiler jusqu'à la section Arrière -plan. Survolez l'arrière-plan et supprimez-le.

• Arrière-plan : supprimer

Cliquez sur l'onglet Conception . Changez la couleur du lien actif en #e2c29d. Ceci est une couleur de la mise en page. Il fonctionnera également avec une couleur plus foncée si vous préférez.

• Couleur du lien actif : #e2c29d

Faites défiler jusqu'à la couleur du texte du menu et sélectionnez Noir.

• Couleur du texte du menu : #000000

Faites défiler jusqu'à Alignement du texte et sélectionnez Centrer.

• Alignement du texte : Centré

Sélectionnez la vue Téléphone dans le menu Divi. Faites défiler jusqu'à la section Menu déroulant et définissez la couleur de la ligne et du lien actif sur #e2c29d.

• Couleur de la ligne du menu déroulant : #e2c29d
• Couleur du lien actif du menu déroulant : #e2c29d

Faites défiler jusqu'à la couleur de l'icône du menu hamburger et réglez-la sur #e2c29d.

• Couleur de l'icône du menu hamburger : #e2c29d

Méthode 2 : module de barre latérale Divi

Le module de barre latérale Divi nous permet de placer les liens dans une pile verticale. Pour ce faire, nous devrons créer un widget de menu. Accédez à Apparence > Widgets dans le menu du tableau de bord. Sélectionnez une zone de la barre latérale que vous n'utilisez pas. J'ai sélectionné la zone de pied de page #1. Vous pouvez créer une nouvelle zone de barre latérale si nécessaire. Utilisez l'outil de la barre latérale en bas de la page.

Sélectionnez l' icône Plus et recherchez "menu". Cliquez sur le menu de navigation pour l'ajouter à la zone de pied de page.

Laissez le titre vide. Cliquez sur Menu de sélection et choisissez votre menu de confidentialité et de conditions. Cliquez sur Mettre à jour et dirigez-vous vers le front-end de votre site Web.

• Titre : laisser vide
• Sélectionnez Menu : Confidentialité et conditions d'utilisation

Nous ajouterons le widget sur le côté droit pour la deuxième méthode, où se trouve l'adresse e-mail. Activez le Divi Visual Builder, faites défiler jusqu'au pied de page et sélectionnez Modifier le modèle de pied de page.

Faites glisser le module de texte de l'e-mail au-dessus de la notification de copyright sur la gauche.

Ouvrez le module de texte inférieur. Cliquez sur l'onglet Conception et faites défiler jusqu'à Espacement . Ajoutez une marge supérieure de -22px. Vous pouvez également saisir le haut du module et faire glisser jusqu'à ce que vous ayez atteint -22px.

• Marge supérieure : -22px

Cliquez sur l' icône grise Plus dans la colonne de droite pour ajouter un module Divi. Recherchez Sidebar et sélectionnez-le dans la liste.

Les paramètres s'ouvriront. Dans la liste déroulante Zone de widget , sélectionnez la zone de pied de page qui contient votre widget.

Faites défiler jusqu'aux paramètres du corps du texte . Sélectionnez l'alignement central pour l'alignement du corps du texte et choisissez le noir pour la couleur du corps du texte .

• Alignement du corps du texte : centré
• Couleur du corps du texte : noir

Ouvrez les paramètres de colonne pour la ligne et sélectionnez 3 colonnes. Déplacez le module Sidebar dans la colonne de droite.

• Disposition : 3 colonnes

Résultats pour notre pied de page Confidentialité et conditions

Voici les résultats de notre confidentialité et des conditions de pied de page Divi utilisant les deux méthodes.

Bureau de la méthode 1

Voici à quoi ressemble la version de bureau avec nos liens sur la droite.

Méthode 1 Mobile

Voici la version téléphone avec un menu hamburger stylé. J'ai ouvert le menu pour afficher les liens.

Bureau de la méthode 2

Voici le bureau avec nos liens sur la droite.

Méthode 2 Mobile

Voici la version téléphone avec les liens en bas.

Fin des réflexions sur Divi Footer Confidentialité et conditions d'utilisation

C'est notre regard sur la façon de créer des liens de confidentialité et de termes de pied de page Divi à l'aide de modules Divi. Ces deux méthodes vous offrent différentes options de mise en page et les deux sont simples à créer avec Divi Theme Builder. Ils sont faciles à ajouter et à personnaliser, ce qui rend votre politique de confidentialité et vos pages de conditions générales facilement accessibles à vos lecteurs.

Nous voulons de vos nouvelles. Avez-vous ajouté des liens sur la confidentialité et les conditions du pied de page Divi à votre site Web ? Faites-nous part de votre expérience dans les commentaires.