วิธีเชื่อมโยงรูปภาพเด่นกับโพสต์ใน WordPress โดยอัตโนมัติ

เมื่อเร็ว ๆ นี้หนึ่งในผู้อ่านของเราถามว่าเป็นไปได้หรือไม่ที่จะเชื่อมโยงภาพเด่นไปยังโพสต์บล็อกใน WordPress โดยอัตโนมัติ

ธีม WordPress ส่วนใหญ่ลิงก์รูปภาพเด่นไปยังโพสต์ตามค่าเริ่มต้น แต่บางธีมอาจไม่ทำเช่นนั้น

ในบทความนี้ เราจะแสดงวิธีเชื่อมโยงรูปภาพเด่นกับโพสต์ใน WordPress โดยอัตโนมัติ

เหตุใดจึงเชื่อมโยงรูปภาพเด่นกับโพสต์ใน WordPress?

เนื่องจากรูปภาพมีส่วนร่วมมากกว่าข้อความ การใช้รูปภาพเด่นสามารถช่วยเพิ่มการมีส่วนร่วมของผู้ใช้ในบล็อก WordPress ของคุณได้

โดยปกติ รูปภาพเด่นจะมีขนาดใหญ่และใช้พื้นที่มากกว่าข้อความ มีสีสันมากขึ้นจึงเห็นได้ชัดเจนยิ่งขึ้น นอกจากนี้ยังคลิกบนอุปกรณ์ขนาดเล็ก เช่น โทรศัพท์มือถือและแท็บเล็ตได้ง่ายขึ้นอีกด้วย

อย่างไรก็ตาม หากภาพขนาดย่อของโพสต์ของคุณไม่สามารถคลิกได้ ก็จะทำให้ผู้ใช้ดูโพสต์ของคุณได้ยากขึ้น

ธีม WordPress ส่วนใหญ่เชื่อมโยงรูปภาพเด่นไปยังโพสต์ตามค่าเริ่มต้น

แต่บางธีมอาจไม่ใช้วิธีการนั้น ซึ่งทำให้ยากสำหรับคุณที่จะใช้รูปภาพเด่นอย่างเหมาะสม

ที่กล่าวว่าเรามาดูกันว่าคุณสามารถเชื่อมโยงภาพเด่นกับโพสต์ใน WordPress ได้อย่างไร

เชื่อมโยงรูปภาพเด่นกับโพสต์ใน WordPress โดยอัตโนมัติ

วิธีนี้ต้องการให้คุณเพิ่มโค้ดลงในไฟล์ WordPress ของคุณ หากคุณยังไม่เคยทำสิ่งนี้มาก่อน โปรดดูคู่มือสำหรับผู้เริ่มต้นในการวางตัวอย่างจากเว็บลงใน WordPress

คุณสามารถเพิ่มโค้ดนี้ลงในไฟล์ Functions.php ของธีมของคุณได้ แต่วิธีที่ดีกว่าในการเพิ่มโค้ดที่กำหนดเองใน WordPress คือการใช้ปลั๊กอินตัวอย่างโค้ด

function wpb_autolink_featured_images( $html, $post_id, $post_image_id ) {
$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
return $html;
}
add_filter( 'post_thumbnail_html', 'wpb_autolink_featured_images', 10, 3 );

รหัสนี้เพียงเพิ่มลิงก์รอบรหัสที่สร้างขึ้นเพื่อแสดงภาพเด่นหรือภาพขนาดย่อของโพสต์บนเว็บไซต์ของคุณ

รหัสนี้จะเพิ่มลิงก์รอบรูปภาพเด่นในหน้าโพสต์เดียว หากคุณไม่ต้องการเชื่อมโยงภาพเด่นในโพสต์เดียวไปยังโพสต์เดียวกัน ให้ใช้โค้ดนี้

function wpb_autolink_featured_images( $html, $post_id, $post_image_id ) {

If (! is_singular()) { 

$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
return $html;

} else { 

return $html;

}

}
add_filter( 'post_thumbnail_html', 'wpb_autolink_featured_images', 10, 3 );

เราขอแนะนำให้ใช้ WPCode เพื่อเพิ่มโค้ดที่กำหนดเองใน WordPress

WPCode เป็นปลั๊กอินตัวอย่างโค้ดที่ดีที่สุดและมีการใช้งานโดยเว็บไซต์มากกว่า 1 ล้านแห่ง ทำให้ง่ายต่อการเพิ่มข้อมูลโค้ดใน WordPress โดยไม่ต้องแก้ไขไฟล์ Functions.php ของธีมของคุณ

ขั้นแรก คุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน WPCode ฟรี หากคุณต้องการความช่วยเหลือ โปรดปฏิบัติตามคำแนะนำในการติดตั้งปลั๊กอิน WordPress ของเราเพื่อดูคำแนะนำทีละขั้นตอน

เมื่อเปิดใช้งานปลั๊กอินแล้ว จะมีรายการเมนูใหม่ชื่อ 'Code Snippets' ในแถบผู้ดูแลระบบ WordPress ของคุณ

การคลิกจะแสดงรายการข้อมูลโค้ดที่คุณบันทึกไว้ในไซต์ของคุณ เนื่องจากคุณเพิ่งติดตั้งปลั๊กอิน รายการของคุณจะว่างเปล่า

หากต้องการเพิ่มข้อมูลโค้ดแรกของคุณใน WordPress ให้คลิกที่ปุ่ม "เพิ่มใหม่"

จากนั้นคุณจะเห็นหน้าเพิ่มตัวอย่างข้อมูล

ไปที่ตัวเลือก "เพิ่มโค้ดที่กำหนดเองของคุณ (ตัวอย่างข้อมูลใหม่)" และคลิกที่ปุ่ม "ใช้ตัวอย่างข้อมูล"

หลังจากนั้น คุณจะต้องตั้งชื่อข้อมูลโค้ดของคุณ นี่อาจเป็นอะไรก็ได้ที่จะช่วยให้คุณจำวัตถุประสงค์ของโค้ดได้

จากนั้น วางข้อมูลโค้ดที่คุณคัดลอกมาจากด้านบนลงในช่อง "ดูตัวอย่างโค้ด" อย่าลืมเลือก 'PHP Snippet' เป็นประเภทโค้ดจากรายการแบบเลื่อนลงทางด้านขวา

จากนั้นเลื่อนลงไปที่ส่วนการแทรก

คุณสามารถปล่อยให้มันอยู่ในวิธี 'แทรกอัตโนมัติ' ได้ ดังนั้นมันจะแทรกและรันข้อมูลโค้ดในตำแหน่งที่เหมาะสมโดยอัตโนมัติ

สุดท้าย เปลี่ยนสลับจาก 'ไม่ใช้งาน' เป็น 'ใช้งานอยู่'

จากนั้นคลิกปุ่ม "บันทึกตัวอย่าง"

แค่นั้นแหละ. ตอนนี้ภาพเด่นของคุณจะเชื่อมโยงกับโพสต์ของคุณโดยอัตโนมัติ

เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีเชื่อมโยงภาพเด่นกับโพสต์ใน WordPress โดยอัตโนมัติ คุณอาจต้องการดูคำแนะนำของเราเกี่ยวกับวิธีเพิ่มคำบรรยายให้กับภาพเด่นใน WordPress หรือรายการซอฟต์แวร์ออกแบบเว็บไซต์ที่ดีที่สุดของเรา

หากคุณชอบบทความนี้ โปรดสมัครรับวิดีโอบทแนะนำช่อง YouTube สำหรับ WordPress ของเรา คุณยังพบกับเราได้บน Twitter และ Facebook