Installer la traduction automatique Linguise sur Drupal

Table des matières

exigences techniques Drupal

La traduction automatique neuronale à utiliser avec Drupal nécessite l'utilisation du script PHP (téléchargeable ci-dessous). Pour installer le Linguise , vous aurez besoin des éléments suivants :

  • Exécuter PHP 7+
  • Serveur Apache, LiteSpeed, NGINX, IIS
  • Activez la réécriture d'URL via la configuration Drupal
  • Drupal 8+

Comment rendre votre site Drupal multilingue (en vidéo)

1. Générer la clé API

Après vous être connecté à votre tableau de bord Linguise , vous devrez d'abord configurer un nouveau domaine et enregistrer ses paramètres pour obtenir la clé API.

La clé API est indispensable pour activer la traduction sur votre site Drupal . Concrètement, elle permet de vérifier quelle langue est activée sur quel domaine et autorise ainsi la génération des pages de traduction automatique.

Copiez la clé API et conservez-la dans votre presse-papiers.

Étape 2 sur 2, terminée. Vous pouvez commencer la traduction !

Ensuite, en cliquant sur l'onglet « Script PHP », vous obtiendrez les instructions d'installation que nous suivrons ici en détail.

Capture d'écran des instructions d'installation d'un plugin WordPress , montrant les étapes pour installer la preuve sociale sur un site web.

Note importante concernant le référencement : Le nombre de langues configurées a un impact considérable sur votre référencement. Si vous avez un grand nombre de pages indexées (> 500), les moteurs de recherche peuvent mettre beaucoup de temps à les traiter, ce qui peut nuire à votre référencement dans votre langue d'origine. C'est pourquoi nous vous recommandons d'ajouter initialement un maximum de 5 langues, puis, une fois votre site indexé, d'en ajouter par lots de 3 par mois.

2. Téléchargez et connectez le script de traduction Linguise

Le script de traduction Linguise doit être téléchargé sur votre serveur où Drupal est installé :

Une fois le script téléchargé, décompressez-le et téléchargez-le dans le dossier racine où le CMS est installé.

  • Assurez-vous qu'il se trouve à la racine de votre site web (là où se trouvent vos fichiers Drupal
  • Veillez à ce que le dossier conserve son nom par défaut « linguise ».
Capture d'écran de la structure du répertoire des dossiers.

Comment accéder à l'interface de script Linguise ?

Linguise terminée
linguise adresse suivante : https://www.domain.com/linguise

Modifiez l'adresse de domaine en fonction de l'adresse de votre site web*.
Assurez-vous que Linguise dispose des autorisations de lecture et d'écriture appropriées*.

Configurer le mot de passe et la connexion à la base de données

Une fois que vous aurez accédé à l'interface du script, un écran de configuration s'affichera vous permettant de créer un mot de passe et de vous connecter à votre base de données préférée.

Tu peux:

  • Définissez un mot de passe, qui sera requis pour accéder ultérieurement à cette interface.
  • Choisissez votre type de base de données — MySQL ou SQLite, selon votre configuration et vos préférences.

Cette configuration initiale garantit un accès sécurisé et vous permet de configurer le script en fonction de votre environnement.

Connexion à la base de données MySQL

Si vous choisissez MySQL, une interface différente apparaîtra et vous demandera les informations de connexion suivantes, issues des champs de configuration MySQL ci-dessous :

Veuillez vous assurer 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 deux systèmes de bases de données populaires utilisés pour stocker et gérer les données des sites web et des applications. Cependant, ils sont conçus pour des cas d’utilisation différents et présentent des différences importantes :

FonctionnalitéSQLiteMySQL
InstallationTrès facile (installation de SQLite requise)Configuration du serveur requise
StockageFichier uniqueGéré par un serveur MySQL
PerformanceIdéal pour les applications à petite échelleMeilleur pour les grands systèmes à fort trafic
Cas d'utilisationApplications locales, tests, petits sitesApplications Web, commerce électronique, systèmes d'entreprise

Interface de script Linguise : Configuration pour la plateforme PHP

Le tableau de bord de traduction Linguise , auparavant disponible uniquement pour Joomla et WordPress, est désormais compatible avec PHP et d'autres plateformes. Cette mise à jour permet aux utilisateurs de configurer facilement les paramètres linguistiques (options d'affichage, styles de drapeaux et personnalisation de l'apparence) directement depuis une interface unifiée, quel que soit leur CMS ou framework.

interface API

Les administrateurs peuvent gérer plus efficacement les paramètres Linguise grâce à des fonctionnalités cohérentes telles que les fenêtres contextuelles de sélection de la langue, les effets d'ombre et les variantes de drapeaux spécifiques à chaque région. Le tableau de bord conserve son interface conviviale tout en offrant une compatibilité étendue avec divers environnements web.

