วิธีแก้ไขรูปภาพเด่นไม่แสดงใน WordPress (6 วิธี)

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

แต่เมื่อรูปภาพเหล่านี้แสดงผลไม่ถูกต้อง อาจนำไปสู่ประสบการณ์การใช้งานที่ไม่ดี เลย์เอาต์ที่ดูไม่น่าสนใจ และอาจส่งผลเสียต่อประสิทธิภาพ SEO อีกด้วย

หากคุณกำลังประสบปัญหานี้อยู่ ไม่ต้องกังวล เพราะเราพร้อมช่วยเหลือคุณ ในบทความนี้ คุณจะพบ 6 วิธีง่ายๆ ในการแก้ไขปัญหารูปภาพเด่นไม่แสดงผลใน WordPress!

สาเหตุทั่วไปของปัญหาภาพเด่น

ก่อนที่จะลงลึกถึงวิธีแก้ปัญหา สิ่งสำคัญคือต้องเข้าใจสาเหตุเบื้องหลังที่ทำให้ภาพเด่นไม่ปรากฏใน WordPress ต่อไปนี้คือสาเหตุที่พบบ่อยที่สุด: 

1. ธีมไม่รองรับรูปภาพเด่น

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

ไม่ จริงๆ แล้วบางธีมไม่รองรับรูปภาพเด่นตามค่าเริ่มต้น หรืออาจต้องมีขั้นตอนเพิ่มเติมในการเปิดใช้งาน

ดังนั้น หากรูปภาพเด่นของคุณไม่แสดง แม้ว่าคุณจะเพิ่มรูปภาพนั้นอย่างถูกต้องแล้ว สาเหตุนี้อาจเป็นสาเหตุ

2. การตั้งค่าการแสดงผลไม่ถูกต้อง

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

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

3. ความขัดแย้งของปลั๊กอิน

หากคุณใช้ปลั๊กอินจำนวนมากเพื่อรองรับการใช้งาน WordPress ของคุณ คุณอาจพบปัญหานี้ได้ ปลั๊กอินที่ไม่รองรับอาจรบกวนธีมของคุณ ทำให้รูปภาพเด่นแสดงไม่ถูกต้อง

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

4. Lazy loading ส่งผลต่อการมองเห็นภาพ

Lazy loading เป็นคุณลักษณะที่ปลั๊กอินใช้เพื่อปรับปรุงเวลาในการโหลดหน้าโดยโหลดรูปภาพเฉพาะเมื่อจำเป็นเท่านั้น

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

หากคุณเปิดใช้งานการตั้งค่านี้แล้ว โปรดปรับการตั้งค่าเพื่อไม่ให้ lazy loading ส่งผลกระทบต่อภาพเด่น คุณยังสามารถลองเปลี่ยนไปใช้ปลั๊กอิน lazy loading ตัวอื่นเพื่อแก้ไขปัญหานี้ได้อีกด้วย 

5. ข้อผิดพลาด HTTP ในระหว่างการอัปโหลดรูปภาพ

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

นี่เป็นปัญหาที่พบบ่อย โดยเฉพาะอย่างยิ่งเมื่อคุณพยายามอัปโหลดรูปภาพเด่นขนาดใหญ่ขึ้นไปยังเว็บไซต์ของคุณ วิธีแก้ไขปัญหานี้คือการเพิ่มขีดจำกัดหน่วยความจำ PHP โดยแก้ไขไฟล์ wp-config.php หรือบีบอัดรูปภาพก่อนอัปโหลด

6. ขาดกล่องเมตาของรูปภาพเด่น

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

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

วิธีแก้ปัญหาแบบทีละขั้นตอน

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

1. เปิดใช้งานรูปภาพเด่นในธีมของคุณ

