Installieren Sie Linguise für die automatische Übersetzung auf MODX CMS

Inhaltsverzeichnis

Technische Anforderungen an MODX CMS

Die automatische Übersetzung für das MODX Content Management Framework erfordert die Verwendung des PHP-Skripts (Download siehe unten). Zur Installation des Linguise-Skripts benötigen Sie folgende Voraussetzungen:

  • Führen Sie PHP 7+ aus
  • Apache-, LiteSpeed-, NGINX- und IIS-Server
  • Stellen Sie sicher, dass die URL-Umschreibung auf Ihrem Server aktiviert ist
  • MODX CMS 2.x oder 3 und höher

1. API-Schlüssel generieren

Nach Ihrer Verbindung oder Registrierung zu Ihrem Linguise-Dashboard, Sie’ll müssen zuerst eine neue Domain einrichten und deren Einstellungen speichern, um den API-Schlüssel zu erhalten.

Sie können die Plattform „Andere PHP“ auswählen, um mit der Registrierung der Linguise-Domain fortzufahren, wie in dieser Dokumentation und den Quell- und Zielsprachen beschrieben.

Website-Plattform und Übersetzungsspracheneinstellungen

Danach erhalten Sie:

  • Der API-Schlüssel, der Ihre Mitgliedschaft bestätigt
  • Der Link zum Linguise-Skript für den Sprachumschalter

 

Ein Screenshot einer Webseite mit einem Video zur Übersetzung einer Webseite

Der API-Schlüssel ist erforderlich, um die Übersetzung auf Ihrer MODX CMS-Website zu aktivieren. Er prüft, welche Sprache auf Ihrer Domain aktiviert ist, und ermöglicht die automatische Übersetzung der Inhalte.

Sie können den API-Schlüssel vorerst kopieren und in Ihrer Zwischenablage speichern.

2. Laden Sie das Linguise-Übersetzungsskript hoch und verbinden Sie es

Das Linguise-Übersetzungsskript muss auf den Server hochgeladen werden, auf dem MODX CMS installiert ist:

Nachdem das Skript heruntergeladen wurde, entpacken Sie es und laden Sie es in den Stammordner hoch, in dem das MODX CMS installiert ist.

  • Stellen Sie sicher, dass es’s bei die Root-Ebene Ihrer Website (wo Ihre MODX CMS-Dateien gespeichert sind)
  • Stellen Sie sicher, dass der Ordner seinen Standardnamen behält “linguise”
modx-cms-Datei

Wie greife ich auf die Linguise-Skriptschnittstelle zu?

Nach Abschluss der Linguise-Installation können Sie über Ihre Website mit folgender URL auf das Dashboard zugreifen:
https://www.domain.com/linguise

Ändern Sie die Domainadresse entsprechend Ihrer Website-Adresse.*
Stellen Sie sicher, dass Linguise über die erforderlichen Lese- und Schreibrechte verfügt.*

Passwort und Datenbankverbindung einrichten

Sobald Sie auf die Skriptschnittstelle zugreifen, wird Ihnen ein Einrichtungsbildschirm angezeigt, auf dem Sie ein Passwort erstellen und eine Verbindung zu Ihrer bevorzugten Datenbank herstellen können.

Du kannst:

  • Legen Sie ein Passwort fest, das für den zukünftigen Zugriff auf diese Benutzeroberfläche erforderlich ist.
  • Wählen Sie Ihren Datenbanktyp – entweder MySQL oder SQLite, je nach Ihren Einstellungen und Präferenzen.

Diese Ersteinrichtung gewährleistet einen sicheren Zugriff und ermöglicht es Ihnen, das Skript an Ihre Umgebung anzupassen.

MySQL-Datenbankverbindung

Wenn Sie MySQL auswählen, erscheint eine andere Benutzeroberfläche, auf der Sie nach den folgenden Verbindungsdetails der MySQL-Konfigurationsfelder gefragt werden:

Stellen Sie sicher, dass die Informationen korrekt sind, um eine erfolgreiche Verbindung zu Ihrer MySQL-Datenbank herzustellen. 

MySQL vs SQLite – Was ist der Unterschied?
Sowohl MySQL als auch SQLite sind beliebte Datenbanksysteme, die zum Speichern und Verwalten von Daten für Websites und Anwendungen verwendet werden. Sie sind jedoch für unterschiedliche Anwendungsfälle konzipiert und weisen einige wichtige Unterschiede auf:

