Wix Editor: יצירת תפריט פופ-אפ שנפתח במסך מלא
4 דקות
השתמשו באלמנט הלייטבוקס (חלונית קופצת) כדי ליצור תפריט פופ-אפ במסך מלא. כשהגולשים מקליקים על כפתור התפריט, הוא ייפתח מעל התוכן שבאתר, בדיוק כמו בדוגמה שלמטה:
שלב 1 | הוסיפו לייטבוקס לאתר
בשלב הראשון מוסיפים לאתר לייטבוקס מחלונית ה-Add Elements (הוספת אלמנטים). בהמשך, תוכלו לעצב אותה מחדש.
כדי להוסיף Lightbox:
- היכנסו ל-editor.
- הקליקו על Add Elements (הוספת אלמנטים) בצד שמאל של ה-editor.
- הקליקו על Interactive (אינטראקטיבי).
- בחרו חלונית לייטבוקס כדי להוסיף אותה לאתר.
(הוספת אלמנטים) בצד שמאל של ה-editor.
שלב 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 (סיום).
כדי לעצב את כפתור התפריט.
.טיפים:
- מקמו את כפתור התפריט במיקום בולט באתר, למשל בחלק העליון. אפשרות אחרת היא להשתמש בתכונת Pin to Screen כדי לנעוץ את האלמנט בחלק העליון של האתר. אם כפתור התפריט שלכם לא ממוקם בחלק העליון, ודאו שהגדרתם אותו כך שיופיע בכל העמודים.
- אתם יכולים גם לעצב כפתור תפריט משלכם. זה יכול להיות כפתור טקסט, כפתור אייקון או כפתור בצורה אחרת; זה תלוי בכם. ראו כמה דוגמאות למטה:
שלב 4 | הסתירו את הכפתור מאתר המובייל
הסתירו את הכפתור שיצרתם מהאתר למובייל, שכבר מכיל תפריט במסך מלא.
כדי להסתיר את הכפתור:
- היכנסו ל-editor למובייל.
- הקליקו על כפתור התפריט שמקושר ללייטבוקס.
- הקליקו על אייקון ההסתרה .
. 