פונקציות תמונות וורדפרס

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

 

אפשור שימוש בפונקציות תמונות בתבנית :

add_theme_support( 'post-thumbnails' );

פונקציה ראשונה:

the_post_thumbnail()

פונקציה שמחזירה את התמונה עם התג שעוטף אותה ישר להצגת HTML

כך

<img src="" />

ניתן גם להוסיף את גודל התמונה שאנחנו רוצים שתוצג ע"י הפונקציה

 

set_post_thumbnail_size( 50, 50 );

או הפונקציה הזאת : שמגדירה הגדרה קולקטיבית לגודל ואפשר להשתמש בכמה תמונות ע"י הכנסת המזהה שלה:

add_image_size( 'custom-size', 220, 180, true );

ואת הסטרינג custom-size נכניס בתוך הפונקציה

the_post_thumbnail(custom-size)

 

the_post_thumbnail_url();

פונקצית וורדפרס שמחזירה רק את ה url במידה ורוצים שימוש אחר לכתובת התמונה ולא להצגה כמו תגי מטה לפייסבוק שליחת RSS וכ"ו..

 

לשתי הפונקציות ניתן גם להכניס את גדלי התמונות שאנחנו רוצים כך :

the_post_thumbnail_url( 'thumbnail' );       // Thumbnail (default 150px x 150px max)
the_post_thumbnail_url( 'medium' );          // Medium resolution (default 300px x 300px max)
the_post_thumbnail_url( 'large' );           // Large resolution (default 640px x 640px max)
the_post_thumbnail_url( 'full' );            // Full resolution (original size uploaded)

 

ניתן גם לשאול אם יש תמונה בצורה הבאה :

if ( has_post_thumbnail() ) {
  the_post_thumbnail();
}

 

 

המשך פונקציות תמונה:

הדפסת רק  url של התמונה שמים ב src

the_post_thumbnail_url()

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

the_post_thumbnail()

קבלת כל מאפייני התמונה בלי הדפסתם

get_the_post_thumbnail()

קבלת ה url  של תמונה בלי הדפסתו

get_the_post_thumbnail_url();

 

 

עוד שיטה לקבל את ה URL של תמונה של פוסט

$image_id = get_post_thumbnail_id($post_id);
$imazz = wp_get_attachment_image_src($image_id,'medium',true);
$image_url = $imazz[0];

 

 

לעוד מידע ניתן לעיין בקישורים בקודקס :

עם תגי HTML

https://codex.wordpress.org/Post_Thumbnails

ללא תגי HTML

https://codex.wordpress.org/Function_Reference/get_header