WPML
מדריכים

יצירת אתרי WordPress מימין לשמאל (RTL)

Amir3 דקות

שתף:

שפות הנכתבות מימין לשמאל מציבות אתגר מיוחד. למרבה המזל, WordPress עושה מאמץ רב כדי להקל על כך. נראה לך כיצד ליצור אתר RTL פונקציונלי לחלוטין, המבוסס על ערכת העיצוב המקורית TwentyTen.

כאשר אתה יוצר אתר רב-לשוני מסוג RTL / LTR, עליך לטפל בשתי בעיות:

  • עריכה / תרגום
  • תצוגה

החלק הראשון, יצירה או תרגום של האתר שלך, משמעותו עבודה באזור הניהול של WordPress בשפה הנכונה ובכיוון הנכון. אם אתה מתרגם בין שפות LTR לבין שפות RTL, זכור שתצטרך לראות תוכן מעורב-כיוונים באותו מסך.

בעת הצגת האתר, ערכת העיצוב שלך צריכה לטפל בכיוון התצוגה הנכון עבור שפות RTL ו־LTR.

מדריך זה יעקוב אחר אתר ההדגמה הרב-לשוני של Twenty Ten שלנו, הזמין באנגלית, ספרדית ועברית (RTL).

הכנה – השגת קובצי הליבה וערכת העיצוב מסוג .Mo


WordPress עצמה וערכת העיצוב המקורית מתורגמות במלואן לשפות רבות (לוקליזציה). אנו זקוקים לגרסה העדכנית ביותר של הלוקליזציה, לכן החלטתי להשיג אותה מגרסאות WordPress המתורגמות. תוכל להשיג אותן מכאן:
לאחר הורדה וחילוץ של WordPress, עבור אל wordpress/wp-content/languages. העתק את כל התוכן לספריית ה־languages שלך. עשה את אותו הדבר עבור ערכת העיצוב. קובצי התרגום יהיו ב־wp-content/themes/twentyten (או בערכת העיצוב המקורית הנוכחית אם אתה קורא פוסט זה מאוחר יותר).

עליך גם להגדיר את WPML כדי לאפשר לו לתרגם את ערכת העיצוב והתוספים.

תרגום


המודול ניהול תרגום של WPML מאפשר לשלוח משימות לתרגום ולתרגם באמצעות חשבונות שונים. הוא גם מאפשר לך לתרגם באמצעות עורך תרגום של WPML. כאשר מעורב תוכן בעל כיוונים מעורבים, הדבר חשוב במיוחד, מכיוון שעורך התרגום מתאים אוטומטית את הכיוון עבור כל שדה.

אם זה חדש לך, קרא תחילה על המודול ניהול תרגום.

כך זה נראה כאשר אני מתרגם את הפוסט Hello World לעברית.

עריכה מימין לשמאל

תוכל לראות שהטקסטים באנגלית מיושרים לשמאל, בעוד שהעברית מיושרת לימין. אני יכול אפילו להשתמש במצב ה־HTML כדי להעתיק ולהדביק פריטים מאנגלית. מצב ה־HTML מציג LTR, כדי לאפשר לך להזין תגיות בצורה נכונה.

כאשר אתה מתרגם מחרוזות, WPML מציג גם אותן בכיוון הנכון. כך נראה המסך תרגום מחרוזות כאשר אני מתרגם את כותרת הווידג'ט Search.

תרגום מחרוזות RTL

המודולים עורך תרגום ותרגום מחרוזות יאפשרו לנו לתרגם את האתר לחלוטין. בהמשך, נראה כיצד להציג אותו כראוי בכיוון הנכון.

הצגת האתר ב־RTL וב־LTR


כעת כשהתוכן שלך מתורגם, הגיע הזמן להפנות את תשומת הלב שלנו לערכת העיצוב.

השורה הקטנה הזו עושה את רוב הקסם: 

<html dir="rtl" lang="he-IL">

תוכל לראות זאת אם תצפה בקוד המקור של כל עמוד בעברית. לדוגמה, עמוד הבית.

התכונה dir="rtl" אומרת לאתר שכיוון התצוגה עבור האתר כולו הוא מימין לשמאל. דפדפנים מבינים זאת ויהפכו הכל לכיוון ימין.

שורת PHP בודדת זו, מתוך header.php, גורמת לזה לקרות: 

<html <?php language_attributes(); ?>>

הקריאה ל־language_attributes מכניסה את תכונות ה־dir וה־lang. הערכים מגיעים מקובץ ה־.mo של הליבה. אם יש לך את קובצי ה־.mo הנכונים עבור WordPress, תקבל את הערכים הנכונים עבור תכונות אלה.

אם ה־HTML וה־CSS של ערכת העיצוב שלך פועלים לפי שיטות 'בטוחות', זה באמת כל מה שאתה צריך. בבטוחות, הכוונה היא ללא מיקומים או רוחבים מוחלטים (absolute). אם אתה חייב להשתמש במיקומים מוחלטים, ייתכן שתשקול לטעון CSS שונה לכל שפה.

תוכל לעשות זאת בקלות באמצעות משפטי תנאי שבודקים את הקבוע ICL_LANGUAGE_CODE (המתואר ב־API הקידוד של WPML).

התוצאות


כך נראה אתר ההדגמה שלנו באנגלית, ספרדית ועברית.

אנגלית

ספרדית

עברית
זה לא קשה כפי שזה נראה. נסה זאת וספר לנו איך הולך לך.

מצאת את זה שימושי? שתף מאמר זה:

אולי תאהב גם