BesonderheitSQLiteMySQL
AufstellenSehr einfach (SQLite-Installation erforderlich)Serverkonfiguration erforderlich
LagerungEinzelnVerwaltet vom MySQL-Server
LeistungIdeal für kleine AppsBesser geeignet für große Systeme mit hohem Verkehrsaufkommen
AnwendungsfallLokale Apps, Tests, kleine WebsitesWebanwendungen, E-Commerce, Unternehmenssysteme

Linguise Script Interface: Einrichtung für die PHP-Plattform

Das Linguise-Übersetzungs-Dashboard, das bisher nur für Joomla und WordPress verfügbar war, unterstützt nun auch PHP und weitere Plattformen. Dank dieses Updates können Benutzer Spracheinstellungen – wie Anzeigeoptionen, Flaggenstile und Erscheinungsbildanpassungen – unabhängig von ihrem CMS oder Framework nahtlos über eine einheitliche Oberfläche konfigurieren.

API-Schnittstelle

Administratoren können die Linguise-Einstellungen effizienter verwalten, dank einheitlicher Funktionen wie Sprachauswahl-Popups, Schatteneffekten und regionsspezifischen Flaggenvarianten. Das Dashboard behält sein benutzerfreundliches Design bei und bietet gleichzeitig eine breitere Kompatibilität für verschiedene Webumgebungen.

Anzeigeschnittstelle
Erscheinungsbild-Oberfläche
Wir verstehen, dass die Konfiguration von URLs und Sprachumschaltern etwas technisch sein kann; aber gute Neuigkeiten! Wir bieten eine kostenlose Installation an

3. MODX CMS-URL-Umschreibung einrichten

Die URL-Umschreibung ist in MODX CMS standardmäßig aktiviert. Sollte dies nicht der Fall sein, können Sie sie bei Ihrem Hosting-Anbieter aktivieren.

Die URL nach Sprache muss in der .htaccess konfiguriert werden. Kopieren Sie einfach den Code unten nach dem Code RewriteEngine onverfügbar im Standard- MODX CMS .htaccess. 

				
					<IfModule mod_rewrite.c>RewriteEngine auf 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|f i|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|s d|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_lingual=$1&original_url=$2 [L,QSA]</IfModule>
				
			

Abschließend sollte Ihre MODX CMS .htaccess-Datei etwa so aussehen:

				
					<IfModule mod_rewrite.c>RewriteEngine auf 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|f i|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|s d|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_lingual=$1&original_url=$2 [L,QSA]</IfModule> # Verhindere, dass das von LetsEncrypt verwendete Verzeichnis .well-known durch die unten stehenden Regeln überschrieben wird. RewriteRule "^\.well-known/" - [L] # Verhindere, dass Punktverzeichnisse (versteckte Verzeichnisse wie .git) öffentlich zugänglich gemacht werden. # Ausgenommen ist das von LetsEncrypt verwendete Verzeichnis .well-known. RewriteRule "/\.|^\.(?!well-known/)" - [F]
				
			

Sie können nun alle Ihre übersetzten Seiten über die URL laden, zum Beispiel:www.shop.com/fr/

Laden wir nun den Sprachumschalter.

Wir verstehen, dass die Konfiguration von URLs und Sprachumschaltern etwas technisch sein kann; aber gute Neuigkeiten! Wir bieten eine kostenlose Installation an

4. Sprachumschalter aktivieren

4.1 Laden Sie das Linguise JS-Skript

Der Link zum Linguise JS-Skript muss auf allen Ihren MODX CMS-Seiten geladen werden, um den Sprachumschalter mit Flags und alternativen URLs in Ihren HTML-Headern anzuzeigen (für SEO-Zwecke).

Um den Skriptlink zu kopieren, gehen Sie im Linguise-Dashboard zu den Domäneneinstellungen und kopieren Sie den Skriptlink.

Ein Diagramm veranschaulicht die Schritte zur Installation eines Moduls. Das Diagramm zeigt eine blaue, gestrichelte Linie, die nach oben verläuft.

Der einfachste Weg, diesen Code in MODX CMS zu laden, besteht darin, ihn in den Header Ihrer Website einzufügen oder <head> Code.