หากคุณใช้ธีมที่ไม่รองรับรูปภาพเด่นและไม่ต้องการเริ่มต้นใหม่ ก็มีทางออก
คุณยังสามารถเปิดใช้งานรูปภาพเด่นได้โดยการแก้ไขไฟล์ functions.php แบบง่ายๆ ไฟล์นี้จะอยู่ในโฟลเดอร์ของธีม ซึ่งปกติจะอยู่ที่ wp-content/themes/your-theme-name/functions.php ลอง

เปิดไฟล์นั้นและเพิ่มโค้ด: add_theme_support('post-thumbnails'); ลงไปที่ด้านล่าง

อย่าลืมบันทึกการเปลี่ยนแปลงเพื่อให้การเปลี่ยนแปลงมีผล เมื่อเพิ่มแล้ว ธีมของคุณจะรองรับรูปภาพเด่นแล้ว

แต่หากรูปภาพเด่นยังไม่ปรากฏขึ้น คุณอาจต้องแก้ไขไฟล์เทมเพลต (เช่น single.php หรือ content.php ) โดยเพิ่มโค้ดลงในบรรทัดโค้ดที่คุณต้องการให้รูปภาพปรากฏ

2. ตรวจสอบและปรับการตั้งค่าการแสดงผลในโปรแกรมแก้ไข WordPress

ปรับการตั้งค่าการแสดงผลเพื่อให้แน่ใจว่าภาพเด่นปรากฏอย่างถูกต้อง คุณสามารถใช้บทช่วยสอนด้านล่างนี้ได้:

• ไปที่หน้าใดๆ ที่คุณต้องการเพิ่มรูปภาพเด่น
• เลือก ไอคอนบวก (+) เพื่อเพิ่มบล็อก

• จากนั้นเลือก WP Latest Posts
• เปิดใช้งาน ภาพเด่น จาก ตั้ง ค่าบล็อก
• ปรับแต่งภาพให้เหมาะกับเค้าโครง

3. ปิดใช้งานปลั๊กอินเพื่อระบุความขัดแย้ง

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

วิธีนี้ไม่จำเป็นต้องติดตั้งเครื่องมือจากภายนอกเพิ่มเติม หากวิธีนี้ฟังดูยุ่งยากเกินไป โดยเฉพาะอย่างยิ่งหากคุณติดตั้งปลั๊กอินไว้หลายตัว คุณสามารถใช้ปลั๊กอิน Health Check & Troubleshooting ได้

4. ปิดใช้งาน lazy loading สำหรับภาพเด่นหากจำเป็น

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

ก. แก้ไขไฟล์ functions.php

• ไปที่รูปลักษณ์ จากนั้นไปที่ตัวแก้ไขไฟล์ธีมในแดชบอร์ด WordPress ของคุณ
• เปิด functions.php ของธีมปัจจุบันของคุณ
• เพิ่มโค้ดต่อไปนี้ลงในไฟล์:

add_filter('wp_lazy_loading_enabled', ฟังก์ชัน($default, $tag_name, $context) { ถ้า ($context === 'the_post_thumbnail') { กลับ false; } กลับ $default; }, 10, 3); 

• สุดท้ายให้บันทึกไฟล์ 

ข. ใช้ปลั๊กอิน

หากคุณไม่อยากลงรายละเอียดทางเทคนิคมากเกินไปด้วยการแก้ไขโค้ด คุณสามารถหาปลั๊กอินอย่าง WP Speed of Light , Disable Lazy Load, Lite Speed Cache หรือ WP Rocket ได้ เครื่องมือเหล่านี้ช่วยให้คุณตั้ง lazy loading ได้โดยไม่ต้องแก้ไขไฟล์ใดๆ ทำให้เป็นตัวเลือกที่ใช้งานง่ายยิ่งขึ้นสำหรับผู้ที่ไม่ใช่โปรแกรมเมอร์

5. แก้ไขข้อผิดพลาด HTTP โดยเพิ่มขีดจำกัดหน่วยความจำ PHP หรือตรวจสอบสิทธิ์ของไฟล์

