อยากแสดง featured image บน title ของ Post

Question

สวัสดีครับ ผมอยากให้แสดง featured image บน title ของ Post เลยพยายามลองแก้ code ดู จริง ๆ ก็ได้ผลตามที่อยากได้อยู่ แต่ไม่แน่ใจว่าทำได้ถูกต้องแบบที่ควรจะเป็นหรือเปล่าครับ อยากได้ประมาณนี้ครับ https://rath.asia/blog/2022/02/23/fsh-fhir-ig-gh-page/

สิ่งที่สงสัยคือ

1. ผมแก้ไข code ในไฟล์ inc/template-tags.php ซึ่งต้องอัพโหลดไปที่ไฟล์ธีมของธีม Plant ถึงจะใช้ได้ ถ้าอัพโหลดไปที่ธีม Fruit จะไม่แสดงผลออกมา ไม่แน่ใจว่าถ้าอยากทำที่ธีม Fruit ควรทำอย่างไรครับ

2. ผมแก้แบบนี้ เหมาะสมหรือเปล่าครับ ตอนแรกผมพยายามใช้ the_post_thumbnail('full') แต่ไม่สามารถทำให้มันไปแสดงผลภายใน div ตรงที่ต้องการได้เลยครับ ไม่รู้ทำไมเหมือนกันครับ ก็เลยต้องมาท่านี้

$post_thumbnail = '';
	if(has_post_thumbnail()) {
		$post_thumbnail = '<div class="post-img"><img src="'. seed_get_thumbnail($post_id) .'" /></div>';
	}

	$output = '<div class="main-header -' . $title_style .  '">' . $banner_bg . 
			  '<div class="s-container"><div class="main-title _heading"><div class="post-img">' . 
			  $post_thumbnail .'</div><div class="title"><a href="' . $permalink . '">' . $title .
			  '</a> </div></div></div></div>' ; 
    echo $output; 
}

'; } $output = '

' . $banner_bg . '

' . $post_thumbnail .'

' . $title . '

' ; echo $output; }

K · Answer

1. เราสร้างไฟล์และ path ให้ตรงกับธีมหลัก ก็จะทำการ overide ไฟล์นั้นให้อัตโนมัติเลยนะครับผม ในกรณีนี้คือสร้าง inc/template-tags.php ขึ้นมานะครับ

2. ฟังก์ชั่น see_get_thumnail พื้นฐานน่าจะเป็นการแสดงแบบ full อยู่แล้วนะครับ ตามภาพแนบ ส่วนวิธีการแก้แล้วแต่ชอบได้เลยนะครับ ใช้วิธีนี้ หรือ แก้ที่ไฟล์ single.php หรือ content-single.php ได้ทั้งหมดเลยนะครับ

Rath · Answer

ขอบคุณครับ แต่ผมลองอีกรอบก็ยังไม่ได้ครับ 😅 ผมอัพโหลดไฟล์เดิม เข้าที่ directory ที่ตรงกัน แต่ไม่ได้ครับ ตอนนี้หน้าตาเว็บก็กลับเป็นแบบเดิมแล้วครับ ทั้ง ๆ ที่อัพโหลดไฟล์เข้าไปแล้ว https://rath.asia/blog/2022/02/23/fsh-fhir-ig-gh-page/ ผมคาดว่าถ้าเป็นไฟล์ template อื่น ๆ มันจะ override parent theme แต่ถ้าอยู่ใน inc ต้องไปแก้อะไรเพิ่มเติมหรือเปล่าครับ

ส่วนข้อสองผมหมายถึง the_post_thumbnail ( https://developer.wordpress.org/reference/functions/the_post_thumbnail/ ) อันนี้ครับ แค่ไม่เข้าใจว่าทำไมถึงไม่สามารถใส่รูปเข้าไปตรงจุดที่ต้องการได้ครับ แต่ไม่เป็นไรครับ ถ้า code ข้างต้นโอเคแล้ว ใช้ seed_get_thumbnail ต่อได้ครับ