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

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


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

คู่มือเริ่มต้นสำหรับรูปภาพเด่นใน WordPress

รูปภาพที่โดดเด่นหรือภาพขนาดย่อของโพสต์เป็นคุณสมบัติของชุดรูปแบบ ธีมส่วนใหญ่เช่น Genesis และอื่น ๆ สนับสนุนรูปภาพเด่นเป็นค่าเริ่มต้น.

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

ภาพเด่น metabox ใน WordPress

วิดีโอสอน

สมัครสมาชิก WPBeginner

หากคุณไม่ชอบวิดีโอหรือต้องการคำแนะนำเพิ่มเติมให้อ่านต่อ.

การเพิ่มรูปขนาดย่อโพสต์หรือรูปภาพเด่นใน WordPress

ในการเพิ่มรูปภาพเด่นในโพสต์ WordPress เพียงคลิกที่ลิงค์“ ตั้งค่ารูปภาพเด่น” ภายในกล่องเมตารูปภาพเด่นที่แสดงในภาพด้านบน.

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

การตั้งค่ารูปภาพเด่นใน WordPress

ภาพจะปรากฏในช่องเมตาของภาพเด่นเช่นนี้:

รูปภาพเด่นถูกเพิ่มในโพสต์ WordPress

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

ชุดรูปแบบนิตยสารบางเล่มใช้รูปขนาดย่อที่เล็กกว่าพร้อมกับสรุปโพสต์ด้านข้างในหน้าหลักและรุ่นที่ใหญ่กว่าในมุมมองโพสต์เดียว.

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

บันทึก: ทุกอย่างด้านล่างนี้จะต้องมีความรู้การเข้ารหัส.

คู่มือผู้พัฒนาธีมสำหรับรูปภาพเด่นและโพสต์รูปขนาดย่อใน WordPress

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

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

add_theme_support (‘โพสต์รูปขนาดย่อ’);

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

<?php the_post_thumbnail (); ?>

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

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

set_post_thumbnail_size (50, 50);

พารามิเตอร์สำหรับ set_post_thumbnail_size อยู่ในลำดับนี้: ความกว้างความสูง.

คุณยังสามารถตั้งค่าขนาดภาพเพิ่มเติมเพื่อใช้กับฟังก์ชัน _post_thumbnail () ตัวอย่างเช่น:

// ขนาดภาพสำหรับโพสต์เดี่ยว
add_image_size (‘โพสต์ภาพขนาดย่อ’, 590, 180);

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

หากคุณเคยอัปโหลดภาพเด่น แต่ภาพเหล่านั้นยังคงปรากฏในขนาดอื่นคุณต้องสร้างภาพขนาดย่อและขนาดภาพใหม่สำหรับโพสต์เก่า.

ด้านล่างนี้เป็นตัวอย่างของฟังก์ชั่นภาพเด่นที่มีขนาดภาพเฉพาะ.

<?php the_post_thumbnail (‘โพสต์ภาพขนาดย่อเดียว’); ?>

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

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map