עבודה עם תמונות

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

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

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

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

• פתרון בעיות בהעלאות תמונות – התמונות שלך מסרבות לעלות? אלו כמה עצות להעלאה של תמונות בהצלחה.
• פתרון בעיות של תמונות מטושטשות – ניתן לראות למה תמונות עשויות להיראות מטושטשות באתר שלך אף על פי שהאיכות של התמונה המקורית שהועלתה טובה.

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

כל התמונות נלקחו מ-Pexels ספריית תמונות בחינם.

ניתן להשתמש בבלוק 'תמונה' כדי להציג תמונות יחידות.

סגנון ברירת המחדל:

סגנון מעוגל:

כדי להציג תמונות זו לצד זו, אפשר להשתמש בבלוק 'גלריה':

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

ניתן להשתמש בבלוק 'מדיה וטקסט' כדי למקם תמונות (או סרטונים) לצד טקסט. זו אפשרות מועילה גם כשרוצים להציג מדיה וטקסט במכשירים ניידים:

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

ניתן להשתמש בבלוק 'כיסוי' בשביל תמונת כותרת ברוחב מלא או תמונה בסגנון באנר. אפשר להגדיר את התמונה לרקע קבוע (נקרא גם "parallax effect" (אפקט היסט) או "parallax scrolling" (גלילת היסט)), להוסיף שכבת צבע ואפילו להוסיף טקסט ותוכן אחר מעל התמונה.

רקע קבוע עם אפקט של היסט:

רקע לא קבוע:

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

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

הבלוק 'גלריה פרושה' כולל ארבעה סגנונות שונים:

• פסיפס של אריחים
• רשת מעגלית
• אריחים מרובעים
• עמודות פרושות

פסיפס של אריחים

רשת מעגלית

אריחים מרובעים עם אפשרות לפינות מעוגלות

עמודות פרושות

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