Studio Editor: עבודה עם צבעי אתר
4 דקות
הצבעים של האתר יוצרים את ערכת הצבעים הכוללת שנמצאת בשימוש באתר של הלקוחות. ערכת הצבעים מחולקת לטווחי צבעים שמופעלים על קטגוריות שונות (למשל, רקע וטקסט) ומכילים גוונים ספציפיים.
ב-Studio Editor אפשר לערוך גם צבעים בודדים וגם טווחי צבעים, וכך לעצב ולהתאים חלקים ספציפיים באתר לפי הצורך.
איפה נמצאים צבעי האתר?
(סגנונות אתר) ובחרו בלשונית Colors (צבעים).הנושאים בעמוד זה:
הסבר לגבי צבעי האתר
אלה הצבעים שנמצאים בשימוש באתר שאתם עובדים עליו. בדרך כלל כל צבע משויך לרכיב מסוים. לדוגמה, צבע אחד יכול להיות מחובר לרקעים של המקטעים, צבע אחר לטקסט וכו'.
מספר הצבעים שאיתם מתחילים תלוי בטמפלייט שבחרתם (אלא אם בחרתם לעצב את האתר מאפס). עם זאת, אתם יכולים להוסיף, לנהל ולהחליף צבעי האתר כדי להבטיח חוויה עיצובית חלקה.
עריכת צבעי האתר
אתם יכולים לערוך את צבעי האתר מחלונית ה-Site Styles (סגנונות האתר) כדי לחזק את המיתוג של הלקוחות.
חשוב לדעת:
כשאתם משנים צבע בערכת העיצוב של האתר, אתם משפיעים באופן מיידי על האלמנטים שמכילים את הצבע שאתם מעדכנים - למשל כל אלמנט שהוספתם בעבר עם ערכת העיצוב, או אלמנטים שהשתמשתם בהם בצבע הזה.
כדי לשנות את צבעי האתר:
- ב-editor הקליקו משמאל על Site Styles (סגנונות אתר).
- בחרו בלשונית Colors (צבעים).
- הקליקו על הצבע שאתם רוצים לערוך.
- יש כמה דרכים לבחור את הצבע האמצעי בטווח:
- לבחור צבע חדש מהבורר באמצעות סמן העכבר.
- להזין את ערך ה-HEX, RGB או HSB בשדות הרלוונטיים.
- להקליק על אייקון הטפטפת כדי לבחור צבע חדש מנקודה כלשהי על המסך.
- הקליקו על Apply (אישור).
כדי לבחור צבע חדש מנקודה כלשהי על המסך.
ניהול צבעי האתר
בחלק זה נסביר איך לנהל את צבעי האתר כך שתהליך העיצוב יהיה יעיל ככל האפשר. אפשר לשנות את שמות הצבעים כדי שיהיה קל למצוא אותם, או להחליף צבעים כדי לבצע שינויים מהירים באתר.
כדי לנהל את צבעי האתר:
- ב-editor הקליקו משמאל על Site Styles (סגנונות אתר).
- בחרו בלשונית Colors (צבעים).
- עברו עם העכבר מעל הצבע הרלוונטי והקליקו על אייקון הפעולות הנוספות .
- בחרו מה תרצו לעשות:
- לשנות את שם הצבע:
- הקליקו על Rename (שינוי שם).
- הכניסו את שם הצבע החדש.
- למחוק או להחליף צבע:
- הקליקו על Delete (מחיקה).
- בחרו את הצבע החלופי מהבורר.
- הקליקו על Apply (אישור).
- לשנות את שם הצבע:
.
לא מצליחים למחוק או להחליף צבע?
- גוונים מסוימים משמשים כצבע ברירת המחדל עבור אפליקציות ואלמנטים של Wix באתר, ולכן אפשרות ה-Delete עבורם מופיעה באפור (כלומר, לא פעילה). עם זאת, אתם יכולים ללחוץ על הגוון בחלונית כדי להחליף אותו.
- ייתכן שיש גוונים שלא הוגדרו כצבע ברירת מחדל ובכל זאת נמצאים בשימוש באתר. במקרה כזה תתבקשו להחליף את הצבע במקום למחוק אותו.
הוספת צבעי אתר לאלמנטים
כשצבעים משויכים לקטגוריות, הם מופעלים אוטומטית על חלק מהאלמנטים עם ערכת עיצוב בחלונית Add Elements (למשל, אלמנטים מעוצבים של טקסט). אתם יכולים גם להוסיף צבעי אתר לאלמנטים על הקנבס באמצעות חלונית ה-Inspector(עריכה).
כדי להוסיף את צבעי האתר לאלמנטים:
- בחרו את האלמנט הרלוונטי.
- הקליקו ב-editor מימין למעלה על אייקון פתיחת כלי ה-Inspector (עריכה) .
- הקליקו על תיבת הצבעים תחת Design (עיצוב) כדי לפתוח את הבורר.
.
- בחרו גוון מה-Theme Colors (צבעי ערכת העיצוב) כדי להוסיף אותו.
כדאי לדעת:
אם האלמנט מכיל יותר מצבע אחד, תוכלו לערוך כל גוון על ידי הקלקה על תיבת הצבעים שלו.