หากคุณพบข้อผิดพลาด HTTP ที่ทำให้รูปภาพเด่นปรากฏขึ้น มีสองวิธีในการจัดการ คุณสามารถเพิ่มขีดจำกัดหน่วยความจำ PHP หรือตรวจสอบสิทธิ์ของไฟล์เพื่อให้แน่ใจว่าถูกต้อง นี่คือบทช่วยสอนฉบับสมบูรณ์สำหรับวิธีแก้ปัญหาทั้งสองวิธี: 

ก. การเพิ่มขีดจำกัดหน่วยความจำ PHP

ขั้นตอนนี้จำเป็นต้องแก้ไขไฟล์ .htaccess หรือ wp-config.php ลองแก้ไขแต่ละไฟล์เพื่อหาไฟล์ที่เหมาะสม: 

1. แก้ไขไฟล์ wp-config.php

• เข้าถึงเว็บไซต์ของคุณผ่านไคลเอนต์ FTP หรือ cPanel
• เปิด ตัวจัดการไฟล์ และค้นหา wp-config.php ภายในไดเร็กทอรีรูท

• ค้นหาบรรทัดต่อไปนี้: define('WP_MEMORY_LIMIT', '32M') ;
• แก้ไขค่าตามต้องการ ตัวอย่างเช่น: define('WP_MEMORY_LIMIT', '256M') ;

2. เพิ่มโค้ดลงในไฟล์ .htaccess

• ค้นหา .htaccess ในไดเร็กทอรีรูท
• เพิ่มโค้ดนี้ที่ด้านล่าง: php_value memory_limit 256M
• บันทึกการเปลี่ยนแปลง

ข. ตรวจสอบสิทธิ์การอนุญาตไฟล์

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

• ไฟล์ : ตั้งเป็น 644
• โฟลเดอร์ : ตั้งเป็น 755

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

• เปิด จัดการ ไฟล์
• คลิกขวาที่ โฟลเดอร์ wp-content/uploads
• เลือก การอนุญาตไฟล์ หรือ เปลี่ยนการ อนุญาต
• ตั้งค่าการอนุญาตโฟลเดอร์เป็น 755 บันทึกการเปลี่ยนแปลง
• นอกจากนี้ ให้อัปเดตการอนุญาตไฟล์โดยตั้งค่าเป็น 644.
• ออกหลังจากที่คุณบันทึกการเปลี่ยนแปลงแล้ว

6. ตรวจสอบให้แน่ใจว่ากล่องเมตาภาพเด่นเปิดใช้งานอยู่ในตัวเลือกหน้าจอ

คุณอาจต้องเปิดใช้งานการตั้งค่าด้วยตนเอง หากตัวเลือกภาพเด่นไม่ปรากฏใน WordPress ผ่านทางตัวเลือกหน้าจอ ทำตามขั้นตอนเหล่านี้เพื่อกู้คืนกล่องเมตาที่หายไป:

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

• ทำเครื่องหมายใน ช่องภาพ เด่น
• เลื่อนลงในแผงแก้ไขและค้นหา รูปภาพ เด่น

• อัพโหลดรูปภาพจาก คลัง สื่อ
• จากนั้น ใช้การเปลี่ยนแปลง รูปภาพควรปรากฏอย่างถูกต้องแล้ว

บทสรุป

วิธีแก้ไขปัญหาภาพเด่นของ WordPress ไม่แสดงนั้นค่อนข้างง่าย การอัปเดตปลั๊กอินเป็นประจำและใช้ธีมที่เหมาะสมสามารถป้องกันปัญหาในอนาคตที่เกิดจากความขัดแย้งด้านความเข้ากันได้ได้

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

อย่าลืมสร้างการสำรองข้อมูลไว้ก่อนดำเนินการใดๆ ข้างต้นเพื่อรักษาข้อมูลของคุณให้ปลอดภัย