Öffnen Sie dazu die MODX-Manager-Seiten bzw. die Admin-Seiten. Gehen Sie dann zu „Elemente“, wählen Sie „BaseTemplate“und scrollen Sie nach unten. Dort finden Sie den Anzeigevorlagencode (HTML). Bearbeiten Sie den Code, um den Skriptlink im Head-Bereich einzufügen.

Der Sprachumschalter ist das Auswahlfenster, in dem Sie die gewünschte Sprache auswählen können. Um ihn zu laden, müssen Sie den Code am Ende der Website-Konfiguration in den Head-Bereich Ihrer HTML-Seite kopieren. Der Sprachumschalter wird dann automatisch geladen.

MODX-Skript

Der Sprachumschalter wird standardmäßig oben rechts auf Ihrer Website angezeigt. Sie können ihn, wie im nächsten Kapitel beschrieben, anpassen.

modx-Sprachumschalter

SEO wichtige Anmerkung: Die Anzahl der von Ihnen eingerichteten Sprachen hat einen großen Einfluss auf SEO. Wenn Sie Ihre Übersetzungssprachen einrichten und Sie eine große Menge indizierter Seiten (>500) haben, kann die Suchmaschine viel Zeit benötigen, um sie zu verarbeiten. Es kann Ihr SEO in Ihrer Originalsprache beeinträchtigen. Das’s warum wir empfehlen, zunächst maximal 5 Sprachen hinzuzufügen, dann, wenn es’s indiziert, können Sie Sprachen in einer Charge von 3 pro Monat hinzufügen.

Sprachumschalter einrichten

Die Sprachauswahl kann im Linguise-Dashboard unter „Einstellungen“ > „Sprachflaggenanzeige“ angepasst werden. Jede hier vorgenommene Änderung wird auf der Website angezeigt.

Ein Screenshot, der ein Dropdown-Menü zur Auswahl der Spracheinstellungen mit Optionen für Englisch zeigt.

Auf der rechten Seite des Bildschirms sehen Sie die Vorschau des Sprachumschalters. Folgende Elemente können Sie einstellen:

  • 3 Layouts: nebeneinander, Dropdown oder Popup
  • Die Sprachumschalterposition
  • Der Sprachumschalterinhalt
  • Sprachbezeichnungen in Englisch oder in der jeweiligen Muttersprache
  • Flaggenformen und -größen
  • Farben und Schlagschatten

Laden Sie den Sprachumschalter in MODX CMS-Inhalten

Flaggenposition an Ort und Stelle

Um den Sprachumschalter an der gewünschten Stelle im MODX-Inhalt anzuzeigen, sollten Sie die Position als “In place” festlegen. 
Sobald Sie die Position im Linguise-Dashboard festgelegt haben, können Sie den untenstehenden Shortcode hinzufügen, um ihn einzubinden. Klicken Sie auf den untenstehenden Code, um ihn in die Zwischenablage zu kopieren.

				
					<div>[linguise]</div>
				
			

Sobald der Code hinzugefügt wurde, werden Ihnen im Frontend die Flagge und die Sprachnamen in dem HTML-Bereich angezeigt, in dem Sie den Code eingefügt haben.

Aktivieren Sie die Option „Lokales Cache-System“

Optional können Sie ein lokales Cachesystem aktivieren, das URLs und die zugehörigen mehrsprachigen Inhalte speichert, um die Seiten schneller auszuliefern. Der lokale Cache reduziert den Datentransfer zwischen dem Linguise-Server und Ihrem Webserver. Er wird nur verwendet, wenn eine Seite bereits übersetzt und nicht aktualisiert wurde. Priorität hat der Cache der am häufigsten aufgerufenen mehrsprachigen Seiten.

Ergänzend dazu können Sie die Größe des im Cache gespeicherten Speichers in MB festlegen. Im folgenden Beispiel ist der Cache aktiviert und die Größe des zu speichernden Caches beträgt 500 MB.

Laravel-Übersetzungskonfigurationscodebeispiel. Konfiguration zum Einrichten von Übersetzungen.
				
					    /** Grundkonfiguration **/ public $cache_enabled = true; public $cache_max_size = 500; // In Megabyte
				
			

Automatische Übersetzung auf NGINX-Servern

Fügen Sie die Zeile, die Ihrem CMS entspricht, in Ihren NGINX-Serverkonfigurationsblock ein.
Sie sollte vor allen anderen Weiterleitungen eingerichtet werden, insbesondere vor der Weiterleitung in Ihrer PHP-Hauptdatei.
				
					umschreiben ^/(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;