thèmes WordPress
Documentation
Recherche d'articles sur le lecteur audio et le thème WordPress

Comment modifier l'en-tête, le menu mobile et le menu hors-champ ?

Choisir le modèle à utiliser comme en-tête. #

Étape 1 - Allez dans WP-Admin > Options du thème > Option de menu

Étape 2 - Dans le Type de menu, sélectionnez Elementor Header

Étape 3 - Choisissez le modèle que vous souhaitez utiliser comme en-tête de votre site. Le modèle de page peut être configuré dans WP-Admin > Headers & Footers.

Thème WordPress Sonaar, fonctionnalité En-têtes et pieds de page

Modifier votre en-tête #

Étape 1 - Allez à l'avant de votre site Web où vous voyez votre en-tête.

Étape 2 - Dans la barre d'outils supérieure, sélectionnez Edit with Elementor > et sélectionnez votre en-tête.

éditer avec elementor via la barre d'administration

* Note du pro : si vous ne voyez pas le modèle à modifier dans ce sous-menu, veillez à rafraîchir la page.

* Note pro #2 : Comme vous pouvez le voir, ce sous-menu dévoile tous les modèles Elementor qui sont utilisés sur la page actuelle. C'est utile si vous voulez vous lancer dans l'édition d'Elementor directement depuis le front-end de votre site.

* Note pro n°3 : Vous pouvez également accéder aux modèles d'en-tête et de pied de page dans WP-Admin > Headers & Footers. Le modèle Off-canvas se trouve dans WP-Admin > Templates.

Étape 1 - Allez dans WP-Admin > Apparence > Personnalisation > Identité du site.

Modification du menu mobile #

Étape 1 - Dans la barre d'outils supérieure, sélectionnez Edit with Elementor > et sélectionnez votre en-tête, comme le montre l'image ci-dessus.

Étape 2 - Une fois que vous êtes dans l'éditeur et selon le thème que vous utilisez, vous pouvez voir 2 versions de votre en-tête. La première est celle de votre bureau, et la deuxième section ci-dessous est votre version responsive.

sonaar thème de musique wordpress, modifier le post d'en-tête avec l'éditeur elementor

Étape 3 - Pour passer de l'affichage mobile à l'affichage tablette ou au bureau, cliquez sur l'étiquette Mobile dans le rectangle jaune, ou cliquez sur les icônes réactives et sélectionnez Mobile :

sonaar thème de musique wordpress, modifier le post d'en-tête avec l'éditeur elementor

Étape 4 - Pour définir vos versions réactives et décider quelle section afficher ou cacher en fonction de la taille de l'écran, sélectionnez la section et allez dans Avancé > Responsive. Comme vous pouvez le voir sur la capture d'écran ci-dessous, la section sélectionnée est "Masquer sur le bureau", ce qui signifie qu'elle sera affichée sur les tablettes et les mobiles et deviendra donc notre version pour tablettes et mobiles ! La section au-dessus de la section sélectionnée (c'est-à-dire la version de bureau) avec le rectangle jaune est configurée pour être cachée sur tablette et mobile et ainsi devenir notre version de bureau.

sonaar thème de musique wordpress, modifier le post d'en-tête avec l'éditeur elementor

Étape 5 - Dans ce menu mobile, nous utilisons un menu hors toile qui est représenté par un menu hamburger. L'utilisation du menu off-canvas nous donne toute la flexibilité que nous voulons pour créer n'importe quel type de menu mobile en utilisant Elementor. C'est très puissant. Pour modifier le modèle utilisé lorsque nous cliquons sur le menu hamburger, sélectionnez le widget off-canvas et vous verrez quel modèle est utilisé, et un lien pour le modifier.

Tous les modèles Offcanvas se trouvent dans WP-Admin > Templates. Il s'agit essentiellement de modèles Elementor.

Étape 6 - Le modèle ci-dessous peut être modifié en allant sur le front-end de votre site et en cliquant sur Edit With Elementor > Off-Canvas, OU en allant sur WP-Admin > Templates.

thème musical wordpress sonaar, fonction offcanvas

Étape 7 - L'apparence et le style de l'off-canvas sont définis en modifiant le widget off-canvas > onglet Style. Le contenu du canevas externe est défini en modifiant son modèle.

Pro Note : Chaque fois que vous voulez modifier un en-tête, un pied de page ou un menu hors-canvas dans Elementor, et que vous êtes perdu, allez sur le front-end de votre site et cliquez sur Edit With Elementor > et sélectionnez le modèle que vous voulez modifier.

Modifiez vos éléments de menu et vos étiquettes de menu #

1. Allez dans WP-Admin > Apparence > Menu

Mis à jour le 23 février 2022
Cet article vous a-t-il été utile ?
betterdocs-category-grid-icon

Pour commencer

betterdocs-category-grid-icon

Aide générale

betterdocs-category-grid-icon

Podcast spécifique

Toujours coincé ?
Comment pouvons-nous vous aider ?