WPML CMS Navigation est un module complémentaire qui fournit des éléments de navigation lors de la création de votre site multilingue.
Le module complémentaire est inclus dans votre paquet WPML Multilingual CMS.
Les éléments de navigation que vous pouvez ajouter avec l’extension WPML CMS Navigation comprennent :
Fil d’Ariane
Aide les utilisateurs à se repérer dans la structure du site
Menus déroulants
Donne aux utilisateurs un accès rapide à des sections spécifiques
Barre latérale
Montre aux utilisateurs des pages liées à celle qu’ils consultent
Ajouter des éléments de navigation à votre thème
Pour utiliser chaque élément, ajoutez-les à votre thème à l’aide de fonctions PHP d’une seule ligne.
| Code PHP | Où l’ajouter | |
|---|---|---|
| Fil d’Ariane | <?php do_action('icl_navigation_breadcrumb'); ?> | header.php ou single.php, page.php, archive.php, tag.php et search.php |
| Menus déroulants | <?php do_action('icl_navigation_menu'); ?> | header.php |
| Barre latérale | <?php do_action('icl_navigation_sidebar'); ?> | sidebar.php |
La navigation par barre latérale est également disponible sous forme de widget WordPress. Ajoutez-la via le contrôle des widgets sur la page Apparence → Widgets.
Personnaliser les éléments de navigation
Pour personnaliser les paramètres globaux du module complémentaire, accédez à WPML → Navigation. Vous pouvez ajuster les paramètres de base, tels que le symbole qui sépare le fil d’Ariane.
Vous pouvez également appliquer diverses personnalisations via l’Éditeur WordPress ou par CSS.
1. Personnaliser les éléments de navigation avec l’Éditeur WordPress
Lorsque vous modifiez une page dans l’Éditeur WordPress, faites défiler la page vers le bas pour trouver une section intitulée CMS Navigation.
Cette section vous permet de personnaliser ce qui s’affiche dans la barre latérale. Vous pouvez :
- Exclure la page actuelle
- Afficher ou non ses pages enfants
- Attribuer une section sous laquelle afficher la page
2. Personnaliser l’apparence des éléments de navigation avec CSS
Les éléments de navigation ont une apparence par défaut, que vous pouvez personnaliser à l’aide de CSS.
Accédez à ../wp-content/plugins/wpml-cms-nav/res/css pour localiser deux fichiers :
- cms-navigation-base.css : ce fichier gère la fonctionnalité du menu déroulant et vous ne devez pas le modifier.
- cms-navigation.css : c’est un fichier que vous pouvez copier et modifier pour ajouter vos personnalisations.
Suivez ces étapes :
- Copiez le deuxième fichier, cms-navigation.css, depuis le répertoire de l’extension et placez-le dans le répertoire de votre thème.
- Appelez wp_head() et chargez votre copie. Cela chargera les fichiers CSS de l’extension.
- Appliquez vos personnalisations CSS au nouveau fichier.