ברוכים הבאים לפרק 18 (הצטברו מהר) במדריך בונים ביחד תבנית וורדפרס. בפרק זה אנו מתקרבים בצעדי ענק לתבנית פעילה מעוברתת ומיושרת לימין אז הדקו חגורות זה ידרוש ריכוז.
סדר הפעולות
הכנות: לפני שנוכל לעשות שימוש בקבצי תרגום בתבנית החדשה שלנו עלינו לבקש מוורדפרס לקרוא להם / לכלול אותם בתבנית שלנו וגם להשתמש בהם בעת תהליך ההצגה של האתר שלנו. למעשה אנו מצהירים כי קיימים קבצי תרגום בתיקייה מסויימת ומספרים לוורדפרס מה המסלול של אותם קבצים.
למזלנו וורדפרס מאפשרת לנו לעשות את זה ב2 שורות קוד פשוטות.
- פתחו את הקובץ functions.php
- הוסיפו את הקוד הבא בתחתית הקובץ
/*** TRANSLATION FILES ***/
$lang = TEMPLATEPATH . '/lang';
load_theme_textdomain('sagive', $lang);
פקודת load_theme_textdomain היא פקודה פנימית של וורדפרס אשר בודקת את השפה הנוכחית ומחפשת אחר קובץ תרגום תואם בשפה זאת במסלול אותו הגדרנו כאן למעלה. בצורה כזאת אנו יכולים לטעון קבצי תרגום בהתאם לשפה בה האתר שלנו משתמש!
אם תשימו לב הוספנו בחלק הקודם הגדרה שקוראת / מחפשת קובץ תרגום בתוך תיקייה אשר נקרא "lang" ולכן ניצור בחלק זה תיקייה אשר תכיל את קבצי התרגום. אתם יכולים להכין קובץ תרגום לעברית אבל גם קובץ תרגום לשפות נוספות! בצורה כזאת ניתן ליצור תבנית אשר מותאמת להמון שפות (ללא הגבלה למעשה!)
יוצרים תיקייה שתכיל את קבצי התרגום
- הכנסו לתיקייה של התבנית שלכם
- צרו תיקייה חדשה בשם lang
- ציפיתם לעוד שלבים? סיימתם!
בכדי ליצור קבצי תרגום עליכם להתקין על המחשב של תוכנה ייעודית למטרה זאת אשר נקראת Poedit. אם אתם חוששים להתקין תוכנות אז אין לכם סיבה במקרה זה. מדובר על מיני אפליקציה שימושית ונפוצה מאוד בשימוש בקרב בוני אתרים מרבחי העולם.
מהי תוכנת Poedit
Poedit היא תוכנה אשר מתאימה לכל הפלטפורמות ותפקידה ליצור קטלוגים נוחים לתרגום עבור מתרגמים ובוני אתרים. קבצי התוצר של התוכנה הם קבצי po וmo. זה אולי נשמע כמו הגששים אבל אלו קבצי קטלוג שפה רשמיים. מידע נוסף על Poedit תוכלו למצוא בויקיפדיה או באתר הרשמי של Poedit.
הורידו והתקינו את Poedit
- הורידו את Poedit למחשב: Poedit להורדה
- התקינו את Poedit ופתחו את התוכנה
- עברו לטאב הבא שם ניצור קובץ תרגום ראשון
בשלב נתחיל ביצירת קטלוג שפה אשר יאפשר לנו לתרגם מחרוזות טקסט מסוימות אותן הטמענו ברחבי התבנית שלנו. עקבו אחר הסרטון ופעלו בצורה דומה.
- תחזיקו חזק, תפעילו את מרכז הריכוז שלכם – זה מהיר ולעניין!
פירוט פעולות בסרטון
- פותחים את החלונות הנדרשים לעבודה מהירה
- פותחים את Poedit ויוצרים קטלוג שפה חדש
- נכניס מידע ראשוני לקטלוג שפה שלנו
- נכניס הגדרות מסלול עבור קטלוג השפות שלנו
- נכניס מילות התייחסות לתרגומים בקטלוג שפה שלנו
- נתחיל עם תרגום מחרוזות ספציפיות בתבנית שלנו
- מענה לשאלה – למה רק חלק מהמחרוזות מתרגמות כשורה?
- ממשיכים עם תרגום שאר המחרוזות באתר שלנו
- זהו, בהצלחה… שאלות בטופס התגובות בבקשה..
- פתחו את הקובץ rtl.css
- נתחיל עם הגדרות עבור דף הבית
- הגדרות אלו יחולו גם בעמודים פנימיים
/* הגדרה עבור כל גוף הדף */
body {direction: rtl; text-align: right;}
/* הגדרה עבור תפריט הצד בדף הבית */
.home-sidebar {padding: 0 0 0 35px;}
/* הגדרות עבור תפריט עליון */
ul#top_menu ul {direction: ltr;}
/* הגדרות עבור הוידגטים שלנו בתחתית האתר (footer) */
.footer .footer-sidebar > li {float: right; margin-left: 6%; margin-right: 0;}
.footer .footer-sidebar > li + li + li {margin-left: 0;}
/* הגדרות עבור תגיות */
.singleTags a {border-right: 3px solid #C6700A; border-left: 0;}
/* הגדרות עבור טופס התגובות */
.CommentsList li .thumbComment {float: right;}
.CommentsList li .commentInfo {float: right; padding: 0 3% 0 0; border-right: 1px solid #D6D5D1; border-left: none;}
/* עמודי קטגוריה */
.singleCatExcerpt {float: right;}
.singleCatThumb img {float: left;}
.singleCatContent .readMore {float: right;}
/* אופציונלי: שינוי המיקום של הלוגו לימין והתפריט לשמאל */
.logo {float: right !important;}
ul#top_menu {float: right;margin-right: 80px;}
body {direction: rtl; text-align: right;}
.home-sidebar {padding: 0 0 0 35px;}
ul#top_menu ul {direction: ltr;}
.footer .footer-sidebar > li {float: right; margin-left: 6%; margin-right: 0;}
.footer .footer-sidebar > li + li + li {margin-left: 0;}
.CommentsList li .thumbComment {float: right;}
.CommentsList li .commentInfo {float: right; padding: 0 3% 0 0; border-right: 1px solid #D6D5D1; border-left: none;}
.singleTags a {border-right: 3px solid #C6700A; border-left: 0;}
.singleCatContent .readMore {float: right;}
.wp-pagenavi a, .wp-pagenavi span {float: right;}
/*
.logo {float: right !important;}
ul#top_menu {float: right;margin-right: 80px;}
*/
התבנית שלכם כעת מוכנה לעבודה!
באופן כללי טוטאלי ומוחלט סיימתם את בניית התבנית שלכם. אם הגעתם עד כאן ועשיתם זאת צעד צעד אתם כבר מומחים ברמה טובה בבניית תבניות וורדפרס. מכאן והלאה נותר רק לשפר ולמקצע את הידע שלכם.
בפרק הבא אעסוק בתיקון שגיאות (או לפחות נבחן אם קיימות שגיאות ולאחר מכן גם אציע את התבנית להורדה קומפלט ובחינם. כמו תמיד אתם מוזמנים לפנות אלינו עם כל שאלה או טיפ לייעול בטופס התגובות ונשמח לעזור.
10 תגובות