הדרכה ליצירת אתר פשוט במספר שפות באמצעות בלוקים (ללא תוספים)

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

אפשר לראות הדגמה של אופן הפעולה כאן:

להציג את ההדגמה

במדריך הזה

1. פתקים והפניות
   1. הפניות ומידע נוסף
2. שיטה
   1. 1. להגדיר עמודים ומזהים לכתובות עמודים
   2. 2. לבחור את הפריסה של התפריט ושל מחליף השפה
   3. 3. ליצור את מחליף השפה
   4. 4. להוסיף את תפריט הניווט בעמודים בשפה הראשונה
   5. 5. לשמור את התפריט החדש ואת מחליף השפה
   6. 6. התפריט של השפה השנייה
   7. 7. להוסיף את התפריטים החדשים לעמודים האחרים שלך
   8. 8. להוסיף עוד עמודים

פתקים והפניות

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

הפניות ומידע נוסף

בהדרכה הזאת אנחנו משתמשים בפעולות הבאות:

• מזהים לכתובות עמודים
• עמודי אב ועמודי צאצאים
• עמוד ראשי קבוע
• בלוק הטורים
• בלוק הפסקה הרגילה
  • (אופציונלי) תמונות בתוך השורה (זמין מסרגל הכלים של בלוק הפסקה הרגילה)
• בלוק הניווט
• בלוקים לשימוש חוזר

שיטה

1. להגדיר עמודים ומזהים לכתובות עמודים
2. לבחור את הפריסה של התפריט ושל מחליף השפה
3. ליצור את מחליף השפה
4. להוסיף תפריט ניווט
5. לשמור את התפריט החדש ואת מחליף השפה
6. התפריט של השפה השנייה
7. להוסיף את התפריטים החדשים לעמודים האחרים שלך
8. להוסיף עוד עמודים

1. להגדיר עמודים ומזהים לכתובות עמודים

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

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

יש לפרסם כל עמוד כדי שיעודכן ולאחר מכן לשנות את המזהה לכתובתשל העמוד בכל אחד מהעמודים כדי שיציין את השפה הרלוונטית אליו. בדוגמה הזאת, עמוד ההתחלה בצרפתית נקרא Accueil ובמזהה לכתובת של העמוד מצוין הכיתוב /fr/:

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

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

כאשר יוצרים את העמודים האלה, יש להקצות אותם בתור עמודי צאצאים של עמודי ההתחלה בשפות השונות, באמצעות המקטע 'מאפייני עמוד':

דוגמה – סקירה של מבנה העמוד

בדוגמה הבאה, יש לנו עמודי התחלה בשתי שפות: אנגלית וצרפתית. לכל אחד מהם יש עמודי צאצאים: 'About' (אודות) ו-'Contact' (יצירת קשר) באנגלית. בצרפתית הם נקראים 'À Propos' ו-'Contact':

2. לבחור את הפריסה של התפריט ושל מחליף השפה

במקטע האתר שלי > אתר > עמודים, יש ללחוץ על הכותרת של עמוד ההתחלה בשפה העיקרית כדי לפתוח אותו בעורך של WordPress.

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

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

יש להגדיר את בלוק הטורים לרוחב רחב או לרוחב מלא:

3. ליצור את מחליף השפה

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

לתשומת ליבך, אנחנו לא ממליצים להשתמש בדגלים כדי לייצג שפות משתי סיבות:
1. זו אפשרות פחות נגישה למבקרים שאולי לא יכולים לראות את התמונות של הדגלים
2. המבקרים יכולים להתבלבל ולא לייחס דגל מסוים בהכרח לשפה המסוימת שהתכוונת – לא כולם חושבים אותו הדבר!
כדי ליצור תצוגה ברורה, אנחנו ממליצים להשתמש בקישורי טקסט (שיטה 1 או 2).

שיטה 1 – קישורי טקסט בבלוק ניווט

