วิธีซ่อนรูปภาพเด่นบนโพสต์แต่ละรายการใน WordPress

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

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

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

วิธีซ่อนรูปภาพเด่นแบบแยกแต่ละรายการ

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

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

วิธีที่ 1: ใช้ปลั๊กอิน

คุณสามารถใช้ปลั๊กอิน Conditionally Display Featured Image เพื่อซ่อนรูปภาพเด่นอย่างรวดเร็ว ปลั๊กอินยอดนิยมนี้สามารถดาวน์โหลดได้ฟรีในไดเรกทอรีปลั๊กอินของ WordPress.

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

หากคุณต้องการลองวิธีง่ายนี้ ให้เริ่มต้นด้วยการติดตั้งมันก่อน:

1. ติดตั้งและเปิดใช้งานปลั๊กอิน

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

• เปิดแดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ.
• คลิกที่ ปลั๊กอิน เมนูจากแถบด้านข้าง.

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

• คลิก ติดตั้งตอนนี้ เพื่อดาวน์โหลดปลั๊กอิน.
• เมื่อติดตั้งแล้ว, คลิก เปิดใช้งาน เพื่อเปิดใช้งานบนเว็บไซต์ของคุณ.

2. แก้ไขโพสต์ที่ต้องการ

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

• เปิดบล็อกโพสต์ที่คุณต้องการแก้ไข.
• คลิก การตั้งค่า เพื่อเข้าถึงตัวแก้ไข.

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

