Comment configurer un sélecteur de langue sur Kirby CMS

par Aorinka Anendya
29 juillet 2024

Blog > Guide > Comment configurer un sélecteur de langue sur Kirby CMS

La configuration d'un sélecteur de langue dans Kirby CMS est une fonctionnalité importante pour permettre aux visiteurs étrangers d'interagir plus facilement avec votre site. La possibilité de basculer facilement entre différentes langues est devenue une exigence essentielle pour de nombreuses plateformes en ligne.

En configurant un sélecteur de langue dans Kirby CMS, vous pouvez augmenter considérablement l'accessibilité de votre site pour les visiteurs internationaux, potentiellement améliorer les performances des moteurs de recherche et accroître la confiance mondiale dans votre marque. Bien que le processus puisse sembler intimidant au début, ce guide vous guidera à travers les étapes pour implémenter efficacement cette fonctionnalité sur votre site Web Kirby CMS , garantissant une expérience multilingue fluide et conviviale.

Importance de configurer un sélecteur de langue sur Kirby CMS

La mise en œuvre d'un sélecteur de langue sur Kirby CMS est plus qu'une simple fonctionnalité : c'est une décision stratégique qui peut avoir un impact significatif sur les performances et la portée de votre site web. Explorons les principales raisons pour lesquelles configurer un sélecteur de langue sur votre site web Kirby CMS.

Amélioration de l'expérience utilisateur : un sélecteur de langue permet aux visiteurs d'accéder au contenu dans leur langue préférée, améliorant ainsi considérablement leur compréhension et leur engagement avec le site Web.
Réduire les taux de rebond : les visiteurs incapables de trouver du contenu dans leur langue partiront probablement rapidement. Offrir plusieurs options linguistiques encourage les utilisateurs à explorer davantage le site.
Augmenter les taux de conversion : lorsque les utilisateurs peuvent comprendre les détails du produit, les politiques et les processus d'achat dans leur langue maternelle, ils sont plus enclins à acheter ou à prendre les mesures souhaitées.
Renforcer le référencement multilingue : les moteurs de recherche prennent en compte l’expérience utilisateur lors du classement des sites Web. Un sélecteur de langue intuitif peut améliorer vos de référencement multilingue en facilitant un accès facile au contenu dans différentes langues.

Briser les barrières linguistiques

Dites adieu aux barrières linguistiques et bonjour à la croissance sans limite ! Essayez notre service de traduction automatique dès aujourd'hui.

Commencez à traduire maintenant

Comment configurer un sélecteur de langue sur Kirby CMS

Maintenant que nous avons exploré l'importance de mettre en œuvre un sélecteur de langue sur un site web Kirby CMS multilingue, examinons les aspects pratiques de sa configuration. Bien que de nombreux services de traduction de sites Web offrent cette fonctionnalité, en trouver un qui offre un sélecteur de langue hautement personnalisable et convivial peut s'avérer difficile.

Il est crucial de sélectionner un service de traduction automatique qui non seulement fonctionne bien avec différents frameworks, mais offre également une fonctionnalité de changement de langue flexible. Un service qui se démarque en répondant à ces exigences est le site Web de traduction automatique Linguise . Leur sélecteur de langue est connu pour sa facilité de personnalisation et son interface conviviale, ce qui en fait un excellent choix pour l'intégration avec Kirby CMS.

En incorporant de manière transparente Linguise dans votre CMS Kirby, vous pouvez facilement ajouter un sélecteur de langue à votre application multilingue. Les fonctionnalités avancées et l'interface intuitive de Linguise simplifient la configuration et la maintenance d'un sélecteur de langue sur votre site web Kirby CMS.

Suivons les étapes pour installer Linguise sur un site Web Kirby CMS multilingue et configurer le sélecteur de langue.

Étape 1 : Enregistrez votre compte Linguise

Commencez par préparer votre site web Kirby CMS pour la traduction, ce qui nécessite l'accès au tableau de bord d'administration Kirby CMS. Ensuite, créez un compte Linguise gratuit et ajoutez le domaine de votre site web. Vous pouvez profiter de l’essai gratuit de 30 jours avant de sélectionner un plan d’abonnement.

Étape 2 : Ajoutez le domaine de votre site web Kirby CMS

Une fois votre Linguise configuré, accédez au tableau de bord et ajoutez le domaine de votre site Web Kirby CMS. Cliquez sur « Ajouter un domaine » et fournissez les détails suivants :

Compte
URL
Plateforme (CMS Kirby)
Langage par défaut
Langues de traduction
Traduire les URL
Traduction de contenu dynamique

Étape 3 : Téléchargez et connectez le script Linguise

Téléchargez le script de traduction Linguise et téléchargez-le dans le dossier racine de votre installation Kirby CMS.

