Wix Harmony Editor: שימוש בתפריטי המבורגר

1. הקליקו על ‎+ Add משמאל למעלה ב-editor.

2. בחרו באפשרות Elements (אלמנטים).

3. הקליקו על אייקון התפריט והחיפוש בצד שמאל.

4. בחרו בלשונית Hamburger Menu (תפריט המבורגר).

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

1. הקליקו על התפריט הרלוונטי.

2. הקליקו על Change Layout (שינוי פריסה) בסרגל הפעולות.

3. בחרו באפשרות Hamburger menu (תפריט המבורגר) תחת Menu (תפריט).

4. 

1. הקליקו על Customize Menu Icon (עריכת אייקון התפריט) בסרגל הפעולות.

2. בחרו אם האייקון שלכם יהיה Static (סטטי) או Animated (מונפש).
   טיפ: אתם יכולים ללחוץ על Create New Animated Icon (יצירת אייקון מונפש חדש) כדי להשתמש באייקון התחלה ואייקון סיום ליצירת אייקון מונפש משלכם.

3. הקליקו על אייקון ההחלפה תחת Choose an icon (בחירת אייקון).

4. בחרו אייקון חדש ממנהל המדיה והקליקו על Update (עדכון).

5. (עבור אייקונים מונפשים) הגדירו את משך האנימציה.

   

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

1. הקליקו על אייקון כל אפשרויות העיצוב בסרגל הפעולות.

2. בחרו את החלק הרלוונטי של הכפתור תחת Choose what to design (בחירה מה לעצב):

   • Open Button: עצבו את כפתור הפתיחה כמכלול – צבע המילוי, המסגרת, הפינות, ההצללה, הריווח, היישור ועוד.

   • Text: הגדירו את העיצוב של הטקסט שמופיע ליד האייקון בכפתור תפריט ההמבורגר.

   • Animated Icon: שנו את הצבע, הגודל וזווית הסיבוב של האייקון המונפש.

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

1. הקליקו על אייקון כל אפשרויות העיצוב בסרגל הפעולות.

2. ודאו שבחרתם באפשרות Hamburger menu תחת Choose what to design (בחירה מה לעצב).

3. עצבו את הקונטיינר:

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

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

   • Corners (פינות): גררו את הסליידר תחת Radius (רדיוס) כדי לעגל או לחדד את פינות הקונטיינר. הקליקו על אייקון עריכת הפינות בנפרד כדי לעצב כל פינה בנפרד.

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

   • Spacing (ריווח): הוסיפו ריווח מסביב לקונטיינר כדי להבטיח שיהיה מרווח לתוכן.

   • Layout (פריסה): החליטו איפה הכול צריך להיות ממוקם – כפתור הסגירה, התפריט בתוך הקונטיינר והקונטיינר ביחס לעמוד. אתם בוחרים כמה מקום הקונטיינר תופס (למשל שליש עמוד, חצי עמוד וכו').

1. הקליקו על התפריט.

2. בחרו מה לעשות עכשיו:

   • ניהול הכפתורים בתפריט: הקליקו על Manage Menu (ניהול תפריט) בסרגל הפעולות והוסיפו, סדרו מחדש או הסירו כפתורים בתפריט.

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

1. הקליקו על Edit Text (עריכת טקסט) בסרגל הפעולות.
2. הוסיפו את הטקסט שאתם רוצים שיופיע ליד האייקון (למשל 'יציאה', 'סגירה').

1. הקליקו על Customize Icon (עריכת האייקון) בסרגל הפעולות.

2. בחרו אם האייקון שלכם יהיה Static (סטטי) או Animated (מונפש).
   טיפ: אתם יכולים ללחוץ על Create New Animated Icon (יצירת אייקון מונפש חדש) כדי להשתמש באייקון התחלה ואייקון סיום ליצירת אייקון מונפש משלכם.

3. הקליקו על אייקון ההחלפה תחת Choose an icon (בחירת אייקון).

4. בחרו אייקון חדש ממנהל המדיה והקליקו על Update (עדכון).

5. (עבור אייקונים מונפשים) הגדירו את משך האנימציה.

1. הקליקו על אייקון כל אפשרויות העיצוב בסרגל הפעולות.

2. בחרו את החלק הרלוונטי של האלמנט תחת Choose what to design (בחירה מה לעצב):

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

   • Icon: שנו את הגודל, הצבע והזווית של האייקון.

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