วิธีเปลี่ยนขนาดรูปภาพเด่นใน WordPress

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

ฟังก์ชันนี้ใช้กับ WordPress 2.9 และเดิมเรียกว่า "รูปย่อของโพสต์" ธีม WordPress ส่วนใหญ่ (รวมถึงของเราด้วย) ตอนนี้ใช้รูปภาพเด่นเพื่อวัตถุประสงค์อื่นๆ เช่น ในแกลเลอรีรูปภาพ ตัวเลื่อนคุณลักษณะ และรูปภาพส่วนหัวของหน้า ตัวอย่างเช่น ในธีมฟูลเฟรม รูปภาพเด่นจะกลายเป็นภาพพื้นหลังของโพสต์

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

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

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

การเปลี่ยนขนาดรูปภาพเด่นใน functions.php

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

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

มีสองวิธีในการปรับขนาดรูปภาพเด่น ในการปรับขนาดตามสัดส่วน (เช่นเพื่อหลีกเลี่ยงการยืดหรือบีบอัดรูปภาพ) ให้ใช้รหัสต่อไปนี้:

 set_post_thumbnail_size( 50, 50 ); // กว้าง 50 พิกเซล สูง 50 พิกเซล, โหมดปรับขนาด

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

 set_post_thumbnail_size( 50, 50, จริง ); // กว้าง 50 พิกเซล สูง 50 พิกเซล โหมดครอบตัด

ซึ่งจะกำหนดขนาดเริ่มต้นของรูปภาพเด่น

การเพิ่มขนาดรูปภาพเพิ่มเติม

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

 add_image_size( 'หมวดหมู่นิ้วหัวแม่มือ', 300, 9999 ); // กว้าง 300 พิกเซล (และความสูงไม่จำกัด)

จากนั้น คุณสามารถใช้ขนาดใหม่นี้ในเทมเพลตธีมของคุณโดยใช้โค้ดต่อไปนี้:

 <?php the_post_thumbnail( 'หมวดหมู่ภาพขนาดย่อ' ); ?>

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

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

สร้างภาพที่โดดเด่นของคุณขึ้นมาใหม่

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

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

พิสูจน์การแก้ไขของคุณในอนาคตด้วยธีมเด็ก

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

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

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

ในการสร้างธีมลูก ให้เชื่อมต่อกับไซต์ของคุณผ่าน FTP และสร้างโฟลเดอร์ใหม่ใน /wp-content/themes/ สำหรับธีมลูกใหม่ของคุณ เป็นเรื่องปกติที่จะตั้งชื่อโฟลเดอร์ให้เหมือนกับธีมที่คุณต้องการแก้ไข โดยมี "-child" ต่อท้ายโฟลเดอร์นั้น ตัวอย่างเช่น: “น่ากลัว-เด็ก” หากคุณกำลังสร้างธีมลูกของธีมสุดเจ๋ง

คุณต้องสร้างสไตล์ชีตภายในโฟลเดอร์ธีมลูกของคุณ แม้ว่าคุณจะไม่ต้องการแก้ไข CSS ก็ตาม สร้างไฟล์ใหม่ชื่อ style.css และวางในรหัสต่อไปนี้:

 /*
ชื่อกระทู้: Awesome Child
URI ของธีม: http://example.com/awesome-child/
คำอธิบาย: ธีมเด็กที่น่ากลัว
ผู้เขียน: Graph Paper Press
URI ผู้เขียน: http://example.com
แม่แบบ: Awesome
เวอร์ชัน: 1.0.0
Tags: สว่าง, มืด, เค้าโครงตอบสนอง, พร้อมสำหรับการเข้าถึง
โดเมนข้อความ: Awesome-child
*/

@import url("../awesome/style.css");

/* = การปรับแต่งธีมเริ่มต้นที่นี่
-------------------------------------------------- ------------ */

เปลี่ยนชื่อธีมและรายละเอียดอื่นๆ ตามความเหมาะสม

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

เทมเพลตสำหรับ functions.php มีลักษณะดังนี้:

 <?php //เปิดแท็ก PHP

// ฟังก์ชั่น

?> // ปิดแท็ก PHP

จากนั้นคุณสามารถเพิ่มโค้ดการปรับขนาดรูปภาพของคุณระหว่างแท็ก PHP ได้ ดังนั้นคุณจะได้สิ่งนี้:

 <?php // เปิดแท็ก PHP

ถ้า ( function_exists ( 'add_theme_support' ) ) {
add_theme_support( 'โพสต์ภาพขนาดย่อ' );
set_post_thumbnail_size ( 150, 150, จริง ); // ขนาดย่อของโพสต์เริ่มต้น (ครอบตัด)

// ขนาดภาพเพิ่มเติม
// ลบบรรทัดถัดไปหากคุณไม่ต้องการขนาดรูปภาพเพิ่มเติม
add_image_size( 'หมวดหมู่นิ้วหัวแม่มือ', 300, 9999 ); //กว้าง 300 พิกเซล (และความสูงไม่จำกัด)
}

?> // ปิดแท็ก PHP

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

ชื่นชมรูปภาพเด่นที่ปรับขนาดใหม่ของคุณ

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