Wix Editor: הוספה והגדרה של מגה-תפריט
6 דקות
מגה-תפריטים הם קונטיינרים שאתם יכולים להוסיף כפריטים לתפריט אופקי מתקדם. כשגולשים עוברים עם העכבר מעל הפריט באתר שבאוויר, הקונטיינר נפתח.
צרפו אלמנטים לקונטיינר כדי להציג תוכן חשוב ורלוונטי. אתם יכולים לשנות גם את המראה שלהם כדי לספק לגולשים חווית ניווט ייחודית.
שלב 1 | הוסיפו והגדירו תפריט אופקי מתקדם
כדי להתחיל, הוסיפו לעמוד תפריט אופקי והגדירו אותו כתפריט מתקדם. תפריטים מתקדמים עוזרים לכם ליצור חווית גלישה מותאמת ומאורגנת עבור הגולשים, עם אפשרויות מרובות לניווט ולפריטים.
כדאי שתדעו:
אפשר להוסיף קונטיינר של מגה תפריט רק לתפריט אופקי שהגדרתם כתפריט מתקדם. קונטיינרים של מגה תפריטים לא נתמכים בתפריטים רגילים באתר, בתפריטים עם ערכת נושא או בתפריטים אנכיים.
כדי להוסיף ולהגדיר תפריט אופקי מתקדם:
- הקליקו על Add Elements (הוספת אלמנטים) בצד שמאל של ה-Editor.
- בחרו ב-Menu & Anchor (תפריט ועוגן).
- הקליקו על Horizontal Menus (תפריטים אופקיים).
- הקליקו על עיצוב התפריט שבחרתם וגררו אותו למקום הרצוי בעמוד.
- הגדירו את התפריט כתפריט מתקדם:
- בחרו את התפריט החדש ב-Editor.
- הקליקו על אייקון ההגדרות .
- בחרו ב-Set as Advanced (הגדרה כמתקדם).
- הקליקו על Set as Advanced (הגדרה כמתקדם) בחלון הקופץ.
.
שלב 2 | הוסיפו מגה תפריט לתפריט המתקדם
כשיש לכם תפריט אופקי מתקדם, הוסיפו את קונטיינר המגה-תפריט כפריט ותנו לו שם מתאים. אנחנו ממליצים להשתמש בכותרת שמשקפת את התוכן המיועד, כמו "מה אנחנו מציעים" או "הסיפור שלנו".
כדי להוסיף מגה-תפריט:
- בחרו בתפריט המתקדם ב-Editor.
- הקליקו על Manage Menu (ניהול תפריט).
- הקליקו על + Add Menu Item (הוספת פריט בתפריט) בתחתית החלונית.
- בחרו ב-Mega Menu (מגה-תפריט).
- הוסיפו את כותרת הקונטיינר לשדה.
- הקליקו על Done (סיום).
שלב 3 | הוסיפו תוכן לקונטיינר
אחרי שהוספתם את שם הקונטיינר, הוסיפו אלמנטים כמו כפתורים, צורות וטקסט כדי ליצור את התוכן שאתם רוצים.
כדי להוסיף אלמנטים:
- עברו עם העכבר מעל קונטיינר המגה-תפריט בחלונית ה-Manage Menu (ניהול תפריט).
- הקליקו על Edit (עריכה).
- הקליקו על Add Elements (הוספת אלמנטים) בצד שמאל של ה-Editor.
- בחרו את האלמנט שאתם רוצים להוסיף.
- הקליקו על האלמנט וגררו אותו למיקום הנבחר בקונטיינר.
(הוספת אלמנטים) בצד שמאל של ה-Editor.
שלב 4 | שנו את הפריסה של קונטיינר המגה תפריט
אחרי שהוספתם את האלמנטים שאתם רוצים, שנו את הפריסה של קונטיינר המגה-לתפריט כך שתתאים למבנה העמוד. אתם יכולים להתאים את המרווח, ולבחור כמה למתוח את הקונטיינר.
כדי לשנות את הפריסה:
- הקליקו על הקונטיינר של המגה-תפריט.
- הקליקו על Change Layout (שינוי פריסה).
- השתמשו באפשרויות כדי להתאים את הקונטיינר:
- Choose a layout: בחרו אם הקונטיינר יימתח לכל רוחב המסך של הגולשים, או לרוחב של עמוד האתר (בתוך קווי הרשת).
- Spacing between menu and submenu: גררו את פס ההזזה כדי להגדיל או להקטין את המרווח בין התפריט לקונטיינר המגה-תפריט.
שלב 5 | ערכו את העיצוב של המגה תפריט
אחרי ששיניתם את הפריסה של הקונטיינר, עצבו את הגבולות, הרקע שלו ועוד. כדי לשמור על מראה עקבי, שינויים שתבצעו במגה-תפריט יופעלו גם על כל תפריטי המשנה שהוספתם.
כדי לשנות את העיצוב של הקונטיינר:
- הקליקו על Exit Mode (מצב יציאה) בסרגל ה-Mega Menu Mode (מצב מגה-תפריט).
2. הקליקו על התפריט המתקדם.
3. הקליקו על אייקון העיצוב .
.4. הקליקו על Customize Design (עריכת העיצוב).
5. בחרו ב-Submenu container (קונטיינר תפריט משנה) מהתפריט הנפתח What do you want to design? (מה אתם רוצים לעצב?).
6. השתמשו באפשרויות לעיצוב הקונטיינר.
הצגת אפשרויות עיצוב
(מילויי רקע):
(מסגרות):
כדי לבחור אם כל צדדי המסגרת יהיו זהים או בגדלים שונים.
(פינות):
(הצצלות):
(פריסה):
שימו לב:
רק אפשרויות עיצוב שמיוצרות בקונטיינר של תפריט המשנה מופעלות במגה-תפריט. שינויים שאתם מבצעים בפריטים של תפריט המשנה לא יחולו על אלמנטים שהוספתם לקונטיינר של מגה-תפריט.
מה השלב הבא?
יש מגוון אפשרויות שזמינות עם תפריט אופקי מתקדם. אתם יכולים:
- לנהל את התפריט המתקדם כדי להציג את הפריטים הרצויים.
- לערוך את העיצוב כך שיתאים לערכת הנושא של האתר.
- לשנות את פריסת התפריט כדי להגדיר את היישור, המרווח ועוד.