วิธีแก้ไขภาพเด่นไม่แสดงใน 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/ชื่อธีมของคุณ/functions.php.

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

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

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

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

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

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

• จากนั้นเลือก WP โพสต์ล่าสุด.
• เปิดใช้งาน ภาพเด่น จาก การตั้งค่าบล็อก.
• ปรับภาพให้เหมาะสมกับเลย์เอาต์.

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

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

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

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

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

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

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

add_filter( 'wp_lazy_loading_enabled', function( $default, $tag_name, $context ) { if ( $context === 'the_post_thumbnail' ) { return false; } return $default; }, 10, 3 ); 

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

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

หากคุณไม่ต้องการเจาะจงเกินไปกับการแก้ไขโค้ด คุณสามารถใช้ปลั๊กอินเช่น WP Speed of Light ปิดใช้งานการโหลดแบบ Lazy Load, LiteSpeed 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 ช่วยให้คุณจัดระเบียบไลบรารีสื่อของคุณเป็นโฟลเดอร์ได้ไม่จำกัด ทำให้ง่ายต่อการค้นหาภาพที่คุณต้องการและหลีกเลี่ยงการอัปโหลดซ้ำ

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