ความแตกต่างระหว่างรูปภาพที่ครอบคลุมและรูปภาพเด่นใน WordPress

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

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

ภาพปก

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

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

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

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

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

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

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

เพิ่มสีซ้อนทับโดยเลือกสีที่คุณต้องการจากตัวเลือก หรือเลือกวงกลมหลากสีเพื่อเลือกสีที่กำหนดเอง

สีที่กำหนดเองประกอบด้วยตัวเลือกสีพร้อมแถบเลื่อน และจะแสดงค่าสีเป็นเลขฐานสิบหกหรือ RGB

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

ในตัวอย่างนี้ ฉันได้ตั้งค่าความทึบเป็น 20 สามารถมองเห็นรูปภาพได้มากขึ้น แต่ก็ยังมีการสัมผัสสีของภาพซ้อนทับที่แสดงอยู่

รูปภาพยังมีตัวเลือกเต็มความกว้างในการตั้งค่าที่ด้านบนของรูปภาพ เหมาะอย่างยิ่งสำหรับการสร้างส่วนหัวของรูปภาพหรือวิดีโอ หรือสร้างการแนะนำส่วนที่สวยงาม

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

รูปภาพเด่น

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

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

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

ธีมต่างๆ เช่น Twenty Nineteen มีภาพซ้อนทับสำหรับรูปภาพเด่น คุณสามารถเลือกสีได้ในเครื่องมือปรับแต่งธีมภายใต้สี สีน้ำเงินเป็นสีเริ่มต้น แต่คุณสามารถใช้แถบเลื่อนเพื่อเลือกสีเกือบทุกชนิดได้

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

การใช้ภาพหน้าปกและรูปภาพประกอบร่วมกัน

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

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

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

หากคุณใช้ Divi หรือ Extra ในเมนูแดชบอร์ด ให้ไปที่ Divi (หรือ Extra ) > ตัวเลือกธีม > Layout และปิดใช้งาน Place Thumbs on Post ในแท็บ Single Post Layout ตัวเลือกนี้ยังมีอยู่ในแท็บ Single Page Layout ดังนั้นคุณสามารถปรับแต่งการตั้งค่าได้ตามความต้องการของคุณ

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

โพสต์นั้นแสดงเฉพาะภาพหน้าปกเท่านั้น รูปภาพเด่นไม่แสดงในเนื้อหาของโพสต์

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

คุณยังสามารถซ่อนรูปภาพเด่นในโพสต์ด้วยปลั๊กอิน เช่น ซ่อนรูปภาพเด่น ซึ่งเป็นปลั๊กอินฟรีในที่เก็บ WordPress เลือกที่จะซ่อนรูปภาพเด่นทั้งหมดในโพสต์หรือเพจ หรือซ่อนทีละภาพในเพจและโพสต์เอง ในขณะที่ฉันทดสอบปลั๊กอิน มันเข้ากันไม่ได้กับ Twenty Nineteen แต่ใช้งานได้ดีกับ Twenty Seventeen และอื่นๆ

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

จบความคิด

นั่นคือภาพรวมของเราที่ภาพปกและภาพเด่นใน WordPress ในตอนแรก ดูเหมือนหรือคล้ายกัน แต่ในทางปฏิบัติ ต่างกันมาก

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

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

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

เราต้องการได้ยินจากคุณ คุณใช้รูปภาพที่ครอบคลุมและรูปภาพเด่นใน WordPress อย่างไร แจ้งให้เราทราบในความคิดเห็น.

ภาพเด่นผ่าน karnoff / shutterstock.com