WPML CMS Navigation est un plugin complémentaire qui fournit des éléments de navigation lors de la création de votre site multilingue.
L’extension est incluse dans votre package WPML Multilingual CMS.
Les éléments de navigation que vous pouvez ajouter avec le plugin WPML CMS Navigation incluent :
Fil d’Ariane
Aide les utilisateurs à trouver leur chemin dans la structure du site
Menus déroulants
Permet aux utilisateurs d’accéder rapidement à des sections spécifiques
Barre latérale
Affiche aux utilisateurs les pages liées à la page qu’ils consultent
Ajout d’éléments de navigation à votre thème
Pour utiliser chaque élément, ajoutez-les à votre thème en utilisant des fonctions PHP sur une seule ligne.
Code PHP
Où 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 de la barre latérale est également disponible sous forme de Widget WordPress. Ajoutez-le via le contrôle des Widgets sur la page Apparence → Widgets.
Personnalisation des éléments de navigation
Pour personnaliser les paramètres globaux de l’extension, allez à 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 CSS.
1. Personnalisation des éléments de navigation avec l’éditeur WordPress
Lorsque vous éditez une page dans l’éditeur WordPress, faites défiler vers le bas pour trouver une section intitulée CMS Navigation.
Cette section vous permet de personnaliser ce qui s’affiche sur la barre latérale. Vous pouvez :
Exclure la page actuelle
Afficher ou non ses pages enfants
Attribuer une section pour afficher la page
2. Personnalisation de l’apparence des éléments de navigation avec CSS
Les éléments de navigation sont fournis avec une apparence par défaut, que vous pouvez personnaliser en utilisant CSS.
Allez à ../wp-content/plugins/wpml-cms-nav/res/css pour localiser deux fichiers :
cms-navigation-base.css : Ce fichier est responsable de la fonctionnalité du menu déroulant et vous ne devriez pas le modifier.
cms-navigation.css : C’est un fichier que vous pouvez copier et modifier pour ajouter vos personnalisations.
Procédez comme suit :
Copiez le deuxième fichier, cms-navigation.css, du répertoire du plugin et placez-le dans le répertoire de votre thème.
Appelez wp_head() et chargez votre copie. Cela chargera les fichiers CSS du plugin.
Appliquez vos personnalisations CSS au nouveau fichier.