Table des matières
Exigences techniques du CMS MODX
La traduction automatique à utiliser avec MODX Content Management Framework nécessitera l'utilisation du script PHP (téléchargeable ci-dessous). Pour installer le script Linguise , vous aurez besoin des conditions suivantes :
- Exécutez PHP 7+
- Serveur Apache, LiteSpeed, NGINX, IIS
- Assurez-vous que la réécriture d'URL est activée sur votre serveur
- MODX CMS 2.x ou 3 et supérieur
1. Générez la clé API
Après votre connexion ou votre inscription à votre tableau de bord Linguise , vous devrez d'abord configurer un nouveau domaine et enregistrer ses paramètres pour obtenir la clé API.
Vous pouvez sélectionner la plate-forme "Autre PHP" pour procéder à l'enregistrement du domaine Linguise , comme cette documentation et les langues source et de destination.
Après cela, vous obtiendrez :
- La clé API qui valide votre adhésion
- Le lien vers le script Linguise pour le sélecteur de langue
La clé API est ce qui est nécessaire pour activer la traduction sur votre site web MODX CMS. Fondamentalement, la clé API vérifiera quelle langue est activée sur votre domaine et permettra la traduction automatique du contenu.
Pour l'instant, vous pouvez copier la clé API et la conserver dans votre presse-papiers.
2. Téléchargez et connectez le script de traduction Linguise
Le script de traduction Linguise doit être téléchargé sur votre serveur sur lequel MODX CMS est installé :
Une fois le script téléchargé, décompressez-le et téléchargez-le dans le dossier racine où le CMS MODX est installé.
- Assurez-vous qu'il se trouve au niveau racine de votre site Web (là où se trouvent vos fichiers MODX
- Assurez-vous que le dossier garde son nom par défaut « linguise »
Comment accéder à l'interface de script Linguise ?
Après avoir terminé l' Linguise , vous pouvez accéder au tableau de bord en visitant votre site Web avec le format URL suivant:
https://www.domain.com/ linguise
Modifiez l'adresse de domaine en fonction de l'adresse de votre site Web *
Assurez-vous Linguise a une autorisation de lecture et d'écriture appropriée *
Configuration du mot de passe et de la connexion de la base de données
Une fois que vous aurez accédé à l'interface de script, vous serez présenté avec un écran de configuration où vous pouvez créer un mot de passe et vous connecter à votre base de données préférée.
Tu peux:
- Définissez un mot de passe, qui sera requis pour l'accès futur à cette interface.
- Choisissez votre type de base de données - MySQL ou SQLite, selon votre configuration et votre préférence.
Cette configuration initiale garantit un accès sécurisé et vous permet de configurer le script en fonction de votre environnement.
Connexion de la base de données MySQL
Si vous choisissez MySQL, une interface différente apparaîtra pour demander les détails de connexion suivants des champs de configuration MySQL ci-dessous:
Assurez-vous que les informations sont correctes pour établir une connexion réussie à votre base de données MySQL.
MySQL VS SQLITE - Quelle est la différence?
MySQL et SQLite sont tous deux des systèmes de base de données populaires utilisés pour stocker et gérer les données pour les sites Web et les applications. Cependant, ils sont conçus pour différents cas d'utilisation et ont des différences clés:
| Fonctionnalité | Sqlite | Mysql |
|---|---|---|
| Installation | Très facile (installation SQLite requise) | Nécessite la configuration du serveur |
| Stockage | Fichier unique | Géré par MySQL Server |
| Performance | Idéal pour les applications à petite échelle | Mieux pour les grands systèmes à fort trafic |
| Cas d'utilisation | Applications locales, tests, petits sites | Applications Web, commerce électronique, systèmes d'entreprise |
Interface de script Linguise : Configuration pour la plate-forme PHP
Le tableau de bord de traduction Linguise , précédemment disponible uniquement pour Joomla et WordPress, étend désormais la prise en charge de PHP et des plates-formes supplémentaires. Cette mise à jour permet aux utilisateurs de configurer de manière transparente les paramètres du langage, tels que les options d'affichage, les styles de signalement et la personnalisation de l'apparence - directement à partir d'une interface unifiée, quel que soit leur CMS ou leur cadre.
Les administrateurs peuvent gérer plus efficacement les paramètres Linguise , avec des fonctionnalités cohérentes telles que les popups de sélection de langage, les effets d'ombre et les variantes de choix de drapeau spécifiques à la région. Le tableau de bord conserve sa conception conviviale tout en offrant une compatibilité plus large pour divers environnements Web.
3. Configurer la réécriture des URL MODX CMS
Par défaut, la réécriture d'URL est déjà active dans MODX CMS. Si ce n'est pas le cas, vous pouvez l'activer auprès de votre hébergeur.
L'URL par langue doit être configurée dans le .htaccess. Copiez simplement le code ci-dessous après le code « RewriteEngine on » disponible dans le CMS MODX .htaccess par défaut.
<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>
Enfin, votre MODX CMS .htaccess devrait ressembler à ceci :
<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>
# Prevent rewrite the .well-known directory used by LetsEncrypt by rules below of this rule
RewriteRule "^\.well-known/" - [L]
# Prevent dot directories (hidden directories like .git) to be exposed to the public
# Except for the .well-known directory used by LetsEncrypt a.o
RewriteRule "/\.|^\.(?!well-known/)" - [F]
Vous pouvez désormais charger toutes vos pages traduites à l'aide de l'URL, par exemple : www.shop.com /fr/
Chargeons maintenant le sélecteur de langue.
4. Activez le sélecteur de langue
4.1 Charger le script Linguise JS
Le lien du script Linguise JS doit être chargé sur toutes vos pages MODX CMS pour afficher le sélecteur de langue avec des indicateurs et des URL alternatives dans vos en-têtes HTML (à des fins de référencement).
Pour copier le lien du script, depuis le tableau de bord Linguise , accédez aux paramètres du domaine et copiez le lien du script.
Le moyen le plus simple de charger ce code dans MODX CMS est de l'ajouter dans l'en-tête de votre site Web ou code.
Pour y parvenir, ouvrez les MODX Manager / pages d'administration. Ensuite, allez dans Elements, sélectionnez BaseTemplate et faites défiler vers le bas, vous aurez un code de modèle d'affichage (HTML), modifiez le code pour inclure le lien de script dans le code principal.
Le sélecteur de langue est la fenêtre contextuelle du drapeau permettant de sélectionner la langue souhaitée. Pour le charger, vous devrez copier le code donné à la fin de la configuration du site web dans l'en-tête de votre page HTML. Le sélecteur de langue du drapeau sera alors chargé automatiquement.
Le sélecteur de langue sera affiché par défaut dans une position flottante en haut à droite sur votre site web. Vous pouvez le personnaliser comme expliqué dans le chapitre suivant.
Remarque importante sur le référencement : le nombre de langues que vous configurez a un impact important sur le référencement. Lorsque vous configurez vos langues de traduction, si vous avez une grande quantité de pages indexées (> 500), le moteur de recherche peut prendre beaucoup de temps pour les traiter. Cela peut avoir un impact sur votre référencement dans votre langue d'origine. C'est pourquoi nous vous conseillons d'ajouter dans un premier temps un maximum de 5 langues, puis lorsque c'est indexé, vous pourrez ajouter des langues par lot de 3 par mois.
Configurer le sélecteur de langue
Le sélecteur de langue peut être personnalisé à partir du tableau de bord Linguise > Paramètres > Affichage des indicateurs de langue. Chaque modification ici sera reflétée sur le site web.
Sur le côté droit de l'écran, vous avez l'aperçu du sélecteur de langue. Voici les éléments que vous pouvez paramétrer :
- 3 mises en page : côte à côte, déroulante ou popup
- La position du sélecteur de langue
- Le contenu du sélecteur de langue
- Noms de langue en anglais ou en langue maternelle
- Formes et taille des drapeaux
- Couleurs et ombre de boîte
Charger le sélecteur de langue dans le contenu MODX CMS
Pour afficher le sélecteur de langue à un endroit spécifique, dans le MODX , vous devez définir la position sur « En place ».
Une fois que vous avez défini la position dans le Linguise , vous pouvez ajouter le shortcode ci-dessous pour l'inclure. Cliquez sur le code ci-dessous pour le mettre dans votre presse-papier.
<div>[linguise]</div>
Une fois ajouté, sur le frontend, le drapeau et les noms de langue seront affichés dans la zone HTML dans laquelle vous avez ajouté le code.
Activer l'option du système de cache local
En option, vous pouvez activer un système de cache local qui stocke les URL et son contenu multilingue associé pour servir les pages plus rapidement. Le cache local permettra d'économiser une partie du transfert de données entre le serveur Linguise et le serveur de votre site web. Le cache n'est utilisé que lorsqu'une page a déjà été traduite et n'a pas été mise à jour. Le cache retenu en priorité sera le cache des pages multilingues les plus consultées.
Pour compléter cela, vous pouvez définir la quantité de cache stockée en Mo. Dans l'exemple suivant, le cache est activé et la quantité de cache à conserver est de 500 Mo.
/** Basic configuration **/
public $cache_enabled = true;
public $cache_max_size = 500; // In megabyte
Traduction automatique sur les serveurs NGINX
rewrite ^/(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 last;