Décompressez le script et assurez-vous que le dossier nommé « linguise » reste au niveau racine de votre site web.

Ensuite, copiez la clé API Linguise dans le fichier `Configuration.php` sur votre serveur. Ouvrez le fichier, remplacez « REPLACE_BY_YOUR_TOKEN » par votre clé API et enregistrez les modifications.

Étape 4 : Configurer la réécriture d'URL pour Kirby CMS

Kirby CMS a la réécriture d'URL activée par défaut. S'il n'est pas actif, vous pouvez l'activer via votre fournisseur d'hébergement.

Pour configurer les URL par langue, ajoutez le code suivant à votre fichier `.htaccess` juste après la ligne `RewriteEngine on` dans le fichier `.htaccess` par défaut de Kirby CMS.

				
					<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteRule ^(af|sq|am|ar|hy|az|eu|be|bn|bs|bg|ca|ceb|ny|zh-cn|zh-tw|co|hr|cs|da|nl|en|eo|et|tl|fi|fr|fy|gl|ka|de|el|gu|ht|ha|haw|iw|hi|hmn|hu|is|ig|id|ga|it|ja|jw|kn|kk|km|ko|ku|ky|lo|la|lv|lt|lb|mk|mg|ms|ml|mt|mi|mr|mn|my|ne|no|ps|fa|pl|pt|pa|ro|ru|sm|gd|sr|st|sn|sd|si|sk|sl|so|es|su|sw|sv|tg|ta|te|th|tr|uk|ur|uz|vi|cy|xh|yi|yo|zu|zz-zz)(?:$|/)(.*)$ linguise/linguise.php?linguise_language=$1&original_url=$2 [L,QSA]
</IfModule>

Étape 5 : Activez et personnalisez le sélecteur de langue

Pour afficher le sélecteur de langue avec des indicateurs et des URL alternatives à des fins de référencement, le lien JavaScript Linguise doit être chargé sur toutes les pages Kirby CMS.

Obtenez le lien du script à partir des paramètres du domaine sur le tableau de bord Linguise et copiez-le.

Le moyen le plus simple de charger ce script dans Kirby CMS est de l'ajouter au header.php de votre site web ou section. Voici comment procéder :

Accédez au dossier racine de votre site web.
Accédez à site > extraits > header.php.
Modifiez le fichier header.php pour inclure le lien de script dans la section d'en-tête.

Le sélecteur de langue s'affichera initialement dans son format par défaut. Mais vous pouvez personnaliser le sélecteur de langue à l'aide du Linguise en accédant à Paramètres > Affichage des indicateurs de langue. Cette section propose diverses options de personnalisation, notamment les paramètres d'affichage principaux, les noms de langue et les éléments de conception.

Étape 6 : Configurer l'écran principal

Pour commencer à configurer le sélecteur de langue, accédez à Paramètres > Affichage des indicateurs de langue dans le tableau de bord Linguise .

Dans cette section, vous pouvez ajuster divers paramètres. Les paramètres d'affichage principaux vous permettent de personnaliser des éléments tels que.

Style d'icône de drapeau : choisissez entre un affichage côte à côte, un menu déroulant ou une fenêtre contextuelle.
Position : déterminez l'emplacement du sélecteur de langue sur votre site Web. Choisissez un emplacement facilement accessible aux visiteurs.

Étape 7 : Définir le design du drapeau

Après avoir configuré les paramètres d'affichage principaux, personnalisez le design des drapeaux affichés.

Affichage du nom de la langue : choisissez d'afficher le nom de la langue en fonction du pays ou de la langue elle-même, par exemple « French » ou « Français ».
Type de drapeau anglais : ceci est utile pour les langues avec de multiples variantes, comme l'anglais américain ou britannique, et s'applique également à l'espagnol, au taïwanais, à l'allemand et au portugais.
Style de drapeau : sélectionnez la forme de l'icône du drapeau, ronde ou rectangulaire.

Étape 8 : Définissez la couleur et la taille

Après avoir configuré le design du drapeau, personnalisez la couleur et la taille des drapeaux. Voici quelques paramètres que vous pouvez ajuster.

Rayon de bordure du drapeau : ajustez le rayon de la bordure des drapeaux rectangulaires, mesuré en pixels.
Couleur du nom de la langue : choisissez la couleur du texte par défaut pour afficher le nom de la langue.
Couleur de la langue contextuelle : définissez la couleur du texte du titre de la langue dans la zone contextuelle ou déroulante.
Taille du drapeau : Ajustez la taille des icônes du drapeau.
Couleur de survol du nom de la langue : spécifiez la couleur du texte qui apparaît lorsque l'utilisateur survole le nom de la langue.
Couleur de survol de la langue contextuelle : définissez la couleur du texte qui apparaît lorsque l'utilisateur survole le titre de la langue dans la zone contextuelle ou déroulante.

