המדריך המלא לתמונות ממוזערות ומידות תמונה בוורדפרס

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

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

עריכת PHP בקבצי וורדפרס

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

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

https://en-gb.wordpress.org/plugins/my-custom-functions/

יסודות גודל התמונה של וורדפרס

במרכז השליטה של וורדפרס, אתה כנראה כבר יודע על הגדרות > חֲצִי.

אם אתה דוחה בקשת חברות בפייסבוק הם יכולים להוסיף אותך שוב

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

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

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

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

הוספת גדלי תמונות מותאמים אישית בוורדפרס

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

פתח את ספריית העיצובים וחפש את functions.php קוֹבֶץ. תוסיף את ה הקוד הבא, אחד לכל גודל תמונה שברצונך להגדיר:

add_image_size( 'my-thumbnail', 400, 200, true);

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

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

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

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

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

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

https://wordpress.org/plugins/media-cleaner/#description

מידות תמונה מותאמות אישית לשימוש בתוכן פרסום

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

אם אתה רוצה שהגודל המותאם אישית שלך יהיה גם ברשימה, נצטרך עוד קצת קוד. שוב, הוסף ל- שלך functions.php קוֹבֶץ:

function image_sizes_to_mediapicker( $default_sizes ) {  
 return array_merge( $default_sizes, array(  
 'my-thumbnail' => __( 'My Thumbail Size' ),  
 ) );  
}  
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

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

אפשרויות תמונה מובחרות של וורדפרס

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

עבור כל גודל שהגדרת, כל תמונה שתעלה תשוכפל ותשתנה, כולל התמונה המוצגת.

כיצד להתקין nintendont ב- wii u

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

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

add_theme_support('post-thumbnails');

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

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

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

אם אתה מעדיף רק לקבל את כתובת האתר בפועל של התמונה המוצגת מאשר את ה- HTML הנדרש, נסה זאת במקום זאת (קבל את גודל התמונה הבינונית בדוגמה זו):

אין אינטרנט, מאובטח Windows 10

$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');  
echo $thumbnail[0];

שחזור תמונות ממוזערות של וורדפרס

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

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

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

יש כמה מגבלות ומלכודות שכדאי שתדע עליהן.

אמנם ניתן לשנות את גודל התמונות באופן אוטומטי אך אף תוסף לא יכול לשכתב את תוכן הפוסט. לדוגמה, אם הוספת תמונה לפוסט בכתובת גָדוֹל גודל (שאולי היה אז 500 פיקסלים), שינוי ההגדרה של גָדוֹל לא ישנה את גודל התמונה בפוסט. זה יישאר על 500 פיקסלים אלא אם תערוך את הפוסט ותכניס מחדש את אותה התמונה בגודל החדש.

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

עכשיו יהיה זמן מצוין ללמוד גם את ההבדל בין JPG ל- PNG כך שתדע להשתמש בפורמט האופטימלי בעתיד.

קח את אתר וורדפרס שלך לשלב הבא

רוצה לשנות את נושא וורדפרס שלך? השימוש של העיצוב שלך בתמונות, צבעים ומיקום אלמנטים מוגדר בעיקר על ידי CSS ו- HTML, לכן אנו ממליצים לבדוק הדרכות שלב אחר שלב כדי ללמוד CSS ו- HTML.

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

האם אתר וורדפרס שלך קורס לעתים קרובות מדי? אתה משלם יותר מדי? עבור לשירות אירוח ידוע כמו InMotion Hosting (הנחה מיוחדת של MakeUseOf עם הקישור הזה ) או Bluehost (הנחה מיוחדת של MakeUseOf עם הקישור הזה ).

לַחֲלוֹק לַחֲלוֹק צִיוּץ אימייל הנה הסיבה שה- FBI הוציא אזהרה על תוכנת כופר של כוורת

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

קרא הבא נושאים קשורים

תִכנוּת
וורדפרס

על הסופר ג'יימס ברוס(707 מאמרים פורסמו)

לג'יימס תואר ראשון בבינה מלאכותית והוא מוסמך CompTIA A+ ו- Network+. כשהוא לא עסוק כעורך ביקורות חומרה, הוא נהנה מ- LEGO, VR ומשחקי לוח. לפני שהצטרף ל- MakeUseOf, הוא היה טכנאי תאורה, מורה לאנגלית ומהנדס מרכז נתונים.

עוד מאת ג'יימס ברוס

הירשם לניוזלטר שלנו

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

לחצו כאן להרשמה