באמצעות סגנונות, אפשר להתאים אישית את עיצוב האתר עם צבעים שונים, הגדרות טיפוגרפיה ואפשרויות פריסה. המדריך הזה יסביר איך ניתן להשתמש ב'סגנונות' באתר שלך.
אפשרות זו זמינה באתרים עם התוכניות Premium, Business, ו-Commerce של WordPress.com, והתוכנית Pro (מדור קודם). באתרים בתוכנית החינמית ובתוכנית Personal, ניתן לשדרג את התוכנית כדי לגשת לאפשרות הזאת.
אם התבנית שבאתר שלך תומכת בעורך האתר, באפשרותך לגשת אל ההגדרות של 'סגנונות'. שיטה מהירה לברר אם האתר משתמש בעורך האתר היא דרך מראה בלוח הבקרה של האתר. אם במקטע הזה מופיע עורך, אפשר לגשת ל'סגנונות'.
ל'סגנונות' נדרשת תוכנית מתאימה. אם התוכנית של האתר שלך לא תומכת ב'סגנונות', אפשר עדיין לגשת להגדרות אבל תופיע בקשה לשדרג את התוכנית עם ההודעה הבאה:
"האתר כולל סגנונות פרימיום שיהיו זמינים לצפיית המבקרים רק לאחר שדרוג לתוכנית Premium או לתוכניות מתקדמות יותר".
אם בחרת להתאים אישית את ה'סגנונות' של האתר ובעתיד התוכנית תעודכן לגרסה נמוכה יותר שלא תומכת ב'סגנונות', ההתאמות האישיות שלך יישמרו אך יוסתרו מהמבקרים עד שהאתר ישודרג שוב לתוכנית נתמכת.
במהלך עריכת האתר, ניתן לראות את האפשרות 'סגנונות' בפינה הימנית העליונה של המסך. הסמל נראה כמו עיגול שחציו בצבע לבן וחציו בצבע שחור, כפי שמוצג כאן בתמונה ימין.
אלו כל השלבים לאיתור החלונית 'סגנונות':
- יש לעבור אל לוח הבקרה של האתר.
- יש לעבור אל מראה ← עורך.
- יש לבחור סגנונות מהתפריט מצד שמאל.
- בתבניות מסוימות, ייתכן שתופיע בקשה לבחור מבין שילובי סגנונות שונים. יש ללחוץ על סמל העיפרון כדי לפתוח את רשימת ההגדרות המלאה של 'סגנונות'.
בהגדרות של 'סגנונות' יופיעו האפשרויות הבאות:
במקטעים שבהמשך מדריך זה, נרחיב על כל אחת מהאפשרויות האלו.
חלק מהתבניות כוללות סוגים שונים של סגנונות כדי לנסות גופנים שונים, צבעים שונים ועוד. סוגי הסגנונות האלו מאפשרים לך לעצב במדויק ובמהירות את האתר באמצעות עיצובים מוכנים ומהימנים.
ניתן להשתמש בהגדרות הטיפוגרפיה כדי לנהל את המראה של הטקסט שמופיע בכל האתר.
אפשר להתאים את ההגדרות בנפרד עבור
- טקסט
- קישורים
- כותרות עליונות
- כיתובים
- כפתורים
האפשרויות הזמינות בטיפוגרפיה כוללות:
- גופן מאפשר לבחור משפחת גופנים להחלה על הטקסט.
- גודל מאפשר להגדיר את גודל הגופן. אפשר לבחור מתוך קבוצה של גודלי גופנים בברירת מחדל או להגדיר גודל מותאם אישית ב-REM, ב-PX או ב-EM באמצעות כפתור הסליידר מעל לבחירות הגדלים.
- מראה משנה את המשקל (ממשקל צר למודגש מאוד) ואת הנטייה (רגילה או נטויה) של הטקסט.
- גובה השורה מגדיר את המרווחים מעל ומתחת לטקסט. (אם בוחרים אפס, יש לבדוק את האתר במכשיר הנייד).
לאתרים בתוכניות שמאפשרות הפעלה של תוספים יהיה מקטע נוסף של גופנים שבו אפשר להתקין, להעלות ולנהל גופנים מותאמים אישית.
למידע נוסף, ניתן לעיין במדריך הייעודי להגדרות טיפוגרפיה.
ניתן להשתמש בהגדרות הצבעים כדי לנהל את ערכות הצבעים עבור האלמנטים הגלובליים של האתר שלך. לדוגמה, אם ברצונך לשנות את צבע הרקע של האתר שלך, עליך להשתמש באלמנט הרקע כדי לבצע את השינוי.
האפשרות הראשונה שתופיע פה היא עבור ערכת צבעים. ערכת הצבעים של האתר קובעת את הצבעים בברירת מחדל שמופיעים ברחבי האתר. אפשר לשלוט בצבעים של כל אלמנט ספציפי, אך הגדרה של ערכת צבעים באתר מבטיחה שהצבעים ברחבי האתר יהיו עקביים.
בהגדרות הצבע, ממש מתחת לערכת הצבעים, תופיע אפשרות לערוך את הצבע של האלמנטים השונים באתר. האלמנטים האלה הם:
- טקסט
- רקע
- קישורים
- כיתובים
- כפתורים
- כותרות עליונות
למידע נוסף, ניתן לעיין במדריך הייעודי להתאמה אישית של הצבעים באתר.
ניתן להשתמש בהגדרות של הצללות כדי להתאים אישית את סגנונות ההצללה שבברירת מחדל שבהם משתמשים באלמנטים ברחבי האתר.
לאחר מכן, ניתן להשתמש בסגנונות ההצללה שהגדרת כאן בהגדרות ההצללה של בלוקים מסוימים שכוללים אפשרויות הצללה (כולל כפתור, תמונה ועמודות).
תבניות כוללות את הסגנונות בברירת מחדל של 'טבעי', 'עמוק', 'חד', 'מודגש' ו'בהיר'.
יש ללחוץ על הסמל + ליד 'התאמה אישית' כדי להתאים את הצבע, הזווית, הפיזור והטשטוש בצורה מדויקת כדי ליצור סגנונות הצללה משלך.
אפשר להשתמש בהגדרות של פריסה כדי לשלוט ברוחב של אזור התוכן באתר, להוסיף מרווחים ולהתאים את המרווחים בין בלוקים.
בחלונית 'סגנונות', יש ללחוץ על בלוקים כדי להתאים אישית את המראה של בלוקים מסוימים ברחבי האתר.
כאן תוצג רשימה של כל הבלוקים שניתן להתאים אישית באופן גלובלי באתר. יש לבחור בלוק כדי להציג את האפשרויות הזמינות לאותו בלוק.
השינויים שיתבצעו בבלוקים באמצעות 'סגנונות' ישפיעו על כל בלוק מאותו סוג שהוספת לאתר שלך, אלא אם כן התאמת אישית בלוק באופן נפרד. לדוגמה, אם הוספת בלוק כפתורים לעמוד 'יצירת קשר' והגדרת לו רקע צהוב, השינוי שביצעת ב'סגנונות' לא ישפיע על הצבע הצהוב הזה. עם זאת, אם הוספת את בלוק הכפתורים בעמוד 'יצירת קשר' ולא שינית את הצבע מברירת המחדל, הוא ישתנה לצבע שהגדרת ב'סגנונות'.
כדי לראות כיצד השינויים משפיעים על כל התוכן שאפשר להוסיף לאתר, ניתן להשתמש בתצוגת הסגנונות. כאן יופיעו דוגמאות לאופן התצוגה של הבלוקים הזמינים לאחר שמירת השינויים שבוצעו במקטע 'סגנונות'.
- בחלונית 'סגנונות', יש ללחוץ על הכפתור תצוגת הסגנונות בפינה הימנית העליונה – הסמל נראה כמו עין, כפי שמוצג בתמונה מימין.
- מהלשוניות בחלקו העליון של המסך, ניתן לנווט בין קטגוריות שונות של בלוקים, כגון טקסט, מדיה, עיצוב ועוד.
- יש ללחוץ שוב על הסמל של תצוגת הסגנונות כדי להשבית אותה ולחזור לתוכן.
אפשר להתאים אישית כמעט כל היבט בסגנונות האתר באמצעות ההגדרות שמפורטות במדריך הזה. לכן, אין כל כך צורך לבצע שינויים באמצעות CSS.
עם זאת, אם יש לך ידע בכתיבת קוד CSS וברצונך לבצע שינויים בסגנון האתר באמצעות CSS, אפשר להוסיף קוד CSS לפי השלבים הבאים:
- יש לפתוח את החלונית 'סגנונות'.
- יש ללחוץ על שלוש הנקודות (…) בפינה הימנית העליונה.
- יש לבחור CSS נוסף.
- יש להקליד קוד CSS בתיבה שמופיעה. התוכן בצד השמאלי של המסך ישקף את השינויים שביצעת ב-CSS בזמן אמת.
- יש ללחוץ על לשמור.
כדי להחיל CSS על בלוקים ספציפיים בלבד, יש לבצע את השלבים הבאים:
- יש לפתוח את החלונית 'סגנונות'.
- יש לבחור בלוקים.
- יש לבחור את הבלוק הרצוי.
- יש לגלול לתחתית המסך וללחוץ על מתקדם.
- יש להקליד קוד CSS בתיבה עם הכיתוב CSS נוסף. התוכן בצד השמאלי של המסך ישקף את השינויים שביצעת ב-CSS בזמן אמת.
- יש ללחוץ על לשמור.
אפשר לשחזר גרסאות קודמות של ה'סגנונות' באתר. יש ללחוץ על שלוש הנקודות (…) בהגדרות 'סגנונות' ולחפש את החלונית גרסאות קודמות. לתשומת ליבך, האפשרות הזאת תופיע רק לאחר שמירת השינויים.
במסך הבא, יש לבחור גרסה קודמת כדי להציג שינוי שבוצע במסגרת זמן מסוימת בתצוגה מקדימה, ולאחר מכן יש לבחור בכפתור להחיל כדי לשחזר את הגרסה הזאת של הגדרות ה'סגנונות'.
אפשר לבטל את הסגנונות המותאמים שהחלת כדי להחזיר את האתר למראה התבנית שמוגדר כברירת מחדל. האפשרות הזאת עשויה להועיל אם ברצונך להסיר סגנונות פרימיום שהגשת בקשה אליהם ללא שדרוג לתוכנית שעומדת בדרישות.
כדי להסיר סגנונות פרימיום ולאפס את ההגדרות של 'סגנונות' למראה התבנית שבברירת המחדל, יש לבצע את השלבים הבאים:
- יש לעבור אל לוח הבקרה של האתר.
- יש לעבור אל מראה ← עורך.
- יש לבחור סגנונות מהתפריט מצד שמאל.
- בתבניות מסוימות, ייתכן שתופיע בקשה לבחור מבין שילובי סגנונות שונים. יש ללחוץ על סמל העיפרון כדי לפתוח את רשימת ההגדרות המלאה של 'סגנונות'.
- בחלונית סגנונות שמופיעה בצד ימין, יש ללחוץ על שלוש הנקודות ולבחור את האפשרות 'לאפס סגנונות'.
פעולה זו תבטל את כל השינויים שביצעת בהגדרות של 'סגנונות' (טיפוגרפיה, צבעים ופריסה). רק ההגדרות של 'סגנונות' יתאפסו ולא שינויים שביצעת בתוכן או בהגדרות האתר.
אם ברצונך לאפס 'סגנונות' עבור אלמנטים ספציפיים בלבד, יש ללחוץ קודם על 'טיפוגרפיה', 'צבעים', 'פריסות' או 'בלוקים'. לאחר מכן, אפשר ללחוץ על שלוש הנקודות (…) וללחוץ על 'לאפס הכול' כדי לאפס רק את הסגנונות באלמנט הרצוי.
אפשר גם לאפס בלוקים ספציפיים לברירת המחדל שלהם.
אם מעולם לא בוצע שינוי ב'סגנונות', האפשרות 'לאפס לברירות מחדל' תוצג בצבע אפור.
תמיכה 
אתם חייבים להיות מחוברים על מנת לשלוח תגובה.