הצבעים שייבחרו הם חלק מרכזי בעיצוב האתר שלך. מדריך זה מסביר איך לנהל את ערכות הצבעים באתר שלך.
במדריך הזה
אם ערכת העיצוב של האתר תומכת בעורך האתר, אפשר לשנות את הצבעים באתר באמצעות סגנונות. שיטה מהירה לברר אם האתר משתמש בעורך האתר היא דרך מראה בלוח הבקרה. אם העורך מופיע כאן, אפשר לשנות את צבעי האתר בעזרת הפעולות הבאות:
- בלוח הבקרה, יש לעבור אל מראה ← עורך.
- יש ללחוץ על סגנונות משמאל או לבחור בסמל 'סגנונות' כפי שמוצג כאן. הסמל נראה כמו עיגול בשחור-לבן.
- יש לבחור צבעים.
- כדי לבחור את צבעי ברירת המחדל של האתר יש לבחור באפשרות ערכת צבעים, או לבחור מבין המרכיבים הבאים באתר:
- טקסט
- רקע
- קישור
- כיתובים
- כפתור
- כותרת
בשאר חלקי המדריך נסביר ביתר פירוט כל אחד מהמרכיבים הללו.
ערכת הצבעים של האתר קובעת את צבעי ברירת המחדל שישמשו באתר. אמנם אפשר לשלוט בצבע של כל מרכיב בנפרד, אך הגדרה של ערכת צבעים באתר מבטיחה עקביות בצבעים ברחבי האתר.
כאן ניתן לערוך את ההגדרות של צבעי ערכת עיצוב, צבעי ברירת מחדל וצבעים בהתאמה אישית:
- ערכת העיצוב:צבעים שנקבעו על ידי מי שיצרו את ערכת העיצוב, והמשמשים בכל חלקי הערכה.
- ברירת המחדל: הצבעים שמוצגים בהגדרות הצבע של הבלוק בעת עריכה של פוסטים ועמודים.
- התאמה אישית: באפשרותך להגדיר ולתת שם לצבעים נוספים שיהיו זמינים בערכת הצבעים שלך.
כדי לעדכן צבעים בערכת העיצוב, יש לבצע את ההנחיות הבאות:
- יש ללחוץ בנקודה כלשהי בתוך התיבה שבמקטע ערכת צבעים .
- כדי להרחיב את הרשימה של אזורי הצבע בערכת הצבעים יש ללחוץ על שלוש הנקודות שליד ערכת העיצוב ולבחור באפשרות להציג פרטים.
- כל ערכת עיצוב מגדירה אזורי צבע משלה. בדוגמה שלנו, כדי לערוך את הצבע הנתון נוכל לבחור בין האפשרויות ראשי, משני, קדמה, רקע או שלישוני:
- בוחרים את הצבע הרצוי באמצעות בורר הצבעים שנפתח.
- להגדרת הצבע שנבחר יש ללחוץ על סיום.
- לשמירת השינויים יש ללחוץ על לשמור בפינה הימנית העליונה.
ניתן להוסיף בערכת הצבעים של האתר גם מספר צבעים מותאמים אישית. צבעים אלה יישמרו ויעמדו לרשותך לבחירה מתוך הגדרות הצבע של הבלוקים.
להוספת צבעים מותאמים אישית יש לבצע את הפעולות הנוספות הבאות:
- במקטע מותאם אישית, יש ללחוץ על הכפתור +.
- כעת יש לבחור את הצבע מבורר הצבעים או להזין ערך צבע של HEX, RGB או HSL.
- יש ללחוץ על השם של הצבע (ברירת המחדל תהיה "צבע 1") ולהקליד שם עבור הצבע החדש.
- יש ללחוץ על סיום.
הסרטון הבא מציג את הפעולות הללו:
בהגדרות הצבע שבמקטע ערכת הצבעים תוצג אפשרות לערוך את הצבע של מרכיבים שונים באתר. אותם מרכיבים הם:
- טקסט: ניתן לבחור את הצבע שישמש עבור טקסט הבסיס הרגיל באתר, לא כולל קישורים, כיתובים, כיתובי כפתורים או כותרות.
- רקע: ניתן לבחור צבע מלא או מעברי צבע לרקע של האתר. למידע נוסף, אפשר לעיין במדריך שלנו התאמה אישית של רקע האתר.
- קישור: ניתן לבחור צבע לכל הקישורים שיוצגו באתר. כאן ניתן לבחור את צבע ברירת המחדל עבור כל הקישורים, כמו גם את צבע הריחוף שיוצג כאשר הסמן יוצב מעל קישור:
- כיתובים: ניתן לבחור את צבע הטקסט שישמש בכיתובי בלוק תמונה.
- כפתורים: ניתן להגדיר את הצבע שישמש בבלוקים של כפתורים. אפשר לבחור את צבע הטקסט ולהגדיר צבע מלא או מעברי צבע לרקע של כפתורים.
- כרגע אין אפשרות לשלוט בצבע הריחוף של כפתורים. ניתן להשתמש בקוד CSS להחלת צבע ריחוף על כפתור.
- כותרות: ניתן להגדיר צבע לבלוקים של כותרות שיחול בכל האתר. אפשר לבחור את צבע הטקסט ולהגדיר צבע מלא או מעברי צבע לרקע של כותרות.
- כדי לבחור צבע שונה לכל אחת מרמות הכותרת (H1 עד H6), יש ללחוץ על שלוש הנקודות שליד צבע כדי להרחיב את האפשרויות, ואז ללחוץ על רמת הכותרת הרצויה. לאחר שיופיע סימן אישור ליד רמת הכותרת, יש לסגור את האפשרויות ולגשת אל הגדרות הצבע עבור אותה רמת כותרת.
כדי לדרוס את הצבע של טקסט אחד בלבד (ולא של כל המרכיבים), אפשר להגדיר צבע שונה דרך הגדרות צבע הבלוק של פוסט או עמוד ספציפי.
אתם חייבים להיות מחוברים על מנת לשלוח תגובה.