header-logo
איך לבנות את האתר והעסק שלכם עם Wix
עיצוב וניהול האתר בעזרת הפיצ'רים האינטואיטיביים של Wix
ניהול המנויים, התוכניות והחשבוניות
ניהול העסק והלקוחות ישירות מהנייד
איך קונים דומיין ומחברים או מעבירים אותו לאתר
כלים לפיתוח העסק והנוכחות שלכם אונליין
כלי שיווק ו-SEO להגדלת החשיפה של העסק
פיצ'רים מתקדמים לייעול העבודה שלכם
פתרונות לבעיות, עדכונים על תקלות ויצירת קשר עם Wix
placeholder-preview-image
שיפור המיומנויות שלכם בעזרת קורסים ומדריכים מוכנים
טיפים ועצות בעיצוב אתרים, שיווק ועוד
איך להגדיל את התנועה האורגנית לאתר דרך מנועי החיפוש
בניית אתר עם פלטפורמת ה-full-stack שלנו
במאגר שלנו תוכלו למצוא מומחי Wix בתשלום שיעזרו לכם להשיג את היעדים שלכם
placeholder-preview-image

Studio Editor: עיצוב רשימות נפתחות בתפריט האתר

8 דקות
אחרי שתוסיפו ותגדירו תפריט נפתח, תוכלו לשנות את העיצוב שלו כרצונכם, כולל שינוי המראה והיישור של הקונטיינר והתפריט, כדי ליצור מראה מותאם אישית עבור הלקוחות ולחזק את המותג שלהם.
לפני שמתחילים:
את התפריט הנפתח אפשר להוסיף רק בתפריטים חדשים ב-Studio Editor. אם יש לכם תפריט מגרסה קודמת, אתם יכולים ליצור תפריטי משנה ולהוסיף מגה-תפריטים (mega menus).

עריכת הפריסה של תפריטים נפתחים

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

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

  1. עברו ל-editor.
  2. הקליקו על שורת התפריט או על סמל תפריט ההמבורגר.
  3. (תפריטי המבורגר) הקליקו על Edit Menu (עריכת התפריט) כדי לפתוח את מצב עריכת תפריט ההמבורגר, ובחרו את התפריט.
  4. הקליקו על אייקון הפריסה .
  5. בחרו בלשונית Dropdown (תפריט נפתח).
  6. השתמשו באפשרויות כדי לשנות את הפריסה:
שימו לב:
האפשרויות הזמינות תלויות בסוג התפריט (סרגל ניווט או המבורגר), ובכיוון התפריט (אופקי או אנכי) שתבחרו.
הלשונית הנפתחת של חלונית פריסת התפריט. סמן העכבר מקליק על אפשרות הרווח מעל כפתורי משנה

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

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

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

  1. עברו ל-editor.
  2. הקליקו על שורת התפריט או על סמל תפריט ההמבורגר.
  3. (תפריטי המבורגר) הקליקו על Edit Menu (עריכת התפריט) כדי לפתוח את מצב עריכת תפריט ההמבורגר, ובחרו את התפריט.
  4. הקליקו ב-editor מימין למעלה על אייקון פתיחת כלי ה-Inspector (עריכה) .
צילום מסך של פתיחת חלונית Inspector (עריכה) ב-Studio Editor.
  1. בחרו את האלמנט שאתם רוצים לעצב:
    • Dropdown container (הקונטיינר הנפתח)
    • Dropdown menu container (קונטיינר של תפריט נפתח)
    • Dropdown items (כפתורים בתפריט הנפתח)
    • Dropdown sub-items (כפתורי משנה בתפריט הנפתח)
  2. (כפתורים / כפתורי משנה בתפריט הנפתח) בחרו את המצב הרלוונטי: Regular (רגיל), Hover (מעבר עם העכבר) או Current page (העמוד הנוכחי). 
  3. ערכו את העיצוב של הקונטיינר הנפתח באמצעות האפשרויות הזמינות:
    • Background fills: שנו את צבע הרקע של התפריט הנפתח, או הוסיפו גרדיאנט (מעבר צבע) שמושך את העין, כולל התאמת רמת האטימות והוספת מספר שכבות בהתאם לצורכי העיצוב שלכם.
    • Borders: שנו את הרוחב והצבע של מסגרת הקונטיינר הנפתח.
    • Corners: שנו את הרדיוס של הפינות של התפריט הנפתח כדי להפוך אותן לעגולות או או מרובעות יותר.
    • Text: שנו את הסגנון והעיצוב של הכפתורים וכפתורי המשנה בתפריט הנפתח.
    • Shadow: הוסיפו הצללות לתפריט הנפתח ושנו את הזווית, הצבע, המרחק ועוד.
מה ההבדל בין קונטיינרים?
  • Dropdown Container: מציג את כל האלמנטים והתפריטים שהוספתם לכפתור בתפריט הנפתח.
  • קונטיינר של תפריט נפתח: מציג רק את הכפתורים של התפריט הנפתח. הוא מקונן בתוך הקונטיינר הנפתח.
חלונית ה-Inspector (עריכה) פתוחה. סמן העכבר מקליק על האפשרות לקו תחתון של הכפתורים הנפתחים.

(תפריטים אופקיים) עיצוב תפריטים נפתחים בנפרד

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

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

  1. הקליקו על התפריט האופקי ב-editor.
  2. הקליקו על Manage Menu (ניהול התפריט).
  3. עברו עם העכבר מעל התפריט הנפתח הרלוונטי והקליקו על Edit (עריכה).
  4. בחרו איך לעצב את התפריט הנפתח:
שימו לב:
המתגים Edit this dropdown only (עריכת תפריט נפתח זה בלבד) בחלונית ה-Inspector ובחלונית הפריסה מחוברים. כשאתם מכבים או מפעילים את המתג באחת מהחלוניות האלה, הוא נכבה / מופעל אוטומטית בחלונית השנייה.