רוחב, רקע ומרווחים: הגדרות ״מעטפת״ של סקשן
הלשונית ״מעטפת״ קובעת את מסגרת הסקשן — אם הוא פעיל, על אילו מכשירים הוא מוצג, רוחבו, הרקע שלו, המרווחים ואפקט הכניסה.
המדריך הזה מסביר את לשונית ״מעטפת״ שבתחתית פאנל ההגדרות של כל סקשן בקומפוזר — הגדרות שאינן שייכות לתוכן הסקשן אלא למסגרת שסביבו, וזהות בכל סוגי הסקשנים.
לפתיחתה: בחרו סקשן בקומפוזר, וגללו בפאנל השמאלי מתחת ל״תוכן״ ו״עיצוב״ עד ״מעטפת״.
מי רואה את הסקשן
- ״הסקשן פעיל״ — מתג הדלקה/כיבוי. מכובה, הסקשן נשאר בעמוד אבל אינו מוצג לאף אחד. אותו דבר בדיוק קורה בלחיצה על אייקון העין שעל הכרטיס.
- ״מוצג ב״ — ״בכל מקום״, ״דסקטופ״ או ״מובייל״. כך מציגים באנר צר לטלפון ובאנר רחב למחשב באותו עמוד.
שים לב: סקשן שמוגדר ״דסקטופ״ בלבד עדיין נטען בטלפון — הוא רק לא מוצג. אל תשתמשו בזה כדי להאיץ עמוד; השתמשו בזה כדי לשלוט בתצוגה.
רוחב
- ״מקצה לקצה״ — הסקשן נוגע בשולי המסך. מתאים לבאנרים ולתמונות גדולות.
- ״רוחב התוכן״ — מיושר לשאר העמוד. ברירת המחדל, ומתאימה לרוב הסקשנים.
- ״מותאם״ — פותח את השדה ״רוחב מותאם (px)״, בין 300 ל־2400.
רקע
ב״רקע״ בוחרים אחת מחמש, וכל בחירה פותחת את השדות שלה:
- ״בלי״ — רקע העמוד.
- ״צבע״ — פותח ״צבע״.
- ״גרדיינט״ — פותח ״צבע״, ״צבע שני״ ו״זווית הגרדיינט״ (0 עד 360).
- ״תמונה״ — פותח ״תמונת רקע״ ואת ״החשכת הרקע (%)״.
- ״וידאו״ — פותח ״וידאו רקע״ ואת ״החשכת הרקע (%)״.
שים לב: שדות הווידאו באתר מצפים לקובץ וידאו אמיתי — קובץ mp4 שהעליתם לספריית המדיה. הדבקת קישור ליוטיוב או לוויט לא תעבוד: יופיע ריבוע ריק. השתמשו בכפתור ״בחירה״ שלצד השדה כדי לבחור קובץ מהספרייה.
מרווחים
״רווח מעל״ ו״רווח מתחת״ — לכל אחד ארבע מדרגות: ״בלי״, ״קטן״, ״רגיל״, ״גדול״. ברירת המחדל בשניהם היא ״רגיל״.
טריק שימושי: שני סקשנים שאמורים להיראות כיחידה אחת — קבעו ״רווח מתחת: בלי״ לעליון ו״רווח מעל: בלי״ לתחתון, והתפר ביניהם ייעלם.
אפקט כניסה
״אפקט כניסה״ קובע איך הסקשן מופיע כשגוללים אליו:
- ״בלי״ — מופיע מיד.
- ״פייד״ — נדלק בהדרגה. ברירת המחדל.
- ״עלייה״ — עולה מעט תוך כדי הופעה.
- ״אחד־אחד״ — הפריטים שבתוכו נכנסים בזה אחר זה. יפה במדף מוצרים או בשורת אייקונים.
שים לב: אל תבחרו ״אחד־אחד״ לכל סקשן בעמוד. כשהכול נכנס בהדרגה, שום דבר לא מושך את העין וגלילה בעמוד מרגישה איטית.
קשור
- content-composer-basics
- content-composer-blocks
- content-composer-preview
- content-composer-hero