Wix Editor: יצירת תפריט קופץ במסך מלא
זמן קריאה: 4 דקות
השתמשו באלמנט הלייטבוקס (חלונית קופצת) כדי ליצור תפריט קופץ במסך מלא. כשהגולשים מקליקים על כפתור התפריט, הוא ייפתח מעל התוכן באתר, בדיוק כמו בדוגמה שלמטה:
שלב 1 | הוסיפו לייטבוקס לאתר
התחילו מלהוסיף לאתר לייטבוקס מחלונית ה-Add Elements (הוספת אלמנטים). תוכלו לעצב אותה מחדש בהמשך.
כדי להוסיף Lightbox:
- הקליקו על Add Elements
(הוספת אלמנטים) בצד שמאל של ה-Editor. - בחרו ב-Interactive (אינטראקטיבי).
- בחרו חלונית לייטבוקס כדי להוסיף אותה לאתר.
שלב 2 | הגדירו את תפריט הלייטבוקס
אחרי שהוספתם חלונית קופצת, הגדירו אותה כך שהיא לא תוצג אוטומטית בכל פעם שגולש ייכנס לאתר שלכם. עכשיו תוכלו גם לעצב אותה לפי הטעם שלכם ולהוסיף לה תפריט אנכי.
כדי להגדיר את החלונית הקופצת:
- הקליקו על הלייטבוקס ב-Editor.
- הקליקו על אייקון ההגדרות
. - שנו את השם של הלייטבוקס לשם שיהיה לכם קל לזהות, לדוגמה "תפריט".
- בחרו No (לא) מתחת לאפשרות Automatically display lightbox on pages (הצגה אוטומטית של הליטבוקס בעמודים).
- מחקו את כל האלמנטים שבתוך הלייטבוקס. אל תמחקו את סמל ה-'X'.
- הוסיפו תפריט אנכי לחלונית הקופצת.
- עצבו את התפריט. אנחנו ממליצים שהפונטים של התפריט יהיו גדולים ובמרכז.
- כשאתם מוכנים, הקליקו על Exit Mode (יציאה) למעלה.
טיפ:
אתם יכולים גם לשנות את הרקע של הלייטבוקס ואת שכבת הכיסוי של הרקע כך שיתאימו לאתר שלכם. הפכו את הרקעים לשקופים במקצת כדי לקבל אפקט מעניין!
שלב 3 | הוסיפו כפתור כדי לפתוח את התפריט
עכשיו כשהחלונית הקופצת והתפריט מוכנים, הוסיפו את הכפתור שהגולשים צריכים להקליק עליו כדי לפתוח את התפריט וקשרו אותו לחלונית הקופצת.
כדי להוסיף כפתור:
- הקליקו על Add Elements
(הוספת אלמנטים) בצד שמאל של ה-Editor. - בחרו ב-Decorative (דקורטיבי).
- בחרו ב-Basic Shapes (צורות בסיסיות).
- הקליקו על More Basic Shapes (עוד צורות בסיסיות).
- כתבו "menu" (תפריט) בסרגל החיפוש והקישו על Enter.
- בחרו עיצוב לכפתור התפריט והקליקו על Add to Page (הוספה לאתר).
טיפ: מקמו את כפתור התפריט במיקום בולט באתר, כמו ראש העמוד. - בחרו את כפתור התפריט ב-Editor.
- (לא חובה) הקליקו על אייקון העיצוב
כדי לעצב את כפתור התפריט. - הקליקו על אייקון הלינק
. - בחרו באפשרות Lightbox (חלונית קופצת) משמאל.
- בחרו את הלייטבוקס מהתפריט הנפתח.
- הקליקו על Done (סיום).
טיפים:
- מקמו את כפתור התפריט במיקום בולט באתר. אפשר בראש העמוד, או אולי תרצו להשתמש באפשרות של נעיצת אלמנט כדי לנעוץ לחלק העליון של האתר. אם כפתור התפריט שלכם אינו ממוקם בכותרת העליונה, חשוב שתגדירו שהוא יופיע בכל העמודים.
- אתם יכולים גם לעצב כפתור תפריט משלכם. הוא יכול להיות כפתור טקסט, כפתור אייקון או כל צורה אחרת שתרצו. ראו כמה דוגמאות למטה:
שלב 4 | הסתירו את הכפתור מאתר המובייל
הסתירו את הכפתור שיצרתם מהאתר למובייל, שכבר מכיל תפריט במסך מלא.
כדי להסתיר את הכפתור:
- גשו אל עורך המובייל.
- הקליקו על כפתור התפריט שמקושר ללייטבוקס.
- הקליקו על אייקון ההסתרה
.
זה עזר לך?
|