RTL פירושו מימין לשמאל. רק שפות בודדות בעולם משתמשות בכיוון טקסט RTL, אך השפות הללו מכסות למעלה ממיליארד אנשים. הוספת תמיכת RTL לנושא שלך היא פשוטה ויכולה להגדיל מאוד את השוק שלה.
להלן שני עמודים, אחד ב-RTL ואחד בכיווני LTR (רגיל):
| אנגלית – LTR | עברית – RTL |
|---|---|
 |
 |
אתה יכול לראות איך הכל בדף ה-RTL נראה 'מתהפך' אופקית. זה כמו להסתכל בדף ה-LTR ה'רגיל' דרך מראה. יצירת תמונת מראה זו היא למעשה די קלה. כיוון ה'dir' ב-CSS יעשה את רוב העבודה ואתה צריך רק לתקן כמה מקומות.
טוען קובץ CSS אחר עבור שפות RTL
WordPress יודעת באילו שפות יש זרימת RTL וזה מקל עליך להתאים אישית את הפריסה שלהן. צור קובץ rtl.css חדש והכנס אותו לספריית השורש של ערכת הנושא שלך.
WordPress תטען את קובץ ה-rtl.css לאחר טעינת ה-styles.css הרגיל, כך שקובץ ה-RTL CSS רק צריך לעקוף תכונות שצריך לשנות. זה אומר שקובץ rtl.css הוא בדרך כלל די קטן, עבור רוב ערכות הנושא.
הגדרת כיוון הדף ל-RTL
התכונה 'כיוון' ב-CSS אומרת לדפדפן את כיוון הדף. עבור שפות RTL, אתה רוצה להגדיר את זה ל'rtl'. יש עוד תכונה 'קסם' שעליך להגדיר עבור תצוגת RTL נכונה. זה נקרא 'unicode-bidi'. את תכונת ה'קסם' הזו די פשוטה להבנה, כשאתה רגיל לכתוב ב-RTL. זה שולט באופן שבו תווים מוצגים בתוך השורה.
לתצוגת RTL נכונה, הוסף את הדברים הבאים לבורר ה-.body:
{
direction:rtl;
unicode-bidi:embed;
}
וסיימת! ערכת הנושא שלך מוצגת כעת ב-RTL. כִּמעַט. שתי ההצהרות הללו יגרמו לרוב העמוד להיראות נכון. עכשיו, אתה צריך לטפל בחריגים.
היפוך כיוון טקסט, צף ומנקה
כל מקום ב-CSS, שבו אתה מגדיר את כיוון הטקסט והרכיבים הצפים, דורש תשומת לב ידנית.
מצא את כל הבוררים ליישור טקסט, לצוף ולנקות. אם אחד מאלה מציין כיוון, הפוך בין 'ימין' ל'שמאל'. זכור את תמונת המראה שאנו מנסים להשיג והיא תקל על הבנת השינוי הזה.
גרפיקה המרמזת על כיוון
דבר נוסף שצריך לשים לב אליו הוא גרפיקה עם משמעות 'כיוון'. לדוגמה, אם אתה יוצר מצגת, ייתכן שיהיו לך חיצים עבור הפריטים הבאים והקודמים. זכור שהאתר שלך יופיע דרך מראה בשפות RTL, אז עליך להפוך גם את הגרפיקה הכיוונית. אם אתה משתמש בחץ המצביע ימינה עבור 'הבא' ב-LTR, עליך לספק חץ המצביע שמאלה עבור 'הבא' ב-RTL.
בחירת גופנים מותאמים אישית
לשפת RTL אין אותם גופנים כמו שפות LTR. אם אתה משתמש בגופנים מפוארים והפריסה של ערכת הנושא שלך מסתמכת עליהם, עליך למצוא גופנים חלופיים לשפות אלו. אם תבחר בגופן שאינו קיים בשפת RTL, הדפדפן יחזור למה שהוא יודע. עדיף שתציין גופנים קיימים חלופיים שאתה אוהב.
אם אתה משתמש בגופני אינטרנט סטנדרטיים, אתה בסדר.
כיצד לבדוק את הנושא שלך ב-RTL
כשאתה מפתח את קובץ ה-RTL CSS שלך, מומלץ תמיד לבדוק מה אתה עושה.
- שנה את השפה בקובץ wp-config.php לשפה זו. אם אתה משתמש ב- WPML , פשוט הוסף שפת RTL לאתר שלך.
הוספת שפות RTL - תרגם את הטקסטים המקודדים של ערכת הנושא שלך (לפחות אלה בחזית) לשפה זו. WPML מאפשר לך לעשות זאת באמצעות מודול תרגום מחרוזות .
תרגום טקסטים של הנושא - קבל תוכן לדוגמה בשפה זו. לעריכה קלה ב-RTL ב- WordPress , עבור לפרופיל שלך, גלול להגדרת שפת הניהול והגדר את השפה זהה לשפת העריכה.
עריכת תוכן במצב RTL
לא יודע שפות RTL? פשוט השתמש ב- Google Translate. התרגום יהיה בעיקר שטויות, אבל למטרות פיתוח CSS, זה בסדר.
כעת, עברו על סוגי התוכן השונים באתר שלכם. הקפד לכלול פוסטים, דפים, דף הבית וכל תוכן מותאם אישית שאתה יוצר.
לקבלת התוצאות הטובות ביותר, מצא מישהו הדובר את השפה הזו ובקש ממנו לבצע עבורך בדיקת שפיות. חברך הדובר שפת RTL יתפוס את 5% הנותרים מהבעיות שתפספס. זה 'נחמד שיש', אז אל תפסיק את מאמצי ה-RTL שלך אם אינך מכיר מישהו שיעזור בבדיקות. ברגע שתשחרר את הגרסה התומכת ב-RTL של ערכת הנושא שלך, תקבל הרבה משוב מהלקוחות שלך. אם תעשה את 95% מהמאמץ, הם ישמחו לתרום תיקונים עבור 5% הנותרים.
חומר בונוס – מנהל הנושא שלך בשפות RTL
הדרישה הבסיסית ליצירת ערכת נושא תואמת RTL היא שהחזית (התוכן הציבורי) יוצג בצורה נכונה בשפות RTL. זהו הבסיס האמיתי, שבלעדיו אף אחד לא יכול להשתמש בערכת הנושא שלך כדי לבנות אתרים בשפות RTL.
חוץ מזה, משתמשים רבים ירצו לקבל את אדמין WordPress בשפה שלהם. משמעות הדבר היא גם לראות את מסכי הניהול של ערכת הנושא שלך בכיוון RTL.
הדרך הקלה להשיג תאימות RTL זו למסכי הניהול של ערכת הנושא שלך היא להשתמש במחלקות CSS הסטנדרטיות WordPress עבור רכיבי GUI. נכון, זה אומר שאתה לא יכול להשתמש באפקטי CSS מפוארים כדי להאיר את ה-GUI שלך. זה גם אומר שה-GUI שלך משתלב בצורה מושלמת במנהל WordPress ומוצג בצורה נכונה ב-LTR / RTL.
אם אתה חייב להשתמש ב-CSS המותאם אישית שלך עבור מסכי ניהול, בדוק איך זה נראה בשפת RTL. אותם כללים שאתה עוקב אחריהם עבור ה-CSS הקדמי חלים גם על הקצה האחורי. Flip מיישר, צף ומנקה; הימנע ממיקום מוחלט ודאג לתמונות.
התייחסות מצוינת – ערכת הנושא WordPress המוגדרת כברירת מחדל
לידיעתך, ערכות נושא ברירת המחדל WordPress מותאמות כולן בצורה מושלמת לשפות RTL. פתח את ערכת הנושא המוגדרת כברירת מחדל וחפש את הקובץ rtl.css. תראה אילו שינויים הוא ביצע ב-CSS עבור ערכת הנושא המוגדרת כברירת מחדל. בדרך כלל, שינויים אלה הם די קטנים וקל לעקוב אחריהם.