คู่มือฉบับสมบูรณ์สำหรับภาพขนาดย่อและขนาดรูปภาพเด่นใน WordPress

คู่มือฉบับสมบูรณ์สำหรับภาพขนาดย่อและขนาดรูปภาพเด่นใน WordPress

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





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



การแก้ไข PHP ในไฟล์ WordPress

โพสต์นี้มีโค้ด PHP สำหรับ WordPress คุณอาจต้องการอ่านหลักสูตรความผิดพลาดของ PHP ฟรีก่อนที่จะพยายามแก้ไขธีมของคุณ





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

https://en-gb.wordpress.org/plugins/my-custom-functions/



ข้อมูลพื้นฐานเกี่ยวกับขนาดรูปภาพของ WordPress

ในแดชบอร์ดผู้ดูแลระบบ WordPress คุณอาจรู้เกี่ยวกับ การตั้งค่า > ครึ่ง.

วิธีหาเงินจากวิดีโอเกม

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



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

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



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

การเพิ่มขนาดรูปภาพที่กำหนดเองใน WordPress

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

เปิดไดเร็กทอรีธีมและมองหา ฟังก์ชั่น.php ไฟล์. เพิ่ม รหัสต่อไปนี้ หนึ่งภาพสำหรับแต่ละขนาดภาพที่คุณต้องการกำหนด:

add_image_size( 'my-thumbnail', 400, 200, true);

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

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

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

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

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

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

https://wordpress.org/plugins/media-cleaner/#description

ขนาดรูปภาพที่กำหนดเองเพื่อใช้ในเนื้อหาโพสต์

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

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

function image_sizes_to_mediapicker( $default_sizes ) {
return array_merge( $default_sizes, array(
'my-thumbnail' => __( 'My Thumbail Size' ),
) );
}
add_filter( 'image_size_names_choose', 'image_sizes_to_mediapicker' );

ใช้งานได้โดยการกรองรายการตัวเลือกสื่อ เรารวมอาร์เรย์รายการขนาดดั้งเดิมกับขนาดใหม่ที่เราต้องการให้อยู่ในรายการด้วย เปลี่ยน 'my-thumbnail' และ 'My Thumbnail Size' เป็นขนาดที่คุณกำหนดเอง และชื่อที่อ่านง่ายซึ่งมนุษย์สามารถอ่านได้ที่คุณต้องการให้แสดง

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

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

ลบไฟล์ไม่ได้เพราะเปิดอยู่ในโปรแกรมอื่น

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

การขาดการสนับสนุนสำหรับบางสิ่งที่เป็นพื้นฐานเหมือนกับรูปภาพเด่นจะบ่งบอกถึงโค้ดที่ล้าสมัยในที่อื่นๆ

add_theme_support('post-thumbnails');

หากต้องการใช้รูปภาพเด่นในธีมหรือปลั๊กอินของคุณเอง ให้ใช้ the_post_thumbnail() ฟังก์ชั่นเพื่อส่งออกแท็กรูปภาพ:

the_post_thumbnail('my-thumbnail',array('class'=>'my_post_thumbnail_css_class'));

ฟังก์ชันนี้ใช้พารามิเตอร์ 2 ตัว: ขนาดชื่อที่คุณต้องการ (ในกรณีนี้คือ 'my-thumbnail') และแอตทริบิวต์ใดๆ ที่คุณต้องการส่งผ่าน เช่น คลาส CSS ที่กำหนดเอง

หากคุณต้องการเพียงแค่รับ URL จริงของรูปภาพเด่นมากกว่า HTML ที่จำเป็นด้วย ให้ลองใช้วิธีนี้แทน (รับขนาดรูปภาพขนาดกลางในตัวอย่างนี้):

เกมที่คุณสามารถเล่นผ่านข้อความ
$thumbnail = wp_get_attachment_image_src(get_post_thumbnail_id(), 'medium');
echo $thumbnail[0];

การสร้างภาพขนาดย่อของ WordPress ใหม่

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

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

https://wordpress.org/plugins/ajax-thumbnail-rebuild/

มีข้อ จำกัด และข้อผิดพลาดบางอย่างที่คุณควรรู้

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

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

ตอนนี้จะเป็นช่วงเวลาที่ดีในการเรียนรู้ ความแตกต่างระหว่าง JPG และ PNG เพื่อให้คุณรู้ว่าควรใช้รูปแบบที่เหมาะสมที่สุดในอนาคต

นำไซต์ WordPress ของคุณไปสู่อีกระดับ

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

และหากคุณสนใจธีมต่างๆ ให้ดูที่ธีม WordPress เจ๋งๆ เหล่านี้สำหรับพอร์ตโฟลิโอการถ่ายภาพ

ไซต์ WordPress ของคุณล่มบ่อยเกินไปหรือไม่? คุณจ่ายมากเกินไปหรือไม่? เปลี่ยนไปใช้บริการโฮสติ้งที่มีชื่อเสียงเช่น InMotion Hosting (ส่วนลดพิเศษ MakeUseOf ด้วย ลิงค์นี้ ) หรือ Bluehost (ส่วนลดพิเศษ MakeUseOf กับ ลิงค์นี้ ).

แบ่งปัน แบ่งปัน ทวีต อีเมล นี่คือเหตุผลที่ FBI ออกคำเตือนสำหรับ Hive Ransomware

FBI ได้ออกคำเตือนเกี่ยวกับ ransomware ที่น่ารังเกียจโดยเฉพาะ นี่คือเหตุผลที่คุณต้องระวัง Hive ransomware เป็นพิเศษ

อ่านต่อไป หัวข้อที่เกี่ยวข้อง
  • การเขียนโปรแกรม
  • เวิร์ดเพรส
เกี่ยวกับผู้เขียน เจมส์ บรูซ(เผยแพร่บทความ 707 ฉบับ)

James มี BSc ในด้านปัญญาประดิษฐ์และได้รับการรับรองจาก CompTIA A+ และ Network+ เมื่อเขาไม่ได้ยุ่งในฐานะ Hardware Review Editor เขาสนุกกับ LEGO, VR และเกมกระดาน ก่อนร่วมงานกับ MakeUseOf เขาเป็นช่างเทคนิคแสงสว่าง ครูสอนภาษาอังกฤษ และวิศวกรศูนย์ข้อมูล

เพิ่มเติมจาก James Bruce

สมัครรับจดหมายข่าวของเรา

เข้าร่วมจดหมายข่าวของเราสำหรับเคล็ดลับทางเทคนิค บทวิจารณ์ eBook ฟรี และดีลพิเศษ!

คลิกที่นี่เพื่อสมัครสมาชิก