interface d'affichage
interface d'apparence

3. Configurer la réécriture des URL Drupal

La réécriture d'URL est activée par défaut dans Drupal Configuration > Recherche et métadonnées > Alias ​​d'URL dans le menu principal . Notez que les URL multilingues fonctionnent également si vous utilisez le module Drupal Pathauto

Page de configuration des alias d'URL avec options de filtrage et d'ajout.

L'URL par langue doit être configurée dans le fichier .htaccess situé à la racine de votre installation Drupal . Copiez simplement ce code après le code « RewriteEngine on » présent dans la Drupal .htaccess.

				
					<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>
				
			

Au final, votre fichier .htaccess Drupal devrait ressembler à ceci :

L&#39;image montre un extrait de code PHP avec des lignes de texte surlignées en bleu et orange sur fond noir.
Nous comprenons que la configuration des URL et le changement de langue peuvent être un peu techniques ; mais bonne nouvelle ! Nous offrons l'installation gratuite

4. Activez le sélecteur de langue

4.1 Charger le script JS Linguise

Vous pouvez désormais charger toutes vos pages traduites en utilisant l'URL, par exemple : www.shop.com/fr/

Capture d&#39;écran d&#39;un graphique avec une ligne bleue et un rectangle bleu contenant du texte blanc.

Le sélecteur de langue est une fenêtre contextuelle permettant de choisir la langue souhaitée. Pour l'afficher, copiez le code fourni à la fin de la configuration du site web dans l'en-tête de votre page HTML. Le sélecteur de langue s'affichera alors automatiquement.

Bannière de consentement aux cookies sur un site web

Il doit être chargé dans l'en-tête de votre page. Drupal vous permet de le faire grâce à un module, par exemple le module « Add to Headdrupal : https://www.drupal.org/project/add_to_head

Une fois installé, allez dans Configuration > Ajouter à l'en-tête > Ajouter un profil

Ajouter aux options de configuration de l&#39;en-tête

Collez ensuite le lien du script

Modifier les informations de profil sur un site web

Enfin, validez l'emplacement du script 

Question à choix multiples sur les ajouts à l&#39;en-tête de section.

Le sélecteur de langue s'affichera par défaut en haut à droite de votre site web. Vous pouvez le personnaliser à votre guise avec du CSS.

Page d&#39;accueil Drupal avec options de langue
Nous comprenons que la configuration des URL et le changement de langue peuvent être un peu techniques ; mais bonne nouvelle ! Nous offrons l'installation gratuite

Configurer le sélecteur de langue

Le sélecteur de langue est personnalisable depuis le Linguise > Paramètres > Affichage des drapeaux de langue. Toute modification effectuée ici sera répercutée sur le site web.

Capture d&#39;écran montrant un menu déroulant permettant de sélectionner les paramètres de langue avec l&#39;option anglais.

Sur la droite de l'écran, vous trouverez un aperçu du sélecteur de langue. Voici les éléments que vous pouvez configurer :

  • 3 dispositions : côte à côte, menu déroulant ou popup
  • La position du sélecteur de langue
  • Le contenu du sélecteur de langue
  • Noms de la langue en anglais ou dans la langue maternelle
  • Formes et taille des drapeaux
  • Couleurs et ombre portée

Charger le sélecteur de langue dans le contenu Drupal

position du drapeau en place

Pour afficher le sélecteur de langue à un emplacement précis dans votre Drupal , définissez sa position sur « À cet emplacement ».
Une fois la position définie dans le Linguise , ajoutez le code court ci-dessous pour l'intégrer. Cliquez sur le code ci-dessous pour le copier dans votre presse-papiers.

				
					<div>&#091;linguise&#093;</div>
				
			

Une fois ajouté, le drapeau et le nom de la langue s'afficheront sur l'interface publique dans la zone HTML où vous avez ajouté le code.

Activer l'option du système de cache local

Vous pouvez activer, en option, un système de cache local qui stocke les URL et leur contenu multilingue associé afin d'accélérer le chargement des pages. Ce cache local réduit les transferts de données entre le serveur Linguise et votre serveur web. Il est utilisé uniquement pour les pages déjà traduites et non mises à jour. La priorité est donnée au cache des pages multilingues les plus consultées.

Vous pouvez définir, en option, la taille du cache stocké en Mo. Dans l'exemple suivant, le cache est activé et sa taille est de 500 Mo :

Exemple de code de configuration de traduction Laravel . Configuration pour la mise en place des traductions.
				
					    /** Basic configuration **/
    public $cache_enabled = true;
    public $cache_max_size = 500; // In megabyte