การเพิ่มรูปภาพส่วนหัวที่แตกต่างกันไปยังหน้าและโพสต์เฉพาะใน WordPress
เผยแพร่แล้ว: 2012-01-24ผู้ใช้ WordPress บางรายต้องการแสดงรูปภาพส่วนหัวที่ไม่ซ้ำกันในบทความและหน้าต่างๆ หรือเพิ่มรูปภาพส่วนหัวที่แสดงแบบสุ่ม/หมุนบนหน้าเฉพาะของไซต์ WordPress ของตน
มีวิธีเพิ่มรูปภาพส่วนหัวในหน้าใหม่หรือโพสต์ที่มีอยู่ใน WordPress โดยใช้ตัวเลือกรูปภาพเด่นในหน้าจอแก้ไขโพสต์ WordPress ของคุณ ปัญหาเดียวคือบางครั้งคุณจะต้องเพิ่มโค้ด css & php ซึ่งอาจเป็นความท้าทายที่ใช้เวลานาน
วิธีที่ง่ายกว่าในการเพิ่มรูปภาพส่วนหัวอื่นใน WordPress คือการติดตั้งปลั๊กอินชื่อ Dynamic Headers เป็นปลั๊กอินฟรีที่ให้คุณจัดการว่าสื่อส่วนหัวใดที่แสดงในแต่ละหน้า/โพสต์ ส่วนหัวไดนามิกยังให้คุณเพิ่มประเภทไฟล์รวมถึงไฟล์แฟลช
ปลั๊กอินรูปภาพส่วนหัวแบบไดนามิกยังมี:
- ความสามารถในการเพิ่มลิงก์ไปยังรูปภาพส่วนหัวต่างๆ
- ความเข้ากันได้สำหรับ Twenty theme
- ใช้งานได้กับเบราว์เซอร์ที่แตกต่างกัน
- การหมุนภาพส่วนหัวในหน้าและโพสต์ต่างๆ
- ประเภทไฟล์ที่อนุญาต: .jpg, .jpeg, .gif, .png, .swf
หากคุณยังไม่มีรูปภาพส่วนหัว คุณจะพบบทช่วยสอนนี้เกี่ยวกับวิธีสร้างส่วนหัวสำหรับ WordPress ที่เป็นประโยชน์
ปลั๊กอินส่วนหัวแบบไดนามิก
นี่คือคำแนะนำที่สำคัญบางส่วนจากผู้พัฒนาปลั๊กอินก่อนที่จะอัปโหลดรูปภาพส่วนหัวของคุณ คุณจะต้องสร้างโฟลเดอร์ใหม่บนเว็บเซิร์ฟเวอร์ของคุณและเพิ่มโค้ด php ลงในไฟล์ header.php ของธีมของคุณ
คำอธิบาย : ปลั๊กอินนี้จะช่วยให้คุณอัปโหลดสื่อประเภทต่างๆ (ไฟล์ jpg, gif, png และ Flash) เพื่อใช้เป็นส่วนหัวในเว็บไซต์ของคุณ
คุณสามารถกำหนดส่วนหัวต่างๆ ของไฟล์ประเภทต่างๆ เพื่อใช้กับโพสต์/เพจต่างๆ ได้
คุณยังสามารถตั้งค่าส่วนหัวเริ่มต้นเพื่อใช้ในโพสต์/เพจที่ไม่มีส่วนหัวที่กำหนดไว้
1. หลังจากติดตั้งปลั๊กอิน คุณจะต้องสร้างโฟลเดอร์ชื่อ header-images ในโฟลเดอร์ wp-content ของคุณ (/wp-content/header-images/) คุณจะต้องทำให้โฟลเดอร์นี้สามารถเขียนได้ หากคุณไม่แน่ใจเกี่ยวกับวิธีการทำเช่นนี้ ให้ปรึกษาบริษัทโฮสติ้งของคุณ ไฟล์วิธีใช้สำหรับโฮสติ้งของคุณ เอกสารประกอบไคลเอนต์ FTP ของคุณ ฯลฯ กระบวนการนี้อาจแตกต่างกันไปในแต่ละเซิร์ฟเวอร์
หากไดเรกทอรีไม่สามารถเขียนได้ คุณควรเห็นข้อความแสดงข้อผิดพลาดที่ด้านบนของหน้าผู้ดูแลระบบปลั๊กอิน
2. อัปโหลดสื่อ (โดยใช้ประเภทไฟล์ที่แสดงด้านบน) บนหน้า เพิ่มไฟล์ใหม่
3. ไปที่ หน้าการตั้งค่า (สร้างภายใต้เมนูส่วนหัวที่สร้างโดยปลั๊กอิน) และตั้งค่ารูปภาพส่วนหัวเริ่มต้นของคุณ หากคุณไม่ได้ตั้งค่ารูปภาพส่วนหัวเริ่มต้น จะไม่มีสื่อใดปรากฏสำหรับโพสต์และหน้าที่ไม่มีรูปภาพส่วนหัวเชื่อมโยงอยู่
หรือคุณสามารถเพิ่มรูปภาพในไดเร็กทอรี /wp-content/header-images/ โดยใช้ไคลเอนต์ FTP ของคุณหรือตัวจัดการไฟล์อื่น ๆ
4. สร้างหรือแก้ไขโพสต์หรือเพจ และที่ด้านล่างของเพจ คุณจะเห็นกล่องใหม่ที่เรียกว่า “Dynamic Header by Nicasio Design” เลือกจากดรอปดาวน์หนึ่งในไฟล์สื่อที่คุณอัปโหลด สื่อนี้จะแสดงเฉพาะในเพจหรือโพสต์ที่คุณตั้งค่าให้ปรากฏ
5. สำรองไดเร็กทอรีธีมของคุณก่อนทำการดัดแปลงใดๆ กับไฟล์ธีมใดๆ
6. ตอนนี้ คุณจะต้องเพิ่มแท็กเทมเพลตที่สร้างโดยปลั๊กอินลงในไฟล์ธีมของคุณ ซึ่งคุณต้องการให้ส่วนหัวแบบไดนามิกของคุณปรากฏ (ซึ่งมักจะอยู่ใน wp-content/themes/your-theme-name/header.php)
คุณมี 2 ตัวเลือกในการเพิ่มส่วนหัวแบบไดนามิกของคุณ:
ตัวเลือก 1 (แนะนำ): เพียงวางโค้ดบรรทัดนี้ลงในไฟล์ธีมที่ควบคุมส่วนหัวของคุณ (โดยปกติคือ header.php)
หมายเหตุ: ตำแหน่งที่จะเพิ่มโค้ดนี้อาจแตกต่างกันไปในแต่ละธีม และขึ้นอยู่กับการตั้งค่า css ของธีม คุณอาจต้องใช้ตัวเลือกที่ 2 และแก้ไข CSS ของธีม **สำรองไฟล์ธีมใดๆ ก่อนแก้ไข**
<?php if(function_exists('show_media_header')){ show_media_header(); } ?>
การดำเนินการนี้จะกำหนดประเภทของสื่อที่คุณใช้โดยอัตโนมัติและสร้างรหัสที่เหมาะสมเพื่อแทรก คุณไม่จำเป็นต้องมีการเข้ารหัสอื่นๆ
ตัวเลือกที่ 2: คุณสามารถใช้โค้ดบรรทัดนี้เพื่อรับ URL ของสื่อสำหรับโพสต์หรือเพจเฉพาะได้ สิ่งนี้จะช่วยให้คุณทำสิ่งขั้นสูงขึ้นและฝังสื่อด้วยตัวคุณเองหากคุณรู้ว่าคุณกำลังทำอะไรอยู่
<?php if(function_exists('dh_get_page_image_url')){ $dynamic_header_url = dh_get_page_image_url(); } ?>
คุณสามารถใช้ตัวแปร $dynamic_header_url
ได้ตามที่เห็นสมควร โดยจะมีเส้นทางแบบเต็มไปยังไฟล์สื่อของคุณสำหรับหน้า/โพสต์นั้น ๆ รวมถึงสื่อเริ่มต้นที่ควรจะแสดง
ขอแนะนำให้ผู้ใช้ส่วนใหญ่ใช้ตัวเลือกที่ 1 หากเป็นไปได้ เนื่องจากวิธีนี้ง่ายกว่ามาก
หมายเหตุ: ฟังก์ชันนี้สามารถคืนค่า NULL หรือสตริง 'None' หากไม่มีส่วนหัวสำหรับหน้าปัจจุบัน Source Dynamic Header
การเพิ่มรูปภาพส่วนหัวใหม่
เมื่อคุณทำตามคำแนะนำของผู้ใช้และตั้งค่าโฟลเดอร์รูปภาพส่วนหัวใหม่บนเซิร์ฟเวอร์ของคุณแล้ว คุณสามารถอัปโหลดรูปภาพส่วนหัวใหม่ในหน้าจอ เพิ่มไฟล์ใหม่ ได้
เมื่อคุณอัปโหลดรูปภาพส่วนหัวแล้ว คุณสามารถไปที่หน้าจอแก้ไขโพสต์หรือหน้าใดก็ได้ เลื่อนลงไปที่ด้านล่างของหน้าและเลือกรูปภาพส่วนหัวที่คุณต้องการใช้สำหรับหน้าหรือโพสต์ที่ไม่ซ้ำกัน
จัดการไฟล์รูปภาพส่วนหัว
ที่นี่ คุณสามารถลบไฟล์รูปภาพส่วนหัว แก้ไขไฟล์โดยเลือกรูปภาพส่วนหัวที่คุณต้องการเปลี่ยนและเปลี่ยน URL ของลิงก์และข้อความแสดงแทน แค่นั้นแหละสำหรับหน้าจอนี้
การตั้งค่ารูปภาพส่วนหัว
มีการตั้งค่าหลัก 2 รายการในหน้านี้
สื่อส่วนหัวเริ่มต้น
หากคุณไม่ได้ตั้งค่าส่วนหัวเริ่มต้น จะไม่มีการแสดงข้อความใดบนหน้าที่ไม่ได้ตั้งค่าไว้ การเลือก Random Media จะแสดงไฟล์สื่อของคุณแบบสุ่มบนหน้าเว็บที่ไม่มีส่วนหัวที่เกี่ยวข้อง
ส่วนหัวของหน้าบล็อก
หน้าบล็อกเป็นหน้าแรกเริ่มต้นสำหรับ WordPress เป็นเพจที่แสดงโพสต์ล่าสุดของคุณ ส่วนหัวของหน้าบล็อกต้องได้รับการจัดการแยกต่างหาก เลือกสื่อที่จะใช้ในหน้าบล็อกด้วยเมนูดร็อปดาวน์นี้
บทสรุป
ปลั๊กอินที่ยอดเยี่ยมสำหรับการเพิ่มและใช้รูปภาพส่วนหัวต่างๆ ในหน้าและโพสต์เฉพาะใน WordPress หากคุณเป็นมือใหม่ คุณอาจต้องขอให้โฮสต์เว็บสร้างไดเร็กทอรีโฟลเดอร์ไฟล์ใหม่บนเซิร์ฟเวอร์ของคุณสำหรับรูปภาพส่วนหัว และตรวจสอบให้แน่ใจว่าสามารถเขียนได้ และคุณจะต้องเพิ่มโค้ด php ลงในไฟล์ header.php ของธีมของคุณด้วย
พบวิธีอื่นในการเพิ่มรูปภาพส่วนหัวต่างๆ ในหน้าและโพสต์เฉพาะใน WordPress หรือไม่