Wix Editor: עריכת הלייטבוקס שלכם

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

שינוי הפריסה של הלייטבוקס

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

כדי לבחור את הפריסה של הלייטבוקס:

  1. פתחו את חלונית הלייטבוקס הרלוונטית מהחלונית Menus & Pages (תפריטים ועמודים).
  2. הקליקו על הלייטבוקס.
  3. הקליקו על אייקון הפריסה .
  4. בחרו איך תרצו לשנות את הפריסה:
    • Set position : בחרו את מיקום הלייטבוקס בעמוד.
    • Horizontal offset : הזיזו את החלונית ימינה או שמאלה במסך.
    • Vertical offset: הזיזו את החלונית למעלה או למטה במסך.
חלונית הפריסה של הלייטבוקס. סמן העכבר נמצא מעל האפשרות למקם את תיבת הלייטבוקס במרכז.

שינוי שכבת הכיסוי של הלייטבוקס

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

כדי לשנות את שכבת הכיסוי:

  1. פתחו את חלונית הלייטבוקס הרלוונטית מהחלונית Menus & Pages (תפריטים ועמודים).
  2. הקליקו על שכבת הכיסוי (הרווח שמסביב ללייטבוקס).
  3. הקליקו על Change Overlay Background (שינוי רקע שכבת הכיסוי).
  4. בחרו את סוג שכבת הכיסוי הרצויה בלייטבוקס: 
    • Color: בחרו צבע לשכבת הכיסוי מתוך פלטת בחירת הצבעים.
    • Image: (תמונה) בחרו תמונה משלכם, של Wix, או של Shutterstock.
    • Video: בחרו סרטון חינמי של Wix או העלו סרטון משלכם.
  5. (לא חובה) הקליקו על Settings (הגדרות) כדי לשנות את שכבת הכיסוי לפי ההעדפה שלכם.
טיפ:
אנחנו ממליצים שהכיסוי יהיה מעט שקוף, כדי שהגולשים עדיין יוכלו לראות את העמוד שמאחורי הלייטבוקס, אבל יבינו שהוא חסום.
חלונית הרקע של שכבת הכיסוי. סמן העכבר נמצא מעל כפתור ה-'Settings' (הגדרות).
שימו לב:
  • אין אפשרות לערוך את שכבת הכיסוי של החלונית בגרסת המובייל של האתר.
  • אם תוסיפו שכבת כיסוי של צבע או תמונה באתר למחשב, השכבה הזו תופעל אוטומטית באתר המובייל. עם זאת, אם תוסיפו שכבת כיסוי של סרטון, היא תהפוך לתמונת סטילס של הסרטון בגרסת המובייל של האתר.

הגדרת הרקע של הלייטבוקס

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

כדי לבחור רקע ללייטבוקס:

  1. פתחו את חלונית הלייטבוקס הרלוונטית מהחלונית Menus & Pages (תפריטים ועמודים).
  2. הקליקו על הלייטבוקס.
  3. הקליקו על אייקון העיצוב .
  4. הקליקו על סוג הרקע שאתם רוצים עבור ה-lightbox שלכם:
  5. (לא חובה) הקליקו על Settings (הגדרות) כדי לשנות את שכבת הכיסוי לפי ההעדפה שלכם.
רקע הלייטבוקס ב-Editor. סמן העכבר נמצא מעל האפשרות 'color' (צבע).

שינוי כפתור הסגירה של הלייטבוקס

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

כדי לערוך וליישר את טקסט הכפתור:

  1. פתחו את חלונית הלייטבוקס הרלוונטית מהחלונית Menus & Pages (תפריטים ועמודים).
  2. הקליקו על הכפתור. 
  3. שנו את הטקסט שמופיע בכפתור:
    1. הקליקו על Change Text (שינוי טקסט).
    2. הוסיפו את הטקסט לשדה.
    3. לחצו על Enter במקלדת.
  1. שנו את יישור הטקסט בכפתור:
    1. הקליקו על אייקון הפריסה .
    2. בחרו איך הטקסט מתיישר; לימין, למרכז או לשמאל הכפתור.
חלונית הפריסה של כפתור הסגירה. סמן העכבר נמצא מעל האפשרות ליישר את הטקסט למרכז.

כדי לעצב את כפתור הסגירה של הלייטבוקס:

  1. פתחו את חלונית הלייטבוקס הרלוונטית מהחלונית Menus & Pages (תפריטים ועמודים).
  2. הקליקו על הכפתור. 
  3. הקליקו על אייקון העיצוב
  4. בחרו עיצוב והקליקו על Customize Design כדי לערוך בו שינויים נוספים.
  5. הקליקו על ערך קבוע מראש בחלק העליון.
  6. בחרו לאיזה מצב אתם רוצים להתאים את העיצוב:
    • Regular: איך הכפתור נראה לפני שהגולשים מפעילים אותו.
    • Hover: איך הכפתור נראה כשהגולשים מעבירים מעליו את סמן העכבר.
  7. בחרו מה הייתם רוצים לעצב ולהתאים:
  • Fill color & opacity  : בחרו צבע רקע לכפתור ושנו את הנראות שלו.
  • Border undefined : הוסיפו גבולות לכפתור כדי ליצור ניגוד אל מול הלייטבוקס. בחרו צבע והגדירו את הרוחב כדי להגדיל או להקטין אותו בהתאם לצורך.
  • Corners undefined : בחרו איך ייראו הפינות של הכפתור. אתם יכולים להתאים כל פינה בצורה שונה, ולהפוך אותן לעגולות או מרובעות יותר.
  • Shadow undefined : הוסיפו הצללות לכפתור כדי לקבל אפקט תלת מימדי מעניין. אתם יכולים להגדיר את הגודל, הנראות, הזווית ועוד כדי להגביר את ההשפעה שלו.
  • Text undefined : התאימו אישית את טקסט הכפתור באמצעות הגדרות כמו פונט, גודל ומרווח. אתם גם יכולים גם להוסיף עיצובים כמו מודגש ונטוי, ולבחור את הצבע.
שימו לב:
אפשרויות העריכה הזמינות תלויות בכמה גורמים:
  • ערכת העיצוב המוכנה שתבחרו.
  • המצב שבו תבחרו לעצב (רגיל או מעבר עם העכבר).
חלונית העיצוב של סגירת האייקון. סמן העכבר נמצא מעל הטאב Text, שפתוח.

התאמה אישית של אייקון ה-X

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

כדי לשנות את אייקון ה-X:

  1. פתחו את הלייטבוקס הרלוונטית מהחלונית Menus & Pages (תפריטים ועמודים).
  2. הקליקו על אייקון סגירת תיבת הלייטבוקס (X).
  3. הקליקו על אייקון העיצוב .
  4. בחרו איך אתם רוצים להתאים אישית את אייקון ה-X:
    • Select a new design: הקליקו על עיצוב מוגדר מראש מהחלונית כדי להגדיר לאייקון עיצוב חדש.
    • Customize the icon: הקליקו על Customize Design (עריכת עיצוב) וערכו את האייקון איך שאתם רוצים:
      • Fill color & opacity: בחרו את צבע האייקון מפלטת בחירת הצבעים והשתמשו בפס ההזזה כדי להפוך אותו לפחות או ליותר גלוי.
      • Border: בחרו צבע למסגרת האייקון והגדירו את הרוחב שלו (בפיקסלים).
חלונית העיצוב של אייקון ה-X. הסמן נמצא מעל פס הזזה של רוחב הגבול.

זה עזר לך?

|