WordPress - Comment changer la position du sélecteur de langue ?
Dans cet article, vous apprendrez les différentes méthodes pour changer la position du sélecteur de langue Weglot sur votre site WordPress.
1. Ajouter le sélecteur de langue à un menu
2. Utiliser la fonction Switcher Editor
1. Ajouter le sélecteur de langue à un menu
Vous avez la possibilité d'intégrer le commutateur directement dans un menu via votre administration WordPress :
Pour ce faire, allez dans l'administration de WordPress dashboard > Apparence > Menus et sélectionnez le menu dans lequel vous souhaitez que le sélecteur de langue Weglot soit placé.
Sélectionnez "Weglot Switcher" dans le panneau de gauche, cochez la case, puis ajoutez-le au menu. Vous pouvez maintenant faire glisser le sélecteur pour modifier l'ordre des éléments dans le menu :
2. Utilisez la fonction Switcher Editor
L'éditeur de sélecteur vous permet de déplacer le sélecteur de langue dans le contexte de votre site web en faisant glisser le bouton sur un aperçu de votre site web.
Pour l'utiliser, vous pouvez suivre cet article : Comment utiliser l'éditeur Switcher ?
⚠️ Notez que votre site web doit être en ligne et accessible pour pouvoir utiliser l'éditeur Switcher.
3. Ajouter le sélecteur de langue à un widget
Vous avez la possibilité d'intégrer le commutateur directement dans un widget via l'administration de votre WordPress :
Pour ce faire, rendez-vous dans votre administration WordPress Dashboard > Apparence > Widgets
Ces zones de widgets dépendent du thème que vous utilisez. L'auteur du thème définit ces zones.
Sélectionnez le widget que vous souhaitez, puis cliquez sur l'icône +. Une barre de recherche s'ouvrira. Tapez ensuite "Weglot" et sélectionnez "Weglot Widget" :
Rafraîchissez votre site web ; vous verrez que le commutateur Weglot se trouve maintenant dans la zone des widgets sélectionnés.
4. L'option Weglot_here
Vous pouvez ajouter le code ci-dessous où vous voulez dans le code source de votre page HTML. Le bouton apparaîtra à cet endroit :
<div id="weglot_here"></div>