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

להתאים אישית את עיצוב התפריט

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

לשנות את עיצוב התפריט בעורך האתר

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

  1. מלוח הבקרה יש לעבור אל מראה ← עורך.
  2. יש ללחוץ בצד הימני של המסך כדי לפתוח את אזור העריכה.
    • לחלופין, אפשר לבחור מקבצי בלוקים ולבחור את הכותרת העליונה או כל חלק תבנית אחר שכולל את התפריט שלך.
  3. יש לפתוח את תצוגת הרשימה בפינה השמאלית העליונה של המסך (הסמל נראה כמו שלושה קווים אופקיים זה מעל זה).
  4. יש לבחור את בלוק הניווט בתצוגת הרשימה:
"תצוגת רשימה" עם הדגשה של בלוק הניווט.
לבחור בבלוק הניווט בתצוגת רשימה
  1. להציג את ההגדרות של בלוק הניווט בצידו הימני של המסך.

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

סמל ההגדרות בחלק העליון של העורך של WordPress מודגש.
סמל ההגדרות בפינה הימנית העליונה
  1. יש ללחוץ על הלשונית סגנונות, המיוצגת בעיגול שחור ולבן בתוך ההגדרות של בלוק הניווט.
  2. מכאן, אפשר להשתמש בהגדרות הצבע כדי לבחור או להתאים אישית את הצבע של המרכיבים הבאים של התפריט:
    • טקסט
    • רקע
    • טקסט תת-תפריט ושכבת רקע
    • רקע של ת ושכבת רקע
  3. אפשר להשתמש בהגדרות הטיפוגרפיה כדי להתאים את גודל הגופן, המרווח בין אותיות, השימוש באותיות רישיות ועוד.
  4. יש להשתמש בהגדרות ממדים כדי להתאים את המרווח בין פריטי התפריט.
  5. יש ללחוץ על הכפתור לשמור כדי לשמור את השינויים שלך.

סרטון הדרכה

לשנות את הצבעים של התפריט בכלי ההתאמה האישית

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

  1. יש לעבור אל לוח הבקרה של האתר.
  2. יש לעבור אל מראה ← להתאים אישית..
  3. יש לבחור את האפשרות צבעים ורקעים, שם אפשר למצוא מספר עיגולים. כל עיגול יקבע את הצבע של האלמנטים השונים באתר שלך, כגון צבע הקישורים וצבע הרקע.
  4. לכל ערכת עיצוב יש מאפיינים שונים ולכן, יש לבחור כל עיגול כדי לבדוק אילו אלמנטים משנים את הצבע שלהם. בבחירת צבע חדש – החלון של התצוגה המקדימה מימין יציג לך את הצבע החדש באתר שלך.
  5. אם התוצאה מוצאת חן בעיניך, יש ללחוץ על "לשמור את השינויים" כדי להחיל את הצבעים החדשים באתר שלך.
אפשרויות הצבע מציגות חמישה עיגולים שניתנים ללחיצה לצורך בחירה בצבע.

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

להזיז את התפריט

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

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

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

במקום זאת, נהוג לכווץ את פריטי התפריט מאחורי כפתור שנקרא תפריט "שכבת רקע" או "המבורגר" (מאחר ששלושת הקווים האופקיים נראים קצת כמו המבורגר).

דוגמה של כפתור תפריט בנייד.

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

הגדרות תפריט של שכבת רקע בבלוק הניווט.
הגדרות תפריט של שכבת רקע בבלוק הניווט.

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

שינויים אחרים בעיצוב

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

סיווגי CSS עבור פריטי תפריט

אפשרות זאת זמינה באתרים המנויים על התוכניות Explorer‏, Creator או Entrepreneur ב-WordPress.com ועל התוכנית Pro (מדור קודם). באתרים בתוכנית החינמית ובתוכנית Starter, ניתן לשדרג את התוכנית כדי לגשת לאפשרות הזאת.

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

אם ערכת העיצוב שלך משתמשת בעורך האתר (כלומר, ניתן לראות מראה ← עורך), אפשר למצוא את האפשרות של סיווגי ה-CSS בהגדרות המתקדמות של בלוק הניווט.

כדי להפעיל את האפשרות סיווגי CSS בערכת עיצוב קלאסית (מראה ← התאמה אישית), יש לבצע את הפעולות הבאות:

  1. יש לעבור אל לוח הבקרה של האתר.
  2. יש לעבור אל מראה ← התאמה אישית ← תפריטים.
  3. יש לבחור את הסמל ⚙ (גלגל שיניים) כדי לפתוח את ההגדרות המתקדמות של התפריט.
  4. יש לוודא שהתיבה 'סיווגי CSS' מסומנת, כפי שמופיע בתמונה מימין.
סמל ההגדרות מסומן במספר 1 והתיבה 'סיווגי CSS' מסומנת במספר 2.

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

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

בדוגמה שלמעלה, אפשר לעצב את פריט התפריט עם הבורר ‎‎.twitter בקוד ה-CSS שלך.

Copied to clipboard!