วิธีเพิ่ม Thumbnails ให้กับหมวดหมู่ & แท็กของ WordPress
บางครั้งเว็บไซต์ WordPress จะดูดีกว่ามากถ้าเราสามารถแสดงรูปภาพข้างหมวดหมู่หรือแท็ก ตัวอย่างเช่นเราอาจเพิ่มรูปภาพเกี่ยวกับ CSS ใน “CSS” หมวดหมู่หรือโลโก้ HTML5 ใน “HTML” หมวดหมู่ (เช่นที่แสดงด้านล่าง).
ย้อนกลับไปในเวอร์ชัน 2.9, WordPress เพิ่มความสามารถในการ เพิ่มรูปขนาดย่อของรูปภาพ (ภายหลังเปลี่ยนชื่อ ภาพที่โดดเด่น) สำหรับโพสต์หน้ารวมถึงประเภทโพสต์ที่กำหนดเอง คุณลักษณะรูปขนาดย่อของรูปภาพนี้ไม่ครอบคลุมหมวดหมู่แท็กและอนุกรมวิธานที่กำหนดเองแม้ในรุ่นที่ใหม่กว่า (ยกเว้น Taxonomy แบบกำหนดเองที่อาจเป็นไปได้ใน WordPress 4.4)
ขอบคุณเคล็ดลับ WordPress และปลั๊กอินรูปย่อ Taxonomy เราสามารถทำสิ่งนี้กับหมวดหมู่และแท็กโพสต์ของเรา ลองตรวจสอบวิธีการนี้สามารถทำได้ด้วยโค้ดไม่กี่บรรทัด.
เริ่มต้นใช้งาน
ในการเริ่มต้นใช้งานปลั๊กอินนี้ในเว็บไซต์ WordPress ของคุณ คุณสามารถติดตั้งปลั๊กอินผ่าน ปลั๊กอิน> เพิ่มใหม่ หรือผ่าน FTP เมื่อคุณเปิดใช้งานปลั๊กอินไปที่ โพสต์> หมวดหมู่. ตอนนี้คุณควรจะสามารถหาปุ่มได้ “ตั้งภาพขนาดย่อ“.
การคลิกปุ่มนี้จะเป็นการแสดง WordPress Media Manager. ที่นี่คุณสามารถเลือกภาพที่คุณเคยอัปโหลดไว้เป็นรูปภาพหมวดหมู่หรือคุณสามารถอัปโหลดรูปภาพของคุณปรับแต่งและสุดท้ายเลือกเป็นภาพขนาดย่อของหมวดหมู่ (หรือแท็ก).
ภาพจะปรากฏใน ประเภท ตารางช่วยให้คุณเห็นหมวดหมู่ที่มีหมวดหมู่ภาพแนบอยู่.
แท็กเทมเพลต
ปลั๊กอินนี้มาพร้อมกับแท็กแม่แบบที่มีประโยชน์บางอย่างเพื่อดึงภาพที่คล้ายกับแท็กแม่แบบภาพขนาดย่อโพสต์ ด้วยวิธีนี้เราสามารถดึงภาพขนาดย่อของคำศัพท์ได้อย่างง่ายดาย.
- get_term_thumbnail_id ($ term_taxonomy_id): เพื่อรับรหัสรูปขนาดย่อของ Taxonomy.
- has_term_thumbnail ($ term_taxonomy_id): เพื่อตรวจสอบว่าคำว่า Taxonomy มีรูปขนาดย่อหรือไม่.
- get_term_thumbnail ($ term_taxonomy_id, $ size = 'โพสต์รูปขนาดย่อ', $ attr = ” ): เพื่อเรียกคืนภาพขนาดย่อของ Taxonomy.
ตามที่คุณเห็นด้านบนฟังก์ชั่นเหล่านี้จำเป็นต้องใช้ taxonomy ID - หมวดหมู่แท็กหรือ ID อนุกรมวิธานที่กำหนดเอง - ซึ่งคุณสามารถดึงข้อมูลได้โดยใช้ term_taxonomy_id
ฟังก์ชัน ปลั๊กอินมาพร้อมกับฟังก์ชั่นอีกสองสามอย่างเช่นการตั้งค่าและลบภาพขนาดย่อ แต่สิ่งเหล่านี้เพียงพอสำหรับตอนนี้.
วิธีการแสดงรูปย่อ
รับรายการเงื่อนไข
ก่อนอื่นเราใช้ get_terms ()
ฟังก์ชั่นเพื่อรับรายการเงื่อนไขของ Taxonomy ที่ระบุ - ในกรณีนี้เราจะได้รับเงื่อนไขจากหมวดหมู่โพสต์.
'name', 'order' => 'ASC', 'hide_empty' => true,'lude '=> array (),' excluse_tree '=> array (),' include '=> array (),' number ' => ", 'field' => 'all', 'slug' =>", 'parent' => ", 'ลำดับชั้น' => true, 'child_of' => 0, 'childless' => false, 'get '=> ",' name__like '=>",' description__like '=> ",' pad_counts '=> false,' offset '=>",' search '=> ",' cache_domain '=>' core ',) ; $ terms = get_terms ($ taxonomy, $ args); ?>
ผลลัพธ์คือ Array ที่มีข้อมูลของแต่ละคำศัพท์รวมถึง term_id
, ชื่อ
, กระสุน
, term_group
, term_taxonomy_id
, ลักษณะ
, เป็นต้นตอนนี้เราต้องแสดงคำว่า ชื่อ
ภายในรายการโดยใช้ แต่ละ
ห่วงดังต่อไปนี้.
' $ taxonomy ':'; echo '
- '; foreach ($ term เป็น $ term) echo $ term-> name; echo '
ผลลัพธ์มีลักษณะดังนี้:
ที่นี่เรามี CSS, HTML, JavaScript, jQuery และ PHP เราได้แนบรูปภาพ (โลโก้หรือไอคอน) สำหรับแต่ละรายการ เงื่อนไข. ตอนนี้เราจำเป็นต้องรู้วิธีการแสดง.
แสดงรูปย่อ
เพื่อแสดงภาพตัวอย่างเราจะขยาย แต่ละ
วนซ้ำเช่นจากรหัสก่อนหน้าของเรา.
เราเพิ่มแท็กเทมเพลต, get_term_thumbnail ()
, เพื่อรับภาพขนาดย่อและเรายังเพิ่มลิงก์ไปยังหน้าเก็บถาวรของคำนั้น.
ถ้า (! ว่าง ($ ข้อตกลง) &&! is_wp_error ($ ข้อตกลง)) echo '
- '; foreach ($ term เป็น $ term) echo '
- '. $ term-> ชื่อ. get_term_thumbnail ($ term-> term_taxonomy_id, $ size = 'หมวดหมู่นิ้วหัวแม่มือ', $ attr =") ' '; echo '
และผลลัพธ์ (หลังจากเพิ่ม CSS) ดังแสดงด้านล่าง:
ปลั๊กอินมีตัวเลือกให้เลือกเพื่อเรียกค้นคำทั้งหมดหรือเพียงแค่ตกลงกับรูปขนาดย่อ หากต้องการทำสิ่งนี้ให้ใช้พารามิเตอร์ด้านล่างใน get_terms ()
ฟังก์ชั่น:
$ taxonomy = 'หมวดหมู่'; $ args = array ('with_thumbnail' => true, // true = เรียกคำที่มีรูปขนาดย่อ, false = เรียกค้นคำทั้งหมด); $ terms = get_terms ($ taxonomy, $ args);
นำไปใช้กับอนุกรมวิธานอื่น ๆ
ตามที่ระบุไว้คุณสามารถใช้ปลั๊กอินนี้กับหมวดหมู่ไม่เพียง แต่รวมถึงอนุกรมวิธานอื่น ๆ เช่น แท็ก, ลิงค์หมวด, และ อนุกรมวิธานที่กำหนดเอง. ปลั๊กอินนี้มีประโยชน์ในการเปิดใช้งานรูปขนาดย่อของรูปภาพบน Taxonomy ใด ๆ เช่นเดียวกับในโพสต์และหน้า.