อยากแสดง featured i...
 
การแจ้งเตือน
ลบทั้งหมด

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

   RSS

0
หัวข้อเริ่มต้น

สวัสดีครับ ผมอยากให้แสดง 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; 
}
2 คำตอบ
0

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

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

Screen Shot 2565 02 28 at 09.47.03
0
หัวข้อเริ่มต้น

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

Screen Shot 2565 02 28 at 22.28.22

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

@rath ถ้าเขียนใน function ที่เป็น return ตัวแปรจะใช้ the_post_thumbnail ตรงๆไม่ได้นะครับ
อาจต้องใช้เป็น get the post thumbnail แทนนะครับผมว่า
https://developer.wordpress.org/reference/functions/get_the_post_thumbnail/

ตอนวันที่ทำ ผมเคยลอง ใช้ get_the_post_thumbnail ก็ไม่สามารถให้มัน render แล้วเข้าไปอยู่ใน div ได้เหมือนกันครับ (จริง ๆ ถ้าจำไม่ผิด ทำให้แสดงรูปออกมาก็ยังไม่ได้เลยครับ) แต่ผมอาจทำอะไรผิด 😅

ส่วน the_post_thumbnail แสดงรูปได้ แต่พอ render จริงไม่ยอมเข้าไปอยู่ใน div ฮะ

แบ่งปัน: