วิธีตั้งค่าภาพเด่นเริ่มต้นสำหรับบทความใน WordPress

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

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

ในบทความนี้ เราจะมาดูกันว่าการตั้งค่าภาพเริ่มต้นด้วย WP Media Folder นั้นง่ายแค่ไหน และเราจะสำรวจวิธีการอื่นๆ ด้วยเช่นกัน.

รูปภาพเด่นเริ่มต้นโดยไม่ต้องใช้ปลั๊กอิน WordPress

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

เอาล่ะ งั้นเรามาเริ่มกันเลย! 

ในส่วนนี้ของบทเรียน เราจะลองใช้ 2 วิธี วิธีแรกคือการตั้งค่าภาพนิ่ง และวิธีที่สองคือการใช้ภาพแรกที่มีอยู่ในโพสต์.

วิธีที่ 1 - ตั้งค่าภาพนิ่งเป็นภาพเด่นเริ่มต้น

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

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

โค้ดมีดังนี้:

the_post_thumbnail();
} else { ?>

ควรมีลักษณะดังนี้:

ตำแหน่งที่เพิ่มโค้ดนั้นขึ้นอยู่กับธีมของคุณและตำแหน่งที่คุณต้องการวางรูปภาพ นอกจากนี้ /images/default-image.jpg ควรถูกแทนที่ด้วยพาธของรูปภาพที่เราจะใช้ ซึ่งรูปภาพเดียวกันนี้ควรอยู่ในโฟลเดอร์ของธีม

เราสามารถแทนที่ < ?php bloginfo('template_directory'); ?>/images/default-image.jpg ด้วย URL ของรูปภาพโดยตรงได้เช่นกัน และมันก็จะใช้งานได้

ตอนนี้เราน่าจะสามารถสร้างภาพโดยไม่ต้องใช้ภาพเด่นได้แล้ว และความมหัศจรรย์ก็เสร็จสมบูรณ์!

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

วิธีที่ 2 - ใช้ภาพแรกในโพสต์เป็นภาพเด่น

วิธีการนี้จะกำหนดให้เราต้องทำตาม 2 ขั้นตอน คือ การกำหนดรูปภาพ และอีกขั้นตอนหนึ่งคือการเรียกใช้รูปภาพ.

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

ขั้นตอนแรก - เพิ่มโค้ดต่อไปนี้ลงในไฟล์ functions.php ของธีมของคุณ.

function main_image() {
$files = get_children('post_parent='.get_the_ID().'&post_type=attachment
&post_mime_type=image&order=desc');
if($files) :
$keys = array_reverse(array_keys($files));
$j=0;
$num = $keys[$j];
$image=wp_get_attachment_image($num, 'large', true);
$imagepieces = explode('"', $image);
$imagepath = $imagepieces[1];
$main=wp_get_attachment_url($num);
$template=get_template_directory();
$the_title=get_the_title();
print "<img src='$main' alt='$the_title' class='frame' />";
endif;
}

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

echo get_the_post_thumbnail($post->ID);
} else {
echo main_image();
} ?>

เสร็จแล้ว! ตอนนี้โพสต์จะแสดงภาพแรกที่มีอยู่ในเนื้อหาของโพสต์นั้นๆ.

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

ตั้งค่าภาพเด่นเริ่มต้นได้ง่ายๆ โดยใช้ปลั๊กอิน WordPress

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

WP Media Folder เพิ่งเพิ่มตัวเลือกในการตั้งค่าภาพเด่นเริ่มต้น ซึ่งเป็นประโยชน์อย่างมากเมื่อพิจารณาจากคุณสมบัติทั้งหมดที่ปลั๊กอินนี้มีให้.

หากต้องการเปิดใช้งานฟีเจอร์นี้ ให้ไปที่ การตั้งค่า > WP Media Folder ตั้ง  ค่าหลัก

ในส่วนนี้ ด้านล่างสุด เราจะเห็น ภาพเด่นเริ่มต้น ซึ่งมี 2 ตัวเลือกหลัก:

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

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

สุดท้ายคลิกที่ปุ่ม "บันทึกการเปลี่ยนแปลง" เท่านี้ก็เรียบร้อย!

ตัวเลือกที่ 2 - แล้วถ้าเราไม่ต้องการใช้แค่ภาพเดียว แต่ต้องการใช้ภาพหลายๆ ภาพแบบสุ่มล่ะ จะเกิดอะไรขึ้น?

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

หลังจากเลือกตัวเลือกนี้แล้ว เราจะสามารถเห็นโฟลเดอร์ต่างๆ ที่สามารถตั้งค่าได้.

ในกรณีนี้ เราได้สร้างโฟลเดอร์ชื่อ "รูปภาพเด่น" ไว้ แล้ว ดังนั้นสิ่งที่เราต้องทำก็คือคลิกที่โฟลเดอร์นั้นแล้วบันทึกการเปลี่ยนแปลง

ทุกอย่างจะเรียบร้อย และต่อไปนี้เราจะไม่ต้องกังวลเรื่องโพสต์ที่ไม่มีรูปภาพประกอบอีกต่อไปแล้ว เยี่ยมไปเลย! ใช่ไหมล่ะ? :)

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

ต่อไปนี้บทความ WordPress จะไม่ขาดภาพเด่นอีกแล้ว

ตอนนี้เราสามารถเห็นแล้วว่าการตั้งค่าภาพเด่นเริ่มต้นสำหรับบทความ WordPress ทั้งหมดของเรานั้นง่ายแค่ไหน โดยใช้ปลั๊กอิน WP Media Folder เพียงแค่คลิก 2 ครั้ง และไม่ต้องใส่โค้ดลงในไฟล์ทั้งหมดซึ่งอาจเสี่ยงต่อการเกิดข้อผิดพลาด.

ส่วนที่ดีที่สุดของ WP Media Folder คือมันไม่ใช่ฟีเจอร์เดียวที่มีให้ เพราะเรายังมีตัวเลือกอื่นๆ อีกมากมาย เช่น การถ่ายโอนสื่อไปยัง AWS การใช้ Google Drive เป็นแหล่งที่มาของรูปภาพ หรือ การสร้างแกลเลอรีที่สวยงาม !

แล้วคุณรออะไรอยู่ล่ะ? ไป ที่นี่ แล้วดาวน์โหลด WP Media Folder เลย