לא מעט אנשים בבעיה כאשר הם רוצים לבנות אתר עם יותר משפה אחת, אך הכיוון של כל שפה שונה. לכן בעת מעבר משפה לשפה נצפה שכל האתר יתיישר לימין או לשמאל לפי כיוון השפה. לא כל התבניות בנויות כך, שהמעבר הוא אוטומטי, לכן נלמד איך לבנות קוד CSS מתאים לנו לכל שפה. כמובן אני ממליצה לקרוא עד הסוף תחילה... ואחר כך לבצע הכל ולעקוב אחר המדריך.

התוכנות שנעשה בהם שימוש הן:

  • NOTEPAD++ (כתבן קוד רגיל, עם יש לכם אחר גם בסדר Laughing ).
  • Firebug (עובד רק עם הדפדפן Firefox, אם לא מותקן הורידו והתקינו גם את הדפדפן).
  • רכיב JoomFish (להוריד כאן).
  • ידע בCSS גם לא יזיק, ואם לא יודעים ניתן להיעזר באתר מצויין כאן.

טוב אז נעבוד לחלק הביצועי, והשלבים הם:

  1. לבנות את האתר כמובן, עדיף לסיים את האתר עד הסוף בשפה העיקרית לפני שניגשים לתרגם אותו.
  2. מתקינים את הרכיב JoomFish  ומתרגמים דרכו.
  3. עורכים את הקובץ ב-index.php בכתבן. (תשמרו לעצמכם ליתר בטחון את המקור ואז תערכו).
  4. עלינו להוסיף בתגיות ה- HEAD  את קטע קוד הבא:
    <?php if($this->direction == 'rtl') : ?>
    <link rel="stylesheet" type="text/css" href="/<?php echo $templateUrl; ?>/css/template_rtl.css" media="screen" />
    <?php endif; ?>
  5. צור קובץ חדש בשם template_rtl.css. בתוך הקובץ כותבים את השינויים שמתאימים ל-RTL או LTR לפי הצורך. להלן דוגמה של קובץ CSS כזה מתבנית קיימת כאן (RTL).
  6. בסעיף הזה, תוכנת ה-Firebug תעזור מאוד למצוא איפה את/ה יכול להפוך את מה שאתה צריך וגם מצביע על הקובץ בו אתה צריך לעשות את השינוי.
  7. העלה את הקובץ template_rtl.css לתיקיית ה-CSS של התבנית שבה אתה משתמש. בדוק שהכל יצא כמו שרצית, בשלב זה כמובן לא יצא מפעם הראשונה כמו שנרצה לכן, נצטרך לעבוד על קוד כמה פעמים לתקן כל פעם חלק חדש.

ישנה דרך נוספת: להוריד תוכנה מהאתר כאן...שהיא הופכת תבניות לRTL..היא לא מושלמת כמובן ולפעמים תצטרכו לשנות את הקוד הCSS...וFirebug

מקווה שעזרתי,

בברכה, ויקטוריה...

עליך להירשם כדי להוסיף תגובות

vika_b

הנדסאית אלקטרוניקה, מדריכה בתחום וגם במחשבים .....סטודנטית למדעי המחשב... בונה אתרים מכיתה ד בערך חח =)
אתר המחבר/ת: http://bacoso.com