אחרי יצירת תפריט והוספת קישורים אליו, ייתכן שתרצו להתאים אישית את המראה שלו. המדריך הזה יסקור שינויים נפוצים שאפשר לבצע בעיצוב התפריט.
בתבניות עורך האתר אפשר להתאים אישית את עיצוב התפריט באופן מלא דרך העורך תחת מראה בלוח הבקרה. בתבניות קלאסיות, אפשרויות עיצוב התפריט מוגבלות ונמצאות בכלי התאמה אישית תחת מראה בלוח הבקרה.
כדי לדעת באיזה חלק במדריך הזה להשתמש, יש לעבור ללוח הבקרה של WordPress.com ולבדוק מה מופיע תחת מראה בצד ימין. אם מופיעה האפשרות עורך, יש להשתמש בחלק של עורך האתר במדריך הזה. אחרת, יש להשתמש בהוראות של כלי התאמה אישית .
אם התבנית שלך משתמשת בעורך האתר (כלומר, ניתן לראות מראה ← עורך בלוח הבקרה), אפשר לשלוט בעיצוב התפריט דרך ההגדרות של בלוק הניווט באמצעות הפעולות הבאות:
- מלוח בקרה של האתר, יש לעבור אל מראה ← עורך.
- יש לבחור בתבניות ולבחור תבנית שכוללת את התפריט, כמו דף הבית או העמוד הראשי.
- יש לפתוח את תצוגת הרשימה בפינה השמאלית העליונה של המסך (הסמל נראה כמו שלושה קווים אופקיים זה מעל זה).
- יש לבחור את בלוק הניווט בתצוגת הרשימה.
- אם לא מופיע בלוק הניווט, אפשר ליצור אחד.
- יש לפתוח את ההגדרות של בלוק הניווט בצד ימין של המסך.
- אפשר להתאים אישית את הסגנונות של בלוק הניווט באמצעות סמל ההגדרות או סמל הסגנונות.
- יש ללחוץ על הכפתור שמירה כדי לשמור את השינויים.
למידע על כל הגדרה, אפשר לעיין במדריך ההגדרות של בלוק הניווט, כולל:
- סגנונות בלוק הניווט, כמו צבע, טיפוגרפיה וממדים.
- הגדרות פריסה של בלוק הניווט, כמו יישור, כיוון ותצוגת התפריט.
הסרטון הזה מדגים כיצד לגשת לבלוק הניווט ולשנות הגדרות וסגנונות. אפשרות זו זמינה בתבניות עורך האתר שניתנות להתאמה אישית מלאה. אפשר להאט או להאיץ את הסרטון באמצעות הפקדים בפינה הימנית התחתונה לאחר לחיצה על הכפתור 'הפעלה'.
מקטע זה רלוונטי לאתרים שנוצרו באמצעות בונה אתרים בבינה מלאכותית (כל התוכניות בתשלום) או לאתרים שבהם הופעל סוכן WordPress (כל התוכניות בתשלום). יש לפתוח את סוכן WordPress על ידי לחיצה על סמל הבינה המלאכותית (כוכב בעל ארבע קצוות) בסרגל הניהול שבחלקו העליון של המסך.
סוכן WordPress יכול לבצע שינויים במראה ובהתנהגות של התפריט ישירות. הנה כמה דוגמאות לדברים שאפשר לבקש ממנו:
- "שנה את הצבע של תפריט הניווט שלי כך שיתאים למיתוג שלי."
- "הגדר את תפריטי המשנה להיפתח בלחיצה במקום בריחוף."
- "הצג את התפריט שלי כתפריט המבורגר בכל גדלי המסך."
- "הוסף מחלקת CSS בשם 'featured-link' לפריט התפריט 'Contact'."
אפשר לשנות את מיקום התפריט בכל תבניות עורך האתר. תבניות אלו משתמשות בעורך תחת מראה כדי לתת שליטה מלאה על הפריסה, כולל מיקום התפריט באתר.
למרות שאפשר להתאים אישית לגמרי את מיקום התפריט בתבניות עורך האתר, כדאי להתחיל בבחירת תבנית שכבר מציגה את התפריט במיקום שמתאים לך. למידע נוסף: החלפה בין תבניות.
אם כבר בחרת תבניות עורך האתר שברצונך להשתמש בהן, ואתה רוצה לשנות את מיקום התפריט, יש כמה אפשרויות:
- אפשר ללמוד כיצד לבחור ולהזיז את בלוק הניווט, או לעבור ישירות אל סרטון ההדרכה.
- הוספת תפריט חדש לתבנית העמוד.
- הוספת ניווט באתר לעמוד או פוסט בודד באמצעות בלוק רשימת עמודים.
- הוספת ניווט בתוך עמוד או פוסט באמצעות בלוק תוכן עניינים.
אם התבנית שלך לא משתמשת בעורך תחת מראה בלוח הבקרה, כדאי לבדוק את תבניות עורך האתר שניתנות להתאמה אישית מלאה.
תפריט במסכי מחשב שולחני מופיע בדרך כלל כרשימה של קישורי טקסט בשורה אחת. במסכים קטנים יותר (טאבלטים ומכשירים ניידים) ייתכן שלא יהיה מספיק מקום להציג את כל קישורי הטקסט בדרך שתאפשר למבקרים ממכשירים ניידים להקיש עליהם בקלות.
במקום זאת, נהוג להסתיר את פריטי התפריט מאחורי כפתור שנקרא תפריט 'שכבת הרקע' או 'המבורגר' (מאחר ששלושת הקווים האופקיים נראים כמו המבורגר).
מתוך ההגדרות של בלוק הניווט בעורך האתר, אפשר לשנות את אופן התצוגה של תפריט שכבת הרקע. כדי להתאים אישית את תצוגת תפריט שכבת הרקע, יש לבצע את הפעולות הבאות:
- מלוח בקרה של האתר, יש לעבור אל מראה ← עורך.
- יש לבחור בתבניות ולבחור תבנית שכוללת את התפריט שלך, כגון דף הבית או עמוד ראשי.
- יש לפתוח את תצוגת הרשימה בפינה השמאלית העליונה של המסך (הסמל נראה כמו שלושה קווים אופקיים זה מעל זה).
- יש לבחור את בלוק הניווט בתצוגת הרשימה.
- יש לפתוח את ההגדרות של בלוק הניווט בצד ימין של המסך.
- יש ללחוץ על סמל ההגדרות (סמל גלגל השיניים).
- תחת תצוגה, יש לבחור את הגדרות תפריט שכבת הרקע:
- נייד: הגדרת ברירת המחדל. תפריט שכבת הרקע יופיע רק במסכים בגודל של מכשירים ניידים.
- כבוי: לא להציג תפריט שכבת הרקע כלל.
- תמיד: להציג תפריט שכבת הרקע בכל עת, ללא קשר לגודל המסך.
- באמצעות תבנית שכבת הרקע, אפשר להתאים אישית את העיצוב של תפריט שכבת הרקע במסך מלא שמופיע בנייד. ניתן לעיין במדריך שלנו בנושא התאמה אישית של שכבת רקע הניווט.
- יש ללחוץ על 'שמירה' כדי לשמור את השינויים.
מבקרים באתר רגילים לראות סמל או תפריט המבורגר במכשירים ניידים. הצגת תפריט המחשב השולחני, כלומר כיבוי תפריט שכבת הרקע, עלולה להקשות על המבקרים לנווט באתר שלך במכשירים ניידים.
ניתן לעיין במדריך בלוק הניווט כדי ללמוד כיצד להשתמש בכל הכלים והאפשרויות של הבלוק.
תבניות קלאסיות ותבניות של צד שלישי עשויות ליישם הגדרות ברירת מחדל משלהן לאופן שבו התפריט מוצג במכשירים ניידים. מומלץ לעיין בתיעוד של התבנית שבחרת למידע נוסף.
אפשר לקבוע אם תפריט נפתח ייפתח כשמבקר מרחף מעל פריט תפריט או לוחץ עליו, או אם יישאר גלוי תמיד.
כדי להגדיר את הנראות של תת-תפריטים, יש לבצע את הפעולות הבאות:
- מלוח בקרה של האתר, יש לעבור אל מראה ← עורך.
- יש לבחור בתבניות ולבחור תבנית שכוללת את התפריט שלך, כגון דף הבית או עמוד ראשי.
- יש לפתוח את תצוגת הרשימה בפינה השמאלית העליונה של המסך.
- יש לבחור את בלוק הניווט.
- בסרגל הצדי של הגדרות הבלוק, יש ללחוץ על סמל ההגדרות (סמל גלגל השיניים).
- תחת תצוגה, יש למצוא את ההגדרה 'נראות תת-תפריט' ולבחור באחת מהאפשרויות הבאות:
- ריחוף: התפריט הנפתח נפתח כאשר מבקר מרחף מעל פריט התפריט הראשי. אפשר גם לכבות את ההגדרה שמציגה חץ ליד פריט התפריט.
- לחיצה: התפריט הנפתח נפתח כאשר מבקר לוחץ על פריט התפריט הראשי.
- יש ללחוץ על 'שמירה' כדי לשמור את השינויים.
חלק זה של המדריך חל על אתרים עם תוכניות WordPress.com אישית, פרימיום, עסקית ומסחר. עבור אתרים חינמיים, יש לשדרג את התוכנית כדי לגשת לאפשרות זו.
מחלקות CSS הן הגדרה מתקדמת בתפריט, שמאפשרת להחיל מחלקת CSS על פריטי תפריט בודדים.
כדי לדעת באיזה חלק במדריך להשתמש, יש לעבור ללוח הבקרה של WordPress.com ולבדוק מה מופיע תחת מראה בצד שמאל. אם מופיעה האפשרות עורך, יש להשתמש בחלק ערכות עיצוב של בלוקים במדריך זה. אחרת, יש להשתמש בהוראות של תבניות קלאסיות.
כדי להוסיף מחלקת CSS בעורך האתר, יש לבצע את הפעולות הבאות:
- מלוח בקרה של האתר, יש לעבור אל מראה ← עורך.
- יש לבחור בתבניות ולבחור תבנית שכוללת את התפריט שלך, כגון דף הבית או עמוד ראשי.
- יש לפתוח את תצוגת הרשימה בפינה השמאלית העליונה של המסך (הסמל נראה כמו שלושה קווים אופקיים זה מעל זה).
- יש לבחור את בלוק הניווט בתצוגת הרשימה.
- אם לא מופיע בלוק הניווט, אפשר ליצור אחד.
- יש לפתוח את ההגדרות של בלוק הניווט בצד ימין של המסך.
- יש ללחוץ על סמל ההגדרות ⚙️ (גלגל שיניים) ולפתוח את הקטע שנקרא 'מתקדם'.
- יש להוסיף את מחלקת ה-CSS.
אפשר גם להגדיר מחלקת CSS עבור קישורים בודדים בבלוק הניווט. יש לבחור את הקישור הבודד לפני המעבר אל 'מתקדם'.
ניתן לעיין במדריך שלנו בנושא בלוק הניווט כדי ללמוד על כל הכלים והאפשרויות של הבלוק.
למידע נוסף, אפשר לעיין במדריך בנושא הוספת CSS מותאם אישית.
תמיכה 
אתם חייבים להיות מחוברים על מנת לשלוח תגובה.