Étape 9 : Configurer box-shadow

Enfin, ajustez les paramètres d’ombre de la zone de drapeau. La première option vous permet d'ajouter un effet d'ombre à chaque icône de drapeau affichée sur votre site web. La deuxième option contrôle l'effet d'ombre lorsque les utilisateurs survolent les drapeaux de langue.

Après avoir effectué les ajustements nécessaires, cliquez sur le bouton Enregistrer pour appliquer les modifications. Ensuite, vérifiez votre site web Kirby CMS pour vous assurer que la configuration a été mise en œuvre avec succès. Cela vous montrera comment le sélecteur de langue apparaîtra.

Une fois le processus de configuration terminé, vous pouvez voir le sélecteur de langue en action sur votre site Web multilingue Kirby CMS.

Nous traduirons ensuite automatiquement le site Web Kirby CMS dans d'autres langues, comme le français.

4 conseils pour optimiser le sélecteur de langue sur Kirby CMS

Voici quatre conseils essentiels pour vous aider à affiner votre sélecteur de langue et à le rendre plus efficace pour votre public mondial.

#1 Utilisez une icône de drapeau de langue clairement identifiable

L'intégration de symboles ou de drapeaux de langue facilement reconnaissables dans votre sélecteur de langue est essentiel pour une identification rapide de la langue. Cette approche permet aux visiteurs de localiser et de sélectionner rapidement leur langue préférée, créant ainsi une expérience utilisateur intuitive. L’essentiel est de choisir des indicateurs universellement compris pour éviter toute interprétation erronée.

Lors de la mise en œuvre d’icônes de drapeau, assurez-vous qu’elles sont de haute qualité et faciles à distinguer, même dans des tailles plus petites. Pensez à utiliser une combinaison d'indicateurs et de codes de langue pour fournir des repères visuels et textuels à vos utilisateurs.

Exemple:

Imaginez un blog de voyage basé sur Kirby couvrant des destinations du monde entier. Le sélecteur de langue du site pourrait utiliser une icône de globe ainsi que de petites icônes de drapeau et des codes de langue à deux lettres.

🌎 🇺🇸 FR | 🇪🇸 ES | 🇫🇷 FR | 🇩🇪 DE | 🇯🇵JP

Cette configuration permet aux utilisateurs d'identifier rapidement leur langue, qu'ils reconnaissent le drapeau ou le code de langue, améliorant ainsi l'expérience utilisateur globale.

#2 Afficher les noms des langues à côté des drapeaux

Bien que les drapeaux fournissent une référence visuelle rapide, les associer aux noms natifs des langues offre une clarté supplémentaire. Cette stratégie permet d'éviter toute confusion, en particulier pour les langues parlées dans plusieurs pays avec des drapeaux différents.

En incluant les noms de langues réels, vous éliminez toute ambiguïté et garantissez que les visiteurs peuvent identifier avec précision leur langue préférée. Cette approche démontre également le respect de la diversité culturelle et favorise l’inclusion.

Exemple:

Envisagez une plate-forme éducative basée sur Kirby proposant des cours dans plusieurs langues. Leur sélecteur de langue pourrait ressembler à ceci.

🇺🇸 Anglais | 🇪🇸 Español | 🇫🇷 Français | 🇩🇪 Allemand | 🇯🇵 日本語

Cette conception permet aux utilisateurs de voir à la fois le drapeau et le nom de la langue dans son écriture native, le rendant instantanément reconnaissable par les locuteurs de cette langue. C'est particulièrement utile pour les langues comme l'espagnol ou l'anglais qui sont parlées dans plusieurs pays avec des drapeaux différents.

#3 Positionnez judicieusement le bouton de changement de langue

L'emplacement de votre sélecteur de langue est crucial pour son efficacité. Il doit être visible et facilement accessible sur votre site web. Les positions courantes et efficaces incluent l’en-tête, le pied de page ou le menu de navigation principal.

Assurez-vous que le sélecteur de langue est visible et facilement accessible depuis n'importe quelle page de votre site. Cette cohérence dans le placement aide les utilisateurs à trouver rapidement les options linguistiques, quel que soit leur emplacement actuel sur votre site web.

Exemple:

Par exemple, un site web de portfolio basé sur Kirby pour une société d'architecture multinationale. Ils pourraient implémenter leur sélecteur de langue comme suit.

Emplacement de l'en-tête : le sélecteur de langue est situé dans le coin supérieur droit de l'en-tête, à côté de l'icône de recherche.
Navigation collante : lorsque les utilisateurs font défiler, l'en-tête reste fixe en haut, garantissant que le sélecteur de langue est toujours accessible.
Optimisation mobile : sur les appareils mobiles, le sélecteur de langue est inclus dans le menu hamburger pour un accès facile sans encombrer le petit écran.

