הוספת באנר לאתר שלך

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

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

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

1. יש לעבור אל לוח הבקרה של האתר.
2. בהתאם למיקום שבו רוצים להוסיף את הבאנר, יש לעבור לעמוד, לפוסט או לתבנית ולערוך אותו או ליצור חדש:
   • עמוד: יש לעבור אל המקטע 'עמודים' בתפריט.
   • פוסט: יש לעבור אל המקטע 'פוסטים' בתפריט.
   • תבנית: יש לעבור אל מראה ← עורך ולבחור את התבנית.
3. יש ללחוץ על הסמל '+ (מוסיף הבלוקים)' ולחפש 'כיסוי'.
   • לחלופין, אפשר להקליד /כיסוי בכל מקום שבו מופיע הטקסט 'יש להקליד / כדי לבחור בלוק'.

4. יש ללחוץ על הסמל של הכיסוי כדי להוסיף את בלוק 'כיסוי': 

לאחר הוספת בלוק 'כיסוי', יש לבחור את המדיה שתוצג. אפשר לבחור מבין האפשרויות הבאות:

• העלאה: יש ללחוץ על הכפתור 'העלאה' כדי לבחור קובץ מהמחשב.
• בחירת מדיה: אפשר למצוא מדיה באחד מהמקומות הבאים:
  • ספריית מדיה: תמונות וסרטונים שכבר הועלו לספריית המדיה של האתר.
  • הטלפון שלך: אפשר להשתמש באפליקציה לנייד של Jetpack כדי להעלות מדיה ישירות מהטלפון.
  • יצירה בעזרת בינה מלאכותית: יש לספק תיאור קצר של סוג התמונה שבה רוצים להשתמש, והבינה המלאכותית תיצור את העיצוב.
  • Google Photos: אפשר לבחור מדיה מתוך חשבון Google Photos המחובר.
  • Pexels: אפשר לחפש תמונות חינמיות בספריית Pexels.
  • Openverse: אפשר לחפש תמונות חינמיות בספריית Openverse.
• שימוש בתמונה ראשית: האפשרות מציגה את התמונה הראשית של העמוד או הפוסט, אם הוגדרה. הוספת בלוק 'כיסוי' לתבנית ובחירה באפשרות הזאת יציגו באופן אוטומטי את התמונה הראשית של כל עמוד או פוסט שמשתמש בתבנית הזו.
• צבע: במקום להוסיף תמונה או סרטון וידאו, אפשר לבחור צבע אחיד לבאנר.

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

כדאי להביא בחשבון את הנקודות הבאות כשבוחרים תמונה לבאנר:

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

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

1. יש להוסיף בלוק 'כיסוי' לעמוד או לפוסט.
2. בסרגל הכלים של הבלוק, יש ללחוץ על האפשרות 'הוספת מדיה':

3. יש לבחור אחת מהאפשרויות הבאות:
   • העלאה: העלאת קובץ וידאו מהמחשב (נדרשת חבילה מתאימה).
   • פתיחת ספריית המדיה: בחירת קובץ וידאו שכבר הועלה.
   • הטמעת וידאו מכתובת URL: הדבקת כתובת URL מ-YouTube‏, Vimeo או ספק אחר.

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

לאחר שמוסיפים בלוק 'כיסוי', אפשר לשנות את המדיה בכל עת. כדי להחליף או להסיר את המדיה שבבאנר:

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

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

אפשר לבחור קובץ מדיה חדש באחת מהאפשרויות הבאות:

• פתיחת ספריית המדיה: בחירת תמונה שכבר הועלתה.
• העלאה: בחירת תמונה מהמכשיר כדי להעלות אותה לאתר. יש לעיין בסוגי הקבצים הנתמכים.
• שימוש בתמונה ראשית: שימוש בתמונה הראשית של העמוד או הפוסט.
• איפוס: הסרת התמונה, אך השארת בלוק 'תמונה' במקומו, כדי שאפשר יהיה לבחור אפשרות כמו העלאה, בחירת תמונה, יצירה בעזרת בינה מלאכותית או הוספה מכתובת URL.
• הטלפון שלך: הוספת תמונה מהטלפון באמצעות אפליקציית Jetpack לנייד.
• יצירה בעזרת בינה מלאכותית: יצירת תמונה באמצעות בינה מלאכותית על ידי תיאור מה שרוצים. 
• Google Photos.
• ספריית התמונות החינמיות של Pexels.
• תמונות חינמיות של Openverse.
• הטמעת וידאו מכתובת URL: הדבקת כתובת URL מ-YouTube‏, Vimeo או ספק אחר.