• ทำเครื่องหมายในช่องเลือกเพื่อซ่อนรูปภาพเด่นในโพสต์นั้น.
• ต่อไป บันทึกการเปลี่ยนแปลงโดยคลิกที่ อัปเดต/บันทึก ปุ่ม (หากโพสต์ได้เผยแพร่แล้ว) หรือ เผยแพร่ ปุ่ม (if it's still a draft).

3. อัปเดตโพสต์เพื่อบันทึกการเปลี่ยนแปลง

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

มีสองวิธีในการทำเช่นนี้:

• ตรวจสอบเวอร์ชันสดของโพสต์ที่เผยแพร่
• หรือดูตัวอย่างโพสต์ฉบับร่างของคุณก่อนเผยแพร่

นี่คือ'ภาพผลลัพธ์ก่อนและหลัง:

วิธีที่ 2: ใช้ CSS กำหนดเอง

หากรูปภาพเด่นยังปรากฏในโพสต์ของคุณ, don't กังวลเพราะเรามีวิธีอื่นเพื่อช่วยคุณแก้ไขปัญหา.

คุณสามารถใช้โค้ด CSS แบบกำหนดเองเพื่อซ่อนมันจากมุมมองของ user's. อย่างไรก็ตาม, โปรดจำไว้ว่า วิธีนี้อาจส่งผลกระทบต่อประสิทธิภาพเล็กน้อย, เนื่องจากรูปภาพเด่นจะยังคงโหลดอยู่แม้ว่า it's จะไม่ปรากฏ.

หาก that's ไม่เป็นเรื่องกังวลสำหรับคุณ, ไปต่อและทำตามบทแนะนำด้านล่าง:

1. ระบุ ID ของโพสต์เฉพาะ

เพื่อให้แน่ใจว่าโค้ด CSS มีผลต่อโพสต์เดียวเท่านั้น คุณต้องค้นหา ID ของโพสต์นั้น ID ของโพสต์เป็นตัวเลขที่ระบุเอกลักษณ์แต่ละโพสต์ใน WordPress.

ตัวอย่างเช่น URL อาจมี post=111 ซึ่ง 111 คือ ID ของโพสต์.

อย่างไรก็ตาม หากเว็บไซต์ของคุณใช้ลิงก์ถาวรที่เป็นมิตรกับ SEO คุณจะไม่เห็น ID ของโพสต์โดยตรงใน URL.

นี่คือวิธีการค้นหาแทน:

• ไปที่แดชบอร์ดผู้ดูแลระบบ WordPress ของคุณ.
• คลิกที่โพสต์ที่คุณต้องการแก้ไข.
• ดูที่แถบ URL ในเบราว์เซอร์ของคุณ.
• คุณควรเห็น URL ที่รวมรหัสโพสต์ตามที่แสดงด้านล่าง.

2. เพิ่ม CSS กำหนดเองเพื่อซ่อนรูปภาพเด่นของโพสต์นั้น

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

คุณสามารถเพิ่มโค้ด CSS ผ่าน Customizer เมนู. วิธีนี้ต้องการความรู้พื้นฐานด้านการเขียนโค้ดเท่านั้น ดังนั้นจึงไม่ต้องกังวล.

เราจะพาคุณผ่านขั้นตอนต่อไปนี้:

• คลิกที่ Appearance เมนูจากแถบด้านข้าง และเลือก Customize.

• คุณจะถูกนำไปยัง Customizer เมนู.

• เลื่อนลงและคลิกที่ Additional CSS ส่วน.
• วางโค้ดด้านล่างลงในกล่องแก้ไข อย่าลืมแทนที่ ID ของโพสต์ด้วย ID ของโพสต์จริงของคุณ.

.postid-51442 .post-thumbnail { display: none; } 

• สุดท้าย, คลิก Publish เพื่อใช้การเปลี่ยนแปลง รูปภาพเด่นของคุณควรจะถูกซ่อนจากโพสต์นั้นแล้ว

วิธีที่ 3: แก้ไขไฟล์ธีม

หากวิธีข้างต้นไม่ให้ผลลัพธ์ที่ต้องการ คุณสามารถลองแก้ไขไฟล์ธีมได้.

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

อย่าลืมสำรองข้อมูลไว้เผื่อกรณีฉุกเฉิน หลังจากนั้นเตือนล่วงหน้า เรามาเริ่มกันเลย:

1. เปิดไฟล์ functions.php ของ theme's

มีหลาย .php ไฟล์ภายในธีม เช่น single.php, content.php, และ functions.php. ขึ้นอยู่กับโครงสร้างของธีมของคุณ

สำหรับวิธีนี้ คุณต้องค้นหาไฟล์ functions.php. นี่คือวิธีการค้นหา:

• เปิด Appearance เมนูจากแถบด้านข้าง.
• คลิกที่ ตัวแก้ไขไฟล์ธีม

• มันจะเปิดตัวแก้ไขธีมตามที่แสดงด้านล่างนี้. 

• เลื่อนลงไปที่ ไฟล์ธีม เมนูและค้นหา functions.php.

• คลิกเพื่อเปิดไฟล์. 

2. เพิ่มคำสั่งเงื่อนไขเพื่อยกเว้นรูปภาพเด่นสำหรับโพสต์เฉพาะ

ตอนนี้คุณได้เปิด functions.php ไฟล์แล้ว, เพิ่มโค้ดต่อไปนี้เพื่อซ่อนรูปภาพเด่นในหน้าบทความเดียว.

function wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // เพิ่มตัวกรอง add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 ); 

เพื่อให้แน่ใจว่ารหัสจะซ่อนรูปภาพเด่นจากโพสต์เฉพาะเท่านั้น, ให้แทนที่ is_single() ด้วย is_single(123), โดยที่ 123 คือ ID ของโพสต์ที่คุณต้องการกำหนดเป้าหมาย.

หลังจากนั้น, บันทึกการเปลี่ยนแปลงโดยคลิกที่ อัปเดตไฟล์ ปุ่ม.

วิธีซ่อนรูปภาพเด่นในทุกโพสต์เดี่ยว

หากคุณต้องการซ่อนรูปภาพเด่นในทุกโพสต์เดี่ยวของคุณ ธีม Neve ทำให้เรื่องนี้ง่ายขึ้นสำหรับคุณ. 

ด้วยเพียงไม่กี่คลิก วิธีนี้จะทำให้รูปภาพเด่นถูกซ่อนอยู่บนหน้าบทความของคุณ.

หากคุณได้ติดตั้งธีม Neve แล้ว คุณสามารถดำเนินการต่อด้วยขั้นตอนด้านล่าง:

• ในแดชบอร์ดผู้ดูแล WordPress ของคุณ ไปที่ Appearance และคลิก Customize.
• ไปที่ Blog ส่วน.

• คุณจะเห็นสองรูปแบบการจัดวาง: ปกติ และ ปกคลุม. ขั้นตอนการซ่อนรูปภาพเด่นจะแตกต่างกันสำหรับแต่ละรูปแบบ:

สำหรับรูปแบบปกติ:

1. เลื่อนลงและค้นหา ภาพย่อ ส่วน.
2. คลิกที่ ไอคอนตา ถัดจาก ภาพย่อ เพื่อปิดการใช้งาน.
3. ใช้การเปลี่ยนแปลงนี้โดยคลิกปุ่มเผยแพร่.
4. รูปภาพเด่นจะถูกซ่อนในโพสต์ที่ใช้รูปแบบหัวข้อปกติแล้ว.

สำหรับรูปแบบปกคลุม:

1. เลื่อนลงเพื่อค้นหา ซ่อนรูปภาพเด่น สวิตช์.
2. เปิดสวิตช์นี้ เปิด.
3. คลิก เผยแพร่ เพื่อบันทึกการตั้งค่า.

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

โปรดจำไว้ว่า คุณต้องติดตั้งธีม Neve เพื่อใช้วิธีนี้ หากคุณ haven't ติดตั้งมันแล้ว ลองติดตั้งและเปิดใช้งานจาก ไดเรกทอรีธีม. เพียงพิมพ์ Neveลงในช่องค้นหาและคุณ'll พบมัน.

ทำไมไม่แนะนำให้แก้ไขไฟล์ธีม?

เราได้เตือนคุณให้ไม่แก้ไขไฟล์ธีมหากไม่จำเป็น เหตุผลง่ายๆ: มันอาจทำให้เว็บไซต์ของคุณพังได้.

ดังนั้น เรา'ได้รวบรวมทางเลือกที่ปลอดภัยกว่าบางอย่างเกี่ยวกับวิธีซ่อนรูปภาพเด่นโดยไม่ต้องแก้ไขไฟล์ของธีม':

• ใช้ปลั๊กอิน Code Snippets: Code Snippet เป็นปลั๊กอินฟรีที่อนุญาตให้คุณเพิ่ม PHP ที่กำหนดเองในโพสต์ของคุณแต่ละรายการ มันทำงานได้ยอดเยี่ยมโดยไม่เสี่ยงทำให้เว็บไซต์ของคุณเสียหาย.
• ปลั๊กอินฟังก์ชันการทำงานแบบกำหนดเอง: ปลั๊กอินนี้ทำให้คุณสามารถเชื่อมต่อ PHP ที่กำหนดเองได้ แทนการพิมพ์โดยตรงในไฟล์ธีม.

สรุป

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

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