Cet emplacement stratégique garantit que les utilisateurs peuvent facilement changer de langue à tout moment, qu'ils consultent des galeries de projets, lisent l'histoire de l'entreprise ou vérifient les informations de contact.

#4 Maintenir la cohérence du sélecteur de langue sur toutes les pages

Il est essentiel de conserver l’apparence et les fonctionnalités de votre sélecteur de langue uniformes sur l’ensemble de votre site web. Les utilisateurs doivent pouvoir changer de langue sans effort, quelle que soit leur page actuelle ou le contenu qu'ils consultent.

Cette cohérence offre une expérience utilisateur transparente et renforce l’accessibilité des options linguistiques, renforçant ainsi la confiance dans votre site web multilingue.

Exemple:

Prenons l'exemple d'un site de commerce électronique alimenté par Kirby vendant des produits dans le monde entier. Voici comment ils pourraient mettre en œuvre une stratégie de changement de langue cohérente.

Conception uniforme : le sélecteur de langue apparaît sous la forme d'un menu déroulant intitulé « Langue » dans le coin supérieur droit de chaque page, y compris les listes de produits, les pages de produits individuelles et les pages de paiement.
Préservation du contenu : lorsque les utilisateurs changent de langue, ils restent sur la même page, mais le contenu est affiché dans la langue nouvellement sélectionnée. Par exemple, si un utilisateur consulte la description d'un vase fabriqué à la main en anglais et passe au français, il verra les mêmes détails du produit en français.
Structure de l'URL : la structure de l'URL change constamment lorsque vous changez de langue.

Anglais : www.yourmarket.com/products/blue-ceramic-vase

Français : www.yourmarket.com/fr/produits/vase-ceramique-bleu

Cette expérience cohérente sur toutes les pages garantit que les utilisateurs peuvent naviguer et acheter en toute confiance dans leur langue préférée, augmentant potentiellement leurs chances de finaliser un achat et de revenir sur le site à l'avenir.

Prêt à explorer de nouveaux marchés ? Essayez gratuitement notre service de traduction automatique avec notre essai sans risque d'un mois. Aucune carte de crédit nécessaire!

Réclamez votre essai gratuit d'un mois

Configurez un sélecteur de langue sur votre site web Kirby avec Linguise !

La mise en place d'un sélecteur de langue sur Kirby CMS est une étape cruciale vers la création d'un site web véritablement global et convivial. En mettant en œuvre cette fonctionnalité, vous ouvrez vos portes numériques à un public international diversifié, augmentant potentiellement l'engagement, réduisant les taux de rebond et améliorant les performances globales de votre site.

Pour rationaliser ce processus et garantir des résultats optimaux, envisagez d'utiliser Linguise pour votre site Web Kirby CMS. Linguise propose un sélecteur de langue puissant et personnalisable qui s'intègre parfaitement à Kirby CMS, vous permettant de mettre en œuvre et d'affiner facilement votre stratégie multilingue. Créons un compte Linguise intégrons-le à votre site Web Kirby CMS et personnalisons le sélecteur de langue pour améliorer encore l'expérience utilisateur.

Comment configurer un sélecteur de langue sur Kirby CMS

Importance de configurer un sélecteur de langue sur Kirby CMS

Comment configurer un sélecteur de langue sur Kirby CMS

Étape 1 : Enregistrez votre compte Linguise

Étape 2 : Ajoutez le domaine de votre site web Kirby CMS

Étape 3 : Téléchargez et connectez le script Linguise

Étape 4 : Configurer la réécriture d'URL pour Kirby CMS

Étape 5 : Activez et personnalisez le sélecteur de langue

Étape 6 : Configurer l'écran principal

Étape 7 : Définir le design du drapeau

Étape 8 : Définissez la couleur et la taille

Étape 9 : Configurer box-shadow

4 conseils pour optimiser le sélecteur de langue sur Kirby CMS

#1 Utilisez une icône de drapeau de langue clairement identifiable

#2 Afficher les noms des langues à côté des drapeaux

#3 Positionnez judicieusement le bouton de changement de langue

#4 Maintenir la cohérence du sélecteur de langue sur toutes les pages

Configurez un sélecteur de langue sur votre site web Kirby avec Linguise !

Vous pouvez également être intéressé à lire

Vous recherchez la meilleure alternative à Polylang WooCommerce ? Linguise le fait gratuitement

Localisation du commerce électronique : comment construire et optimiser d'ici 2024

Comment configurer un sélecteur de langue sur Moodle

Légal

Soutien

Produit