Wix Editor: עיצוב ואפיון של ראש העמוד (Header)
זמן קריאה: 4 דקות
ראש העמוד (header) הוא המקטע שנמצא בחלק העליון של האתר שלכם ובדרך כלל מכיל את התפריט והלוגו של האתר. ראש העמוד הוא זה שיוצר את הרושם הראשוני של הגולשים מהאתר, ולכן אנו ממליצים לעצב אותו באופן שיתאים לערכי המותג שלכם ולעיצוב הכללי של האתר.
בחרו את העיצוב ואפקט הגלילה של ראש העמוד, והגדירו את הגודל ואת עיצוב המסגרת שלו כדי להרשים את הגולשים.
האלמנטים שבראש העמוד יוצגו אוטומטית בכל העמודים שבהם הוא מופיע.
עריכת העיצוב של ראש העמוד
אתם יכולים לשנות את העיצוב של ראש העמוד כך שיתאים לאתר שלכם. בחרו עיצוב מתוך מגוון העיצובים המוגדרים מראש, וערכו הגדרות כמו הצבע, הריווח והפינות.
כדי לערוך את העיצוב של ראש העמוד:
- הקליקו על ה-Header (ראש העמוד)
- הקליקו מימין על אייקון הפעולות הנוספות
.
- הקליקו על Change Header Design (שינוי העיצוב של ראש העמוד).
- הקליקו על מצב Regular (רגיל) או Scroll (גלילה).
- השתמשו באפשרויות ההתאמה האישית של עיצוב ראש העמוד:
- Fill Color & Opacity (צבע המילוי והשקיפות): בחרו צבע לראש העמוד ושנו את השקיפות שלו.
- Border (מסגרת): הוסיפו מסגרות לראש העמוד כדי שהוא יבלוט לעומת שאר העמוד.
- Corners: (פינות) שנו את הפינות של המסגרת עגולות יותר או מרובעות יותר.
- Shadow: (צל) הוסיפו ועיצבו צללית כדי לתת לאפקט תלת-ממדי מגניב.
מצב הגלילה (Scroll) מאפשר לכם לתת לראש העמוד עיצוב שונה כאשר הגולשים גוללים למטה בעמוד. לדוגמה, אפשר לשנות את הצבעים של ראש העמוד או להוסיף מסגרת כדי שהוא יבלוט.
הגדרת תמונה בראש העמוד של האתר
הוסיפו תמונה לראש העמוד כדי לעשות אותו ייחודי ואישי יותר. גררו את התמונה לראש העמוד כדי לחבר אותה, ואז השתמשו בנקודות האחיזה כדי למתוח את התמונה לרוחב ראש העמוד. לאחר מכן, תוכלו להעביר את התמונה לאחור כדי שלא תסתיר את האלמנטים של ראש העמוד.
התמונה צריכה להיות קטנה יותר ממידות ראש העמוד עצמו, כדי שאפשר יהיה להכניס אותה. אנחנו ממליצים להשתמש בתמונה עם רזולוציה וגודל שתואמים את גודל ראש העמוד, כמו למשל תמונת באנר.
כדי להשתמש בתמונה ב-Header (ראש העמוד) של האתר:
- היכנסו ל-editor.
- הוסיפו תמונה חדשה או בחרו תמונה קיימת בעמוד.
- גררו את התמונה לראש העמוד ושחררו אותה כשתראו את ההודעה Attach to Header (חיבור לראש העמוד).
- (לא חובה) גררו את ידיות האחיזה כדי לשנות את גודל התמונה בהתאם לרוחב ראש העמוד.
- העבירו את התמונה שכבה אחת לאחור (back):
- הקליקו קליק ימני על התמונה.
- עברו עם העכבר מעל Arrange (סידור) והקליקו על Move Backward (העברה לאחור).
טיפ:
החליפו את תמונת ראש העמוד באמצעות חלונית העריכה המהירה, והקליקו על Change (החלפה) ליד התמונה הנוכחית.
שינוי גודל ראש העמוד
אתם יכולים לשנות את הגודל של ראש העמוד כדי להתאים אותו לצרכים שלכם.
שימוש במידות גדולות לראש העמוד יכול להיות שימושי אם יש לכם הרבה אלמנטים כמו כותרת האתר, תפריט האתר ולוגו. שימוש במידות קטנות לרא העמוד יתאים יותר לאתרים מינימליים או במקרים בהם רוב האלמנטים נמצאים בעמוד.
כדי לשנות את הגודל של ראש העמוד:
- הקליקו על ה-Header (ראש העמוד)
- גררו את ידית האחיזה בתחתית ראש העמוד כדי לשנות את הגובה שלו.
הוספת אפקט גלילה לראש העמוד
הוסיפו אפקט גלילה מרשים לראש העמוד כדי לבחור איך הוא יתנהג כשהגולשים גוללים למעלה ולמטה. לדוגמה, אפשר להשאיר את ראש העמוד למעלה בזמן שהגולשים גוללים, או לגרום לו להיעלם בהדרגה.
כדי לבחור אפקט גלילה לראש העמוד
- הקליקו על ה-Header (ראש העמוד)
- הקליקו מימין על אייקון הפעולות הנוספות
- הקליקו על Header Scroll Settings (הגדרות הגלילה של ראש העמוד).
- בחרו אפקט גלילה:
- Scrolls with site: לא מופעל אפקט גלילה. כשהגולשים גוללים למטה בעמוד, הם "מתרחקים" מראש העמוד (כלומר, מחלקו העליון של העמוד).
- Freezes: ראש העמוד נותר בחלקו העליון של העמוד בזמן שהגולשים גוללים למעלה ולמטה, מה שמאפשר להם גישה נוחה לתפריט האתר.
טיפ: כשבוחרים את האפקט הזה, אנו ממליצים שראש העמוד לא יסתיר תוכן במהלך הגלילה. - Disappears: כשהגולשים גוללים באתר, ראש העמוד נעלם בהדרגה. כדי שראש העמוד יופיע שוב, הגולשים צריכים להתחיל לגלול למעלה.
- Fades out: (היעלמות הדרגתית) ראש העמוד נעלם לאט כשהגולשים גוללים באתר ומופיע מחדש כשהם מתחילים לגלול חזרה למעלה.
טיפ:
לאתרים במובייל ובמחשב יכולים להיות אפקטים שונים של גלילת ראש העמוד. לפרטים נוספים על הגדרת גלילת ראש העמוד באתר המובייל
