« בחזרה לתיעוד

הגדרת תמונות מוקטנות בוורדפרס וב WooCommerce

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

התקנת Regenerate Thumbnails

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

הגדרת מדיה בוורדפרס

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

options-media

הגדרות תמונות WooCommerce

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

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

wc-settings-products

חיתוך התמונות מחדש

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

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

בהצלחה

« בחזרה לתיעוד