Wix Harmony Editor: הוספה וניהול של תפריטים

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

דוגמה לתפריט אתר אופקי עם תפריט נפתח באתר פעיל של Wix Harmony

התפריטים עוזרים לגולשים לנווט בין עמודי האתר. בקטגוריה Menu (תפריט) בחלונית Add Elements (הוספת אלמנטים), בחירה באחת האפשרויות Horizontal (אופקי), Vertical (אנכי) או Hamburger (תפריט "המבורגר") תוסיף תפריט אתר שיחובר לעמודי האתר שלכם (כלומר, אם תיצרו עמודים חדשים, הם יופיעו אוטומטית בתפריט הזה).

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

כדי להוסיף תפריט:

היכנסו ל-editor.
הקליקו על ‎+ Add בפינה השמאלית העליונה של ה-editor.
בחרו בקטגוריית Menu (תפריט).
טיפ: הקליקו על סמל החץ ליד הקטגוריות כדי לעיין ברשימה.
בצעו את השלבים הבאים בהתאם לסוג התפריט שאתם רוצים להוסיף:

תפריט האתר

תפריט משלכם

הידעתם?

אם תוסיפו סרגל תפריט ל-header, הוא יהפוך באופן אוטומטי לתפריט המבורגר במובייל. כך הניווט באתר יהיה נקי ומסודר במסכים קטנים יותר.

העמוד הראשי של הקטגוריה Menu (תפריט) בחלונית Add Elements (הוספת אלמנטים) ב-Wix Harmony Editor

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

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

כדי לנהל תפריט:

היכנסו ל-editor.
הקליקו על התפריט.
הקליקו על Manage Menu (ניהול התפריט).
בחרו מה לעשות עכשיו:

להוסיף פריטים לתפריט

לשנות לינק של פריט בתפריט

לשנות שם של פריט בתפריט

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

לשנות את סדר הפריטים בתפריט

תפריט אתר ב-Wix Harmony והחלונית Manage Menu (ניהול התפריט)

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

כדי להוסיף ולהגדיר רשימה נפתחת:

היכנסו ל-editor.
הקליקו על התפריט.
הקליקו על Manage Menu (ניהול התפריט).
החליטו איזה פריט מהתפריט יהיה הכותרת של הרשימה הנפתחת.
העבירו את הפריט הראשון לרשימה הנפתחת:
1. גררו את הפריט הרלוונטי אל מתחת לכותרת הרשימה הנפתחת.
2. עברו עם העכבר מעל הפריט שגררתם והקליקו על אייקון הפעולות הנוספות .
3. בחרו ב-Move under "Page Name"‎ (העברה תחת "שם עמוד").
באותו אופן העבירו לרשימה הנפתחת את כל שאר הפריטים שאתם רוצים להעביר.

תפריט אתר ב-Wix Harmony והחלונית Manage Menu (ניהול התפריט), כאשר סמן העכבר מקליק על פריט כדי להעביר אותו אל מתחת לפריט אחר וליצור תפריט נפתח

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

דרך מהירה יותר להכניס עמודים לתפריט הנפתח שיצרתם היא לגרור עמוד כלפי מעלה או כלפי מטה ואז קצת ימינה עד שהוא "ייתפס" מתחת לעמוד אחר. ה-GIF למטה מראה איך הפעולה הזאת נראית.

חלונית Manage Menu ב-Wix Harmony; המשתמש גורר פריטים כדי שהם יקננו מתחת לתפריט נפתח

שינוי פריסת התפריט

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

כדי לשנות את פריסת התפריט:

היכנסו ל-editor.
הקליקו על התפריט.
הקליקו על Change Format (שינוי הפורמט) בסרגל הפעולות.
בחרו את האפשרות הרלוונטית תחת Menu (תפריט):
- Menu bar (סרגל תפריט): הפריטים בתפריט מוצגים בסרגל ניווט. תחת Orientation (כיוון), בחרו אם הסרגל יהיה אופקי או אנכי.
  טיפ: בתפריטים אופקיים, אתם יכולים לבחור גם את התנהגות הפריטים ( Item behavior) במקרה שאין מספיק מקום לפריטים במסך של הגולש — אפשר להגדיר שהתפריט יתרחב (Fit to text) או להוסיף כפתור שיאפשר לגלול בין הפריטים הנוספים (Fit to scroll).
- Hamburger (המבורגר): הגולשים יראו אייקון שמקליקים עליו כדי לפתוח את התפריט. זו אפשרות מעולה לפריסות נקיות ומינימליסטיות.

תפריט אתר ב-Wix Harmony Editor והחלונית Change Format עם האפשרויות שלה

עיצוב תפריטים אנכיים ואופקיים

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

מעצבים תפריט המבורגר?

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

כדי לעצב תפריט אנכי או אופקי:

היכנסו ל-editor.
הקליקו על התפריט.
הקליקו על האייקון כל אפשרויות העיצוב בסרגל הפעולות.
בחרו את החלק הרלוונטי בתפריט תחת Choose a Menu bar part (בחירת חלק של סרגל התפריט).

סרגל התפריט והפריטים בתפריט

רשימות נפתחות והפריטים בהן

תפריט אתר ב-Wix Harmony והחלונית Design (עיצוב), שבה מסומן התפריט הנפתח שבו בוחרים חלק שרוצים לעצב

עבודה עם תפריטים במובייל

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

כדי לערוך את תפריט ה-header במובייל:

היכנסו ל-editor.
הקליקו על אייקון המובייל בפינה הימנית העליונה של העמוד.
הקליקו על סמל תפריט ההמבורגר.
הקליקו על הרשימה הנפתחת Regular Mode (מצב רגיל) ובחרו ב-Hamburger Menu (תפריט המבורגר).

המשתמש מקליק על התפריט הנפתח Regular Mode (מצב רגיל) ליד אייקון תפריט ההמבורגר בתצוגת המובייל ב-Wix Harmony Editor

בחרו מה לעשות עכשיו:
- למקם מחדש אלמנטים בתוך הקונטיינר: גררו אלמנטים למקום הרצוי בקונטיינר של תפריט ההמבורגר.
- להוסיף אלמנטים לקונטיינר: השתמשו בחלונית Add Elements (הוספת אלמנטים) כדי להוסיף עוד אלמנטים לקונטיינר של תפריט ההמבורגר. האלמנטים האלה מיועדים למובייל בלבד ולכן הם לא מופיעים בגרסת המחשב של האתר.
- להחזיר אלמנט ל-header: הקליקו קליק ימני על האלמנט ובחרו באפשרות Move to Header.

תפריט המבורגר בתצוגת המובייל של אתר Wix Harmony. המשתמש מקליק קליק ימני על כפתור כדי להחזיר אותו ל-header

שאלות נפוצות

הקליקו על השאלות למטה לפרטים נוספים.

האם אפשר לשנות את גודל סרגל התפריט?

האם אפשר להוסיף כמה תפריטים ל-header?

האם עמוד שמסירים מהתפריט נמחק מהאתר?

האם חייבים להציג את כל עמודי האתר בתפריט?

הוספת תפריט