Comment créer mon pied de page avec le thème Ex2?

Créer votre pied de page

Similaire à l'en-tête par sa nature et sa fonction, le pied de page est une section affichée sur toutes (ou presque toutes) les pages et les publications de votre site. La principale différence est que le pied de page est situé en bas de votre site Web.

Ainsi, contrairement à l’en-tête, le pied de page est souvent la zone que les visiteurs du site voient en dernier. Il n'est pas rare que les gens ratent l'occasion de créer un bon pied de page, mais cela peut vraiment faire la différence pour garder les utilisateurs sur votre site Web ainsi que pour les conversions, les abonnements, etc.

C'est l'endroit où vos visiteurs s'attendent à trouver des informations clés telles que les détails de l'entreprise, les coordonnées, les liens vers les réseaux sociaux ou du contenu et des liens supplémentaires ou connexes.

C'est souvent un emplacement idéal pour ajouter vos liens vers d'autres offres que vous pourriez avoir ou mettre les liens les plus importants et les boutons d'appel à l'action pour éviter d'avoir à revenir en haut.

Là encore, Ex2-Theme est livré avec un générateur de pied de page par glisser-déposer vous permettant de créer votre pied de page aussi facilement que votre en-tête.

Onglets Général et Design

L'onglet Général est votre vue par défaut lors de l'ouverture du constructeur de pied de page. Vous avez ici un aperçu de la configuration de votre pied de page.

Dans un menu de gauche, tous vos éléments de pied de page actifs seront répertoriés.

Le reste de l'écran affiche un aperçu en direct de votre pied de page et de la position de vos éléments dans les sections de pied de page de votre Visual Footer Builder.

L'onglet Conception vous donne la possibilité de définir la couleur et l'image d'arrière-plan pour l'ensemble du pied de page, ainsi que d'ajouter un rembourrage et une marge.

Éditeur visuel de pied de page

Comme pour l'en-tête, l'éditeur visuel de pied de page se compose également de trois sections distinctes qu’il est possible de personnaliser. Ces trois segments sont :

Le pied de page principal, soit la section centrale ; il s’agit de la section la plus importante du pied de page, contenant souvent un ou plusieurs menus.
Le pied de page supérieur, soit la partie du haut, qui se veut l'endroit idéal où ajouter un formulaire d'abonnement ou un bouton d'appel à l'action
Le pied de page inférieur, c’est à dire la portion du bas. Généralement, c’est ici que sont placées les informations de droits d’auteurs, ainsi que les informations de contact ou d'entreprise (comme l'adresse physique, l’adresse courriel, le numéro de téléphone, le numéro d'enregistrement de l'entreprise, etc.)

Comme pour les sections d'en-tête, les personnalisations de chaque section de pied de page sont accessibles en cliquant sur l'icône "roue dentée" sur le côté gauche des sections.Chaque section comporte deux onglets :

Onglet Général

Dans cette section, il est possible de définir les paramètres généraux de votre pied de page :

Colonne: sélectionnez le nombre de colonnes que vous souhaitez ajouter à cette section de pied de page ;
Disposition: choisissez la disposition des colonnes en fonction du nombre de colonnes sélectionné ;
Disposition des éléments internes: affiche les widgets dans la même colonne empilés (les uns sur les autres) ou en ligne (les uns à côté des autres)
Largeur: définissez la largeur du contenu du pied de page sur Pleine largeur (bord à bord) ou sur Largeur du contenu
Hauteur: définissez la hauteur de cette section de pied de page.
Alignement vertical: alignez verticalement le contenu de l'élément sur toutes les colonnes de cette section de pied de page en haut, au milieu ou en bas de la section.
Masquer sur mobile: masquez cet en-tête sur les appareils mobiles.

Onglet Design

Ici, il est possible de définir les paramètres de couleur et d’espacement de votre pied de page :

Taille de la bordure supérieure (et couleur): ajoutez la bordure supérieure à la section du pied de page en définissant la taille de votre bordure.
Couleur de la bordure: Une fois que vous avez défini la taille de votre bordure, une option supplémentaire apparaîtra (Couleur de la bordure) pour choisir la couleur de la bordure ;
Arrière-plan: définissez la couleur d'arrière-plan de ce pied de page ;
Espacement des colonnes intérieures: ajoutez de l'espace dans chaque colonne ;
Rembourrage: ajoutez un rembourrage sur un ou plusieurs côtés du pied de page ;
Marge: ajoutez une marge sur un ou plusieurs côtés de l'en-tête.

Chaque section de pied de page peut être personnalisée séparément pour le bureau et le mobile. Vous pouvez ajouter différents éléments de pied de page ou modifier leur position pour chaque fenêtre.

Éléments de pied de page

Vous pouvez créer votre pied de page de la même manière que votre en-tête. Comparé à Header Builder, le Footer Builder propose un nombre d'éléments légèrement inférieur. Vous pourrez ajouter les éléments suivants à vos sections de pied de page : Menu de pied de page, Social, HTML, Widget et Copyright.

Plus bas, nous vous montrerons comment utiliser des éléments spécifiquement disponibles pour le pied de page et quelques-uns de ceux utilisés également pour les en-têtes mais avec des paramètres légèrement différents. Le reste des éléments est utilisé de la même manière qu'avec Header Builder.

Menu primaire

Ici, vous verrez les éléments de menu que vous avez ajoutés à votre menu de pied de page (dans la section Apparence > Menus de votre tableau de bord Wordpress).

Dans l'onglet “Général”, vous pouvez définir le menu Disposition sur En ligne ou Empiler et définir les éléments de menu Alignement.

L'onglet “Design” vous permettra de définir les couleurs du texte et de l'arrière-plan, la taille de la police du menu, l'espacement du menu et la marge.

Social

Par rapport à l'élément social utilisé pour l'en-tête, celui du pied de page dispose de l'option supplémentaire “Alignement”, disponible dans l'onglet “Général”.

Droits d'auteur

Cet élément vous permet d'ajouter et de styliser simplement votre droit d'auteur et il ne peut être utilisé que dans le pied de page. Il s’agit d’un bon endroit pour utiliser les éléments de shortcodes suivants afin d’y ajouter les éléments associés :

[copyright]
2023
[site_title]
[theme_author]

Mis à jour le : 20/03/2023