במדריך זה, תלמדו כיצד ליצור אתר רב-לשוני עם Stitched ו־WPML. Stitched היא ערכת עיצוב לאומנים. תוכלו להשתמש ברכיב ההיכרות בעמוד הבית שלה כדי לספר למבקרים על עצמכם, ותוכלו להרחיב את הפונקציונליות שלה על ידי התקנת התוספים המומלצים שניתן לשלב איתה.
Stitched מפותחת על ידי WooThemes. עבור ערכות עיצוב ותוספים שפותחו על ידי WooThemes, אנו ממליצים להשתמש בממשק המובנה של WPML לתרגום תכונות מיוחדות ש־WooThemes או התוספים משתמשים בהן בקוד שלהם. במדריך זה, אדריך אותך צעד אחר צעד בדרך חלקה לעשות זאת.
תוכל לראות דוגמה חיה באתר ההדגמה של Stitched + WPML.
כדי להפעיל אתר Stitched רב-לשוני עם WPML, תצטרך:
- ערכת העיצוב Stitched
- גרסה עדכנית של WPML, כולל המודולים תרגום מחרוזות וניהול תרגום
תחילת העבודה
אלו הם השלבים העיקריים שעליך לבצע כדי להתחיל:
- התקן והפעל את Stitched
- התקן והפעל את תוספי WPML (WPML Multilingual CMS, WPML תרגום מחרוזות, WPML ניהול תרגום)
- הגדר את WPML דרך WPML->שפות. עיין במדריך תחילת העבודה של WPML לקבלת מידע מלא
- התקן והפעל אחד מהתוספים הרבים שניתן לשלב עם Stitched. לצורך מדריך זה, נשתמש ב־Projects
תרגום הודעת הפתיחה
התכונה 'Introductory Message' (הודעת פתיחה) בערכת העיצוב Stitched היא שילוב של תמונת ה־Gravatar של מנהל האתר יחד עם טקסט שורת התיאור של האתר. עם WPML, כל טקסט (או מחרוזת, כפי שאנו נוהגים לקרוא לזה כאן) שאינו חלק מפוסטים, עמודים וטקסונומיה מתורגם באמצעות המודול תרגום מחרוזות.
הטקסט עבור כך מוגדר תחת הגדרות > כללי
וכעת כדי לתרגם, פשוט עבור אל WPML->תרגום מחרוזות וחפש את המחרוזת הזו
, תרגם אותה, סמן אותה כהושלמה ושמור
כך נראה צד הלקוח שלנו כעת, כולל תמונת ה־Gravatar שערכת העיצוב שואבת אוטומטית בהתאם להגדרות שלך
תרגום טקסטים כלליים
Stitched מגיעה עם עוד כמה מחרוזות שאולי תרצה לתרגם. תוכל להשלים כל תרגום חסר באמצעות המודול תרגום מחרוזות של WPML, כפי שתיארתי עבור 'Introductory Message'. אם חסרות מחרוזות כלשהן, עקוב אחר ההוראות עבור לוקליזציה של ערכות עיצוב ותוספים. בקצרה, עבור אל WPML->לוקליזציה של ערכות עיצוב ותוספים, ולחץ על 'סרוק את ערכת העיצוב לאיתור מחרוזות'. שים לב שתוכל לסנן בקלות את המחרוזות הנכונות בתפריט ההקשר הנגלל – עבור Stitched סנן לפי 'theme woothemes' ועבור התוסף Projects סנן לפי 'plugin projects-by-woothemes'. זה נראה בערך כך:
תרגום תוספים משולבים
כעת, לאחר שראינו כיצד לתרגם את כל הטקסט שמגיע מערכת העיצוב, בוא נראה כיצד אנו הופכים גם את המחרוזות והתכונות המגיעות מתוסף Woo לניתנות לתרגום. לצורך מדריך זה בחרתי בתוסף הנחמד מאוד המומלץ לשימוש עם Stitched – 'Projects by WooThemes'.
לאחר שהתקנת והפעלת את 'Projects', תוכל לראות באזור הניהול של WordPress תפריט חדש שנקרא בדיוק כך... 'Projects', כפי שמוצג כאן:
כדי להפוך את הפרויקטים שלך ואת הקטגוריות שלהם לניתנים לתרגום, עליך להשתמש בהגדרות של WPML (ממשק המשתמש של WPML). באופן בסיסי, מה שעליך לעשות הוא לעבור אל WPML->ניהול תרגום כך:
בחר הגדרת תוכן רב-לשוני מהלשוניות בחלק העליון
לפני שנמשיך, רק כמה מילים על מה שבעצם קורה כאן מאחורי הקלעים – התוסף Projects, כמו תוספים (וערכות עיצוב) רבים אחרים, משתמש בסוגי תוכן מותאמים אישית (Custom Post Types) עבור הפונקציונליות שלו. אלו הם סוג של פוסטים 'מיוחדים', ומכיוון שהם מיוחדים, WPML לא 'יודע' שצריך לתרגם אותם. לכן, הצעד הבא שלנו כאן הוא להגיד ל־WPML בדיוק את זה – תרגם את Projects!
לחץ על Custom posts (פוסטים מותאמים אישית), בחר Translate (תרגום) עבור Projects – כפי שאתה רואה, תוכל גם להגדיר את מזהי הכתובת (slugs) של Projects כניתנים לתרגום, וממש למטה תוכל לתרגם את Custom Taxonomies (הטקסונומיות המותאמות אישית) הקשורות לפוסטים מותאמים אישית אלה, שבמקרה זה נקראות 'Project categories'. כעת פשוט לחץ על Save (שמירה) וזהו. באותו אופן, תוכל לשלוט באופן שבו השדות המותאמים אישית מטופלים לתרגום על ידי לחיצה על הקישור Custom fields translation (תרגום שדות מותאמים אישית) בחלק העליון. עבור Projects תוכל להגדיר 3 שדות מותאמים אישית: _client, _project_image_gallery ו־_url, אך עבורם אני ממליץ לך לעקוב אחר הנקודה הבאה -
בוא נראה כיצד נראה עמוד הניהול של Projects. נלחץ על 'Projects' במסך הניהול וכעת – כמו בכל עמוד או פוסט 'רגיל', נוכל לשכפל או לתרגם כל פרויקט קיים, ליצור אחד חדש בכל שפה שנרצה, וחשוב מאוד – להשתמש בפונקציונליות המלאה של סוג התוכן פרויקט. במקרה זה נוכל להוסיף פרטים, תיאור ואת הגלריה המיוחדת שהוא מציע לנו, כך:
הפיכת שדות מותאמים אישית (ודברים אחרים) לניתנים לתרגום בעמוד העריכה של פוסט מותאם אישית
נקודה אחרונה כאן – כפי שכנראה שמת לב במסך האחרון – תוכל גם לשלוט באופן שבו Custom fields (שדות מותאמים אישית) ואפילו טקסונומיה וסוגי תוכן מטופלים לתרגום בכל עמוד עריכה של פוסט. בוא נגדיל את זה קצת:
כאן נרצה ש־_project_image_gallery יועתק בין השפות, ומצאתי שהגיוני להשאיר את השדות _client ו־_url ללא תרגום – עדיין תוכל לשנות אותם בעמוד הפוסט המתורגם, אך אנחנו לא באמת צריכים אותם מתורגמים.
עיצוב בורר השפות
אחרון חביב, בוא נבצע התאמה קטנה כדי שבורר השפות של WPML ישתלב בצורה מושלמת בניווט הראשי של Stitched. לבורר השפות של WPML נוספו מחלקות (classes) שניתן לעצב בהתאם לצרכים שלך, ותוכל אפילו ליצור בורר שפות מותאם אישית שלם אם תרצה. כאן אין בכך צורך, כל מה שאנחנו רוצים הוא לתת לדגל מעט ריווח פנימי (padding) כדי שהוא 'יישב' במקום ולא ייראה מוזר
כדי לעשות זאת, נעבור אל WPML->שפות->אפשרויות בורר שפות->CSS נוסף (אופציונלי) ונוסיף מעט ריווח פנימי למחלקה ששולטת בעיצוב של תמונת הדגל בבורר – img.iclflag
כעת זה נראה יפה מאוד, ממש כמו כל פריט תפריט אחר ב־Stitched
סיכום
Stitched היא ערכת עיצוב נחמדה מאוד להפוך לרב-לשונית ולספר לעולם על עצמך ועל הפרויקטים שלך. תוכל גם להוסיף לה חנות באמצעות WooCommerce ו־WPML Multilingual & Multicurrency for WooCommerce. ראינו כיצד תוכל להתאים את התכונות שלה בצורה חלקה באמצעות WPML.
גרסאות בשימוש
- WordPress 3.9
- WPML 3.1.5
- ערכת העיצוב Stitched 1.0.2
- התוסף Projects 1.2.0