כעת אמורים להיות לך שני טורים שבהם ניתן להוסיף תוכן. יש ללחוץ על הטור הצר יותר ולהוסיף בו בלוק ניווט:

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

לאחר מכן אפשר לשנות את הטקסט בכל פריט כדי להעניק לו את השם של השפה המתאימה (או החלופה הקצרה לשם השפה.):

שיטה 2 – קישורי טקסט בבלוק פסקה רגילה

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

יש להקליד את שמות השפות בפורמט המועדף עליך, לדוגמה "EN" (לאנגלית) ו-"FR" (לצרפתית) או "English" ו-"French" במקום.

יש להדגיש את השם של כל שפה ולאחר מכן ללחוץ על הכפתור להוסיף קישור כדי להוסיף קישור לשם השפה עם עמדו ההתחלה שלו. דוגמה:

שימוש בקיצורים לשמות השפות:

שיטה 3 – תמונות בתוך השורה

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

אם יש לך תמונות של דגלי שפה וברצונך להשתמש בהן, אפשר להשתמש באפשרות של תמונות בתוך השורה (זמינה במקטע 'אפשרויות נוספות') כדי להוסיף את הדגלים ולקשר אותם:

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

לאחר הוספת התמונה, אפשר ללחוץ עליה כדי לשנות את גודלה:

לאחר מכן אפשר להפוך את התמונה לקישור, באותה הדרך שבה הפכת את הטקסט לקישור:

יש לחזור על התהליך הזה כדי להגדיר את הדגל של השפה השנייה.

4. להוסיף את תפריט הניווט בעמודים בשפה הראשונה

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

הבלוק יופיע עם שתי אפשרויות – יש לבחור ליצור ריק. הבלוק יופיע ויהיה מוכן להוספה בעמודים שלך:

יש להוסיף קישור לכל עמוד בשפה הראשונה שלך. יש ללחוץ על הכפתור 'להוסיף בלוק' (הכפתור "+" השחור) מימין לבלוק הניווט כדי להוסיף עוד קישור:

5. לשמור את התפריט החדש ואת מחליף השפה

יש להשתמש בכפתור ניווט בלוקים בחלקו העליון של העורך כדי לבחור את הטורים שלך:

יש להשתמש בסרגל הכלים של בלוק הטורים כדי להציג אפשרויות נוספות ולבחור באפשרות להוסיף לבלוקים לשימוש חוזר:

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

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

6. התפריט של השפה השנייה

כדי ליצור תפריט עבור השפה השנייה, אפשר לחזור על שלבים 5-1 או לפעול לפי קיצור הדרך הבא:

יש לפתוח אחד מהעמודים בשפה השנייה בעורך של WordPress. יש ללחוץ על הכפתור 'להוסיף בלוק' (הכפתור "+" השחור) כדי להוסיף בלוק חדש לעמוד. ברשימת הבלוקים, יש לגלול ישר לתחתית הרשימה כדי למצוא את הקטגוריה של הבלוקים לשימוש חוזר, שם שמור התפריט שלך. לחלופין, אפשר להשתמש בתיבת החיפוש שלמעלה כדי למצוא אותו.

אחרי שהוספת את בלוק התפריט לעמוד, יש להשתמש בתפריט 'אפשרויות נוספות' כדי להמיר לבלוקים רגילים:

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

שיטה 1 – להסיר את בלוק הניווט ולהוסיף שוב אחד חדש

יש לבחור את בלוק הניווט באמצעות ניווט בין בלוקים:

יש להסיר את בלוק הניווט לחלוטין:

לאחר מכן, יש לחזור על שלב 4 שלמעלה כדי להוסיף שוב בלוק ניווט נקי עבור השפה השנייה

שיטה 2 – לשנות את פריטי הניווט

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

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

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

7. להוסיף את התפריטים החדשים לעמודים האחרים שלך

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

8. להוסיף עוד עמודים

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