Πώς να Μεταφράσετε Γλώσσες RTL στο WordPress: Αραβικά, Εβραϊκά, Περσικά
Μόλις τελειώσατε τη μετάφραση του θέματος WordPress σας στα Αραβικά. Ανεβάζετε το αρχείο .mo, αλλάζετε τη γλώσσα του ιστότοπου και το αποτέλεσμα είναι δυσανάγνωστο. Το κείμενο ξεχειλίζει προς τα αριστερά, τα κουμπιά αλληλεπικαλύπτονται και η προσεκτικά σχεδιασμένη διάταξή σας μοιάζει σαν να πέρασε από καταστροφέα εγγράφων.
Καλώς ήρθατε στον κόσμο των γλωσσών από Δεξιά προς τα Αριστερά (RTL) -- όπου η μετάφραση είναι μόνο η μισή μάχη.
Τα Αραβικά, τα Εβραϊκά και τα Περσικά (Φαρσί) είναι από τις πιο διαδεδομένες γλώσσες στη γη. Μόνο τα Αραβικά έχουν πάνω από 400 εκατομμύρια φυσικούς ομιλητές. Εάν ο ιστότοπός σας στο WordPress αγνοεί αυτά τα ακροατήρια, αφήνετε σοβαρά χρήματα στο τραπέζι. Αλλά η εξυπηρέτησή τους απαιτεί περισσότερα από την απλή αντικατάσταση αγγλικών λέξεων με αραβικές. Απαιτεί την αναθεώρηση ολόκληρης της κατεύθυνσης της διάταξής σας.
Αυτός ο οδηγός καλύπτει όλα όσα πρέπει να γνωρίζετε: πώς λειτουργεί το RTL στο WordPress, πώς να διορθώσετε το CSS σας, πώς να χειριστείτε αρχεία .po με συμβολοσειρές RTL και πώς να αποφύγετε τις πιο κοινές παγίδες.
Πώς Λειτουργεί το RTL στο WordPress
Το WordPress έχει ενσωματωμένη υποστήριξη RTL. Όταν ορίζετε τη γλώσσα του ιστότοπού σας στα Αραβικά (ar), Εβραϊκά (he) ή Περσικά (fa), το WordPress προσθέτει αυτόματα το dir="rtl" στην ετικέτα <html> και φορτώνει ένα φύλλο στυλ rtl.css εάν το θέμα σας το παρέχει.
Αυτή είναι η θεωρία. Στην πράξη, τα περισσότερα θέματα διαθέτουν ελάχιστη ή κατεστραμμένη υποστήριξη RTL.
Τι Αλλάζει Πραγματικά
Όταν ενεργοποιείται η λειτουργία RTL, το πρόγραμμα περιήγησης αντικατοπτρίζει ολόκληρη τη διάταξη της σελίδας:
- Η ροή του κειμένου είναι από δεξιά προς τα αριστερά.
- Οι πλαϊνές στήλες αλλάζουν πλευρές.
- Τα μενού πλοήγησης αντιστρέφουν τη σειρά.
- Οι τιμές padding και margin αντιστρέφονται (το αριστερά γίνεται δεξιά).
- Τα εικονίδια με κατευθυντική σημασία (βέλη, σχήματα chevron) πρέπει να αντικατοπτρίζονται.
Εάν το CSS του θέματός σας έχει γραφτεί μόνο για LTR, κάθε δήλωση margin-left, padding-right, float: left και text-align: left τώρα αντιμάχεται τη μηχανή RTL του προγράμματος περιήγησης.
Διόρθωση του CSS σας για RTL: Ένας Πρακτικός Οδηγός
Η πιο καθαρή προσέγγιση είναι η χρήση CSS Logical Properties, που προσαρμόζονται αυτόματα στην κατεύθυνση γραφής του εγγράφου. Αντί για left και right, χρησιμοποιείτε inline-start και inline-end.
Πριν: Φυσικές Ιδιότητες (Σπάνε στο RTL)
/* LTR-only CSS -- breaks in Arabic */
.sidebar {
float: left;
margin-right: 20px;
}
.nav-arrow {
padding-left: 10px;
text-align: left;
}
.card {
border-left: 3px solid #0073aa;
}
Μετά: Λογικές Ιδιότητες (Λειτουργούν και στις Δύο Κατευθύνσεις)
/* Direction-agnostic CSS -- works in both LTR and RTL */
.sidebar {
float: inline-start;
margin-inline-end: 20px;
}
.nav-arrow {
padding-inline-start: 10px;
text-align: start;
}
.card {
border-inline-start: 3px solid #0073aa;
}
Με τις λογικές ιδιότητες, γράφετε το CSS σας μία φορά και λειτουργεί σωστά τόσο στα Αγγλικά όσο και στα Αραβικά χωρίς καμία παράκαμψη.
Η Μέθοδος Παράκαμψης [dir="rtl"]
Εάν δεν μπορείτε να αναδιαμορφώσετε ολόκληρο το φύλλο στυλ σας, μπορείτε να στοχεύσετε συγκεκριμένα το RTL χρησιμοποιώντας επιλογείς χαρακτηριστικών:
[dir="rtl"] .sidebar {
float: right;
margin-left: 20px;
margin-right: 0;
}
[dir="rtl"] .nav-arrow {
padding-left: 0;
padding-right: 10px;
text-align: right;
}
Αυτό λειτουργεί, αλλά διπλασιάζει την επιβάρυνση συντήρησης. Κάθε φορά που ενημερώνετε τα στυλ LTR, πρέπει επίσης να ενημερώσετε τις παρακάμψεις RTL.
Μετάφραση Αρχείων PO με Συμβολοσειρές RTL
Η ίδια η μετάφραση εισάγει προκλήσεις που ξεπερνούν τη διάταξη. Οι γλώσσες RTL έχουν μοναδικά χαρακτηριστικά που θέτουν σε κίνδυνο τα περισσότερα αυτοματοποιημένα εργαλεία.
Αμφίδρομο Κείμενο (Bidi) σε Αρχεία PO
Η πραγματική πολυπλοκότητα εμφανίζεται όταν το κείμενο RTL και LTR αναμιγνύεται σε μια ενιαία συμβολοσειρά. Εξετάστε αυτό το κοινό μοτίβο του WordPress:
msgid "Powered by %s"
msgstr "مدعوم بواسطة %s"
Ο χαρακτήρας κράτησης θέσης %s θα αντικατασταθεί με ένα αγγλικό όνομα προϊόντος όπως "WooCommerce." Στην αποδιδόμενη έξοδο, το πρόγραμμα περιήγησης πρέπει να εμφανίσει αραβικό κείμενο που ρέει από δεξιά προς τα αριστερά, στη συνέχεια να μεταβεί από αριστερά προς τα δεξιά για την αγγλική λέξη και στη συνέχεια ενδεχομένως να μεταβεί ξανά.
Αυτό ονομάζεται αμφίδρομο κείμενο (ή "bidi") και αντιμετωπίζεται από τον Αλγόριθμο Αμφίδρομης Κατεύθυνσης Unicode. Τις περισσότερες φορές λειτουργεί αυτόματα. Αλλά όταν έχετε πολλούς χαρακτήρες κράτησης θέσης ή αριθμούς που βρίσκονται δίπλα σε κείμενο RTL, η οπτική σειρά μπορεί να γίνει απρόβλεπτη.
Κοινά Λάθη Μετάφρασης
Τα γενικά εργαλεία μετάφρασης κάνουν πολλά σφάλματα ειδικά για το RTL:
-
Αντιστροφή σειράς χαρακτήρων κράτησης θέσης. Μια συμβολοσειρά όπως
%1$s out of %2$sμπορεί να αλλάξει τους χαρακτήρες κράτησης θέσης, επειδή η τεχνητή νοημοσύνη τους αναδιατάσσει ώστε να ταιριάζουν με την αραβική γραμματική. Αυτό παράγει εσφαλμένη έξοδο όπως "10 out of Page" αντί για "Page out of 10." Μάθετε περισσότερα σχετικά με την προστασία των μεταβλητών κώδικα κατά τη μετάφραση. -
Κατεστραμμένη κατεύθυνση HTML. Εάν η συμβολοσειρά σας περιέχει ενσωματωμένο HTML όπως
<span dir="ltr">, ένας αφελής μεταφραστής μπορεί να αφαιρέσει το χαρακτηριστικόdirή να το μεταφράσει. -
Ελλιπείς πληθυντικοί τύποι. Τα αραβικά έχουν έξι πληθυντικούς τύπους -- μηδέν, ένας, δύο, λίγοι, πολλοί και άλλοι. Αυτό είναι το πιο σύνθετο πληθυντικό σύστημα από οποιαδήποτε γλώσσα υποστηρίζει το WordPress. Ένα εργαλείο που δημιουργεί μόνο δύο μορφές (όπως αγγλικό ενικό/πληθυντικό) θα αφήσει το αραβικό σας αρχείο
.poκατεστραμμένο. Για μια βαθιά ανάλυση του τρόπου λειτουργίας των πληθυντικών Gettext, δείτε τον οδηγό μας για την σύνθετη πληθυντικοποίηση στο WordPress.
Δείτε πώς μοιάζει μια σωστά μεταφρασμένη αραβική πληθυντική συμβολοσειρά σε ένα αρχείο .po:
# Arabic: nplurals=6
msgid "%d comment"
msgid_plural "%d comments"
msgstr[0] "لا تعليقات"
msgstr[1] "تعليق واحد"
msgstr[2] "تعليقان"
msgstr[3] "%d تعليقات"
msgstr[4] "%d تعليقًا"
msgstr[5] "%d تعليق"
Εάν οποιαδήποτε από αυτές τις έξι μορφές είναι κενή ή εσφαλμένη, το WordPress θα επιστρέψει στην αγγλική συμβολοσειρά για αυτόν τον συγκεκριμένο αριθμό. Οι χρήστες σας θα δουν "5 comments" στα αγγλικά διάσπαρτα σε ένα κατά τα άλλα πλήρως αραβικό περιβάλλον εργασίας.
Δοκιμή της Εφαρμογής RTL σας
Η μετάφραση και η διόρθωση του CSS δεν είναι αρκετά. Πρέπει να επαληθεύσετε το αποτέλεσμα σε ένα πραγματικό πρόγραμμα περιήγησης.
Μια Γρήγορη Λίστα Ελέγχου Δοκιμών
- Αλλάξτε τη γλώσσα του WordPress στα Αραβικά στις Ρυθμίσεις > Γενικά. Μην προσθέσετε απλώς το
dir="rtl"χειροκίνητα -- χρησιμοποιήστε την πραγματική ρύθμιση γλώσσας, ώστε το WordPress να φορτώσει τις δικές του παρακάμψεις RTL. - Ελέγξτε τα μενού πλοήγησης. Έχουν αντικατοπτριστεί; Τα αναπτυσσόμενα μενού ανοίγουν στη σωστή κατεύθυνση;
- Επιθεωρήστε τα πεδία φόρμας. Το κείμενο εισαγωγής πρέπει να ρέει από δεξιά προς τα αριστερά. Το κείμενο κράτησης θέσης πρέπει να είναι στοιχισμένο στα δεξιά.
- Επαληθεύστε περιεχόμενο με μικτή κατεύθυνση. Οι συμβολοσειρές που περιέχουν τόσο αραβικά όσο και αγγλικά (όπως ονόματα επωνυμιών ή URL) θα πρέπει να αποδίδονται στη σωστή οπτική σειρά.
- Δοκιμάστε σε κινητό. Τα σφάλματα διάταξης RTL είναι συχνά πιο σοβαρά σε μικρότερες οθόνες όπου υπάρχει λιγότερος χώρος για σφάλματα στοίχισης.
Εάν οι μεταφράσεις σας δεν εμφανίζονται καθόλου, το πρόβλημα μπορεί να μην σχετίζεται με το RTL -- ελέγξτε πρώτα τη μεταγλώττιση του αρχείου .mo και τις διαδρομές αρχείων.
Κόλπο με τα Εργαλεία Προγραμματιστή του Προγράμματος Περιήγησης
Στο Chrome DevTools, μπορείτε να επιβάλλετε προσωρινά το RTL σε οποιαδήποτε σελίδα χωρίς να αλλάξετε τις ρυθμίσεις του WordPress:
/* Paste in DevTools console as: document.documentElement.dir = 'rtl' */
html {
direction: rtl;
}
Αυτό σας δίνει μια γρήγορη προεπισκόπηση του τρόπου με τον οποίο το θέμα σας χειρίζεται το RTL πριν καν ξεκινήσετε τη μετάφραση.
Αυτοματοποίηση της Μετάφρασης RTL με τον Σωστό Τρόπο
Η μη αυτόματη μετάφραση γλωσσών RTL είναι δαπανηρή και αργή. Οι επαγγελματίες Άραβες μεταφραστές χρεώνουν premium τιμές και η εύρεση κάποιου που κατανοεί τόσο τη γλώσσα όσο και τη σύνταξη Gettext ειδικά για το WordPress είναι δύσκολη.
Το SimplePoTranslate το λύνει αυτό με μια μηχανή Context-Aware AI που κατανοεί τις προκλήσεις ειδικά για το RTL εγγενώς:
- Και οι έξι αραβικοί πληθυντικοί τύποι δημιουργούνται αυτόματα. Η μηχανή μας διαβάζει την κεφαλίδα
Plural-Formsστο αρχείο σας.poκαι παράγει ακριβώς τον αριθμό των φορμών που απαιτεί η γλώσσα προορισμού σας. Χωρίς κενές υποδοχέςmsgstr, χωρίς αγγλικές εναλλακτικές λύσεις. - Ασφάλεια χαρακτήρων κράτησης θέσης. Οι μεταβλητές όπως
%s,%dκαι%1$sκλειδώνονται κατά τη διάρκεια της μετάφρασης. Η τεχνητή νοημοσύνη δεν μπορεί να τις αναδιατάξει, να τις διαγράψει ή να τις καταστρέψει -- ακόμα και όταν η αραβική γραμματική υποδηλώνει μια διαφορετική σειρά λέξεων. Διαβάστε περισσότερα σχετικά με τον τρόπο με τον οποίο η κλειδαριά σύνταξης προστατεύει τον κώδικά σας. - Αμφίδρομο πλαίσιο. Η τεχνητή νοημοσύνη κατανοεί ότι οι συμβολοσειρές με μικτή κατεύθυνση χρειάζονται ειδικό χειρισμό και διατηρεί τα χαρακτηριστικά κατεύθυνσης HTML.
Είτε μεταφράζετε ένα θέμα ιστολογίου για ένα εβραϊκό κοινό είτε μεταφράζετε ένα πλήρες κατάστημα WooCommerce στα Περσικά, η διαδικασία είναι η ίδια: ανεβάστε το αρχείο σας .po, επιλέξτε τη γλώσσα προορισμού και κατεβάστε το μεταφρασμένο αρχείο. Ολόκληρη η ροή εργασίας διαρκεί λεπτά, όχι ημέρες.
Για μια ολοκληρωμένη περιήγηση στη διαδικασία τοπικής προσαρμογής του WordPress, δείτε τον απόλυτο οδηγό μας για την τοπική προσαρμογή του WordPress.
Σταματήστε να Αντιμετωπίζετε το RTL ως Δευτερεύουσα Σκέψη
Οι γλώσσες από δεξιά προς τα αριστερά αντιπροσωπεύουν πάνω από ένα δισεκατομμύριο πιθανούς χρήστες. Τα αραβικά είναι η πέμπτη πιο ομιλούμενη γλώσσα στον κόσμο. Τα εβραϊκά και τα περσικά εξυπηρετούν κρίσιμες αγορές στη Μέση Ανατολή και την Κεντρική Ασία.
Εάν ο ιστότοπός σας στο WordPress δεν μπορεί να εξυπηρετήσει αυτούς τους χρήστες με μια εκλεπτυσμένη, εγγενή εμπειρία, θα βρουν έναν ανταγωνιστή που μπορεί.
Τα καλά νέα: Το WordPress έχει ήδη την υποδομή. Το θέμα σας χρειάζεται απλώς το κατάλληλο CSS και τα αρχεία .po σας χρειάζονται ένα εργαλείο μετάφρασης που να σέβεται την πολυπλοκότητα των γλωσσών RTL.
Είστε έτοιμοι να μεταφράσετε τον ιστότοπό σας στο WordPress στα Αραβικά, Εβραϊκά ή Περσικά; Ξεκινήστε δωρεάν στο SimplePoTranslate.com