בחזרה לתמיכה עיצוב האתר שלך לשנות את הגופנים של האתר שלך

לשנות את הגופנים של האתר שלך

הסגנון של תווי הטקסט באתר ידוע כגופן. מדריך זה ינחה אותך איך לבחור את הגופנים באתר שלך.

גופנים וזכאות לתוכנית

באתרים שרשומים לתוכניות Premium, ‏Business ו-Commerce יש אפשרות לבחור ממגוון רחב של גופנים לאתר, אבל אין אפשרות להעלות גופנים מותאמים אישית משלהם.

כדי להעלות גופנים מותאמים אישית ולהתקין סגנונות גופנים מ-Google Fonts, יש ��שדרג לתוכניות Business או Commerce.

לשנות את הגופנים

אפשר לשנות את הגופנים באתר לפי השלבים שמפורטים למטה.

כדי להחליט איזה מקטע במדריך רלוונטי עבורך, יש לעבור ללוח הבקרה ולהסתכל באזור מראה שמצד שמאל. אם מופיע שם עורך, יש לפעול לפי המקטע עורך האתר במדריך זה. אחרת, יש לפעול לפי ההוראות עבור עורך העמודים או כלי התאמה אישית.

אם האתר שלך משתמש בתבנית שתומכת בעורך האתר, אפשר להשתמש באפשרות סגנונות כדי לשנות את הגופנים. כדי לשנות את הגופנים של האתר שלך, יש לבצע את השלבים הבאים:

  1. יש לגשת אל לוח הבקרה שלך ב-WordPress.com.
  2. לעבור אל מראה ← עורך.
  3. יש ללחוץ על סגנונות משמאל או לבחור בסמל 'סגנונות' שנראה כמו עיגול שחור-לבן.
  4. יש לבחור את האפשרות 'טיפוגרפיה'.
  5. יש לבחור בין האלמנטים הבאים של הטקסט באתר:
    • טקסט
    • קישורים
    • כותרות עליונות
    • כיתובים
    • כפתורים
  6. יש ללחוץ על התפריט הנפתח מתחת ל'גופן' ולבחור את הגופן הרצוי. הטקסט יעודכן לגופן שבחרת כדי להדגים איך הוא נראה.
  7. יש ללחוץ על הכפתור 'לשמור'.

הסרטון הבא מדגים את השלבים האלו:

תמונה עם חץ המצביע על הכפתור 'סגנונות' שב'עורך האתר'. הסמל הוא עיגול שחור ולבן.
הסמל 'סגנונות'
שינוי גופנים בעורך האתר

אפשר לעיין במדריך 'סגנונות' לקבלת מידע מפורט על כל מה שניתן לעשות כדי להתאים את המראה של הטקסט באתר.

החלת גופן על טקסט ספציפי

במהלך בחירת הגופנים יופיעו אפשרויות להגדרת הגופנים עבור כל האתר שלך, לא רק לעמודים בודדים או לשורת טקסט ספציפית. זוהי שיטת עבודה מומלצת כשמדובר בעיצוב – אתרי אינטרנט נראים הכי טוב כשהגופנים עקביים ברחבי האתר. אם לאתר יש מספר גופנים שונים, הוא יכול להיות מסורבל.

אם המטרה שלך היא להבליט חלק מטקסט, מומלץ לחשוב על דרכים אחרות לעשות זאת, כמו למשל החלת צבעים שונים, שימוש בבלוק 'כותרת' או בבלוק 'ציטוט' או הוספת תמונה.

להעלות גופן מותאם אישית

סעיף זה במדריך מתייחס לאתרים שמנויים על התוכניות Business ו-Commerce ב-WordPress.com ועל התוכנית Pro (מדור קודם). אם רכשת את התוכנית Business, יש לוודא שהיא הופעלה. באתרים בתוכנית החינמית ובתוכניות Personal ו-Premium ניתן לשדרג את התוכנית כדי לגשת לאפשרות הזאת.

יש מבחר גדול של סגנונות גופנים לאתר שלך. אם ברצונך לבחור מבין גופנים נוספים, אפשר להתקין או להעלות גופנים מותאמים אישית ישירות דרך 'עורך האתר'.

המדריך שלנו יסביר איך להתקין, להעלות ולנהל גופנים מותאמים אישית.

הפעולה Flash of Unstyled Text‏ (FOUT)

כאשר מתרחשת הפעולה Flash of Unstyled Text‏ (FOUT), מופיע גופן שונה לזמן קצר לפני שמוצג הגופן שבחרת לאתר. בחיבורים איטיים יותר, הטקסט מוצג קודם בגופן שבברירת המחדל ש התבנית. כך, אנשים יכולים להתחיל לקרוא את התוכן שלך לפני שהגופן הנבחר נטען, במקום להסתכל על עמוד ריק בזמן שהם ממתינים. לכן, יכול להופיע הבהוב של גופן שונה לפני סיום הטעינה של העמוד. עם זאת, לצופים בחיבורים איטיים, האפשרות הזאת עדיפה מאשר להסתכל על מסך ריק.

אם אינך רוצה לאפשר לתופעה הזאת לקרות, אפשר להוסיף את קוד ה-CSS הזה לאתר שרשום לתוכנית מתאימה באמצעות 'עורך CSS' במקטע מראה ← להתאים אישית ← CSS נוסף:

.wf-loading body { visibility: hidden; }

או

html:not(.wf-active) body { display: none; }

Google Fonts ו-GDPR

כל הבקשות לפרסם גופנים של Google Fonts שנמצאים בשימוש שלערכות עיצוב של WordPress.com מפורסמות דרך השרת של WordPress.com וכבר לא נעשה שימוש ב-CDN/FDN של Google. השינוי הזה בוצע בדצמבר 2022.

אם השרת שלך משתמש בתוסף מותאם או בתבנית של צד שלישי, עליך לוודא שהמפתחים של התוסף ו/או התבנית לא מפרסמים Google Fonts דרך CDN/FDN של Google. אפשר לקבל מידע נוסף על GDPR כאן.

Copied to clipboard!