מדריך למתחילים: 2 שיטות מהירות ליצירת תפריט מגה של וורדפרס

מחפש דרך ליצור תפריט מגה של וורדפרס באתר שלך?


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

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

תפריט מגה של וורדפרס: שתי האפשרויות שלך

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

דוגמה לתפריט מגה

אם אתה רוצה ליצור תפריט מגה לאתר WordPress שלך, יש לך שתי גישות כלליות …

אפשרות 1: בדוק אם העיצוב שלך תומך בתפריטים מגה

כמה ערכות הנושא מציעות תמיכה בתפריט מגה מובנה. לדוגמה, נושא Hestia כולל פונקציונליות מובנית ליצירת מגה תפריט.

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

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

אפשרות 2: השתמש בתוסף תפריט מגה של WordPress

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

האם עדיף להשתמש בעיצוב שלך או בתוסף תפריט מגה של WordPress?

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

ובכן, יכול להיות. להלן היתרונות והחסרונות של כל גישה …

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

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

מצד שני, היתרונות של שימוש בתוסף תפריט מגה של WordPress הם:

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

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

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

ישנם כמה תוספים שיכולים להוסיף פונקציות מגה לתפריט לאתר שלך, אך הפופולרי ביותר והדירוג הגבוה ביותר הוא ללא ספק Max Mega Menu:

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

כדי להתחיל, הקפד להתקין ולהפעיל את התוסף Max Mega Menu (למד כיצד להתקין תוסף WordPress). לאחר מכן, אתה מוכן לעקוב אחרי המדריך.

שלב 1: הפעל את הפונקציונליות של מגה בתפריט

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

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

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

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

  • מצא את החדש הגדרות תפריט מקסימום מגה תיבה משמאל
  • בדוק את ה אפשר קופסא
  • לחץ על להציל

כיצד לאפשר פונקציונליות מגה של WordPress בתפריט - -

שלב 2: בנה את פריסת התפריט המגה שלך

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

  • רחף עם העכבר מעל פריט התפריט בו ברצונך להשתמש כדי לפתוח את התפריט מגה
  • לחץ על הכחול תפריט מגה כפתור.

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

הפעל בונה

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

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

הוסף יישומונים לתפריט מגה

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

המשך להוסיף ווידג’טים לכל התוכן שברצונך להציג בתפריט המגה שלך.

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

דאג להציל לאחר כל עריכה.

לאחר שתסיים לבנות את הפריסה שלך, יהיה לך משהו שנראה בערך כך:

פריסת תפריט מגה מוגמרת

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

ובשלב זה, כעת יש לך תפריט מגה עובד:

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

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

* הערה – אם אתה משתמש בעצם בערכת הנושא Hestia, תפריט Max Mega כבר כולל נושא עיצוב שנבנה מראש לתיקון בעיה זו. כל מה שאתה צריך לעשות זה ללכת מראה → תפריטים ובחר את הסטיה אפשרות מה – נושא נפתח ב הגדרות תפריט מקסימום מגה – אין צורך לערוך הגדרות אחרות!

שלב 3: הגדר תצורה של מגה לתפריט (במידת הצורך)

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

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

  • רקע בתפריט
  • תפריט ריחוף רקע

ייתכן שתצטרך לשנות גם את צבע הגופן:

תקן צבעי מגה בתפריט

לאחר שתעשה זאת, התפריט המגה שלך אמור להתאים יותר לסטיילינג של הנושא שלך:

הגדרות אחרות ותכונות פרימיום

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

בנוסף, קיימת גם גרסת פרימיום המעניקה לך:

  • סוגים נוספים של מגה תפריטים
  • תמיכה ב- WooCommerce ותמיכה בהורדות דיגיטליות קלות
  • שליטה רבה יותר על סגנונות

מחשבות אחרונות

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

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

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

יש לך שאלות נוספות בנושא יצירת תפריט מגה לאתר וורדפרס שלך? השאירו תגובה וננסה לעזור!
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map