การเพิ่มรูปภาพส่วนหัวที่แตกต่างกันไปยังหน้าและโพสต์เฉพาะใน 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

การเพิ่มรูปภาพส่วนหัวใหม่

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

Dynamic Headers - Add New Media File

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

Select Header Image

จัดการไฟล์รูปภาพส่วนหัว

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

Dynamic Headers-Manage Files

การตั้งค่ารูปภาพส่วนหัว

มีการตั้งค่าหลัก 2 รายการในหน้านี้

สื่อส่วนหัวเริ่มต้น

หากคุณไม่ได้ตั้งค่าส่วนหัวเริ่มต้น จะไม่มีการแสดงข้อความใดบนหน้าที่ไม่ได้ตั้งค่าไว้ การเลือก Random Media จะแสดงไฟล์สื่อของคุณแบบสุ่มบนหน้าเว็บที่ไม่มีส่วนหัวที่เกี่ยวข้อง

ส่วนหัวของหน้าบล็อก

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

Header Images Settings Page

บทสรุป

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

พบวิธีอื่นในการเพิ่มรูปภาพส่วนหัวต่างๆ ในหน้าและโพสต์เฉพาะใน WordPress หรือไม่