วิธีจัดสไตล์แต่ละหมวดหมู่ให้แตกต่างใน WordPress

---

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

เหตุใดหมวดหมู่สไตล์จึงแตกต่างใน WordPress?

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

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

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

ที่กล่าวว่าเรามาดูวิธีจัดรูปแบบแต่ละหมวดหมู่ให้แตกต่างกันใน WordPress ได้อย่างง่ายดาย

จัดสไตล์แต่ละหมวดหมู่แตกต่างกันใน WordPress

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

การใช้เทมเพลตหมวดหมู่เดียวในธีม WordPress

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

ตัวอย่างเช่น ค้นหาไฟล์ category.php เพื่อแสดงหน้าเก็บถาวรหมวดหมู่

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

เชื่อมต่อกับไซต์ WordPress ของคุณโดยใช้ไคลเอนต์ FTP จากนั้นไปที่ /wp-content/themes/your-current-theme/ โฟลเดอร์และสร้างไฟล์ใหม่ category-apple.php อย่าลืมแทนที่ apple ด้วยชื่อหมวดหมู่ของคุณเอง

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

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

จัดสไตล์แต่ละหมวดหมู่ใน WordPress โดยใช้ CSS

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

ตัวอย่างเช่น หากคุณดูหน้าเก็บหมวดหมู่แล้วใช้เครื่องมือตรวจสอบ คุณจะสังเกตเห็นคลาส CSS หมวดหมู่และชื่อหมวดหมู่ในแท็ก body

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

นี่คือตัวอย่าง CSS บางส่วนที่คุณสามารถใช้เป็นจุดเริ่มต้นได้

body.category-apple { 
background-color:#EEE;
background:url("http://example.com/wp-content/uploads/2017/background.jpg") no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site { 
background:#232323; 
}
.category-apple a { 
color:#CCCCCC; 
} 

อย่าลืมเปลี่ยนชื่อหมวดหมู่ในคลาส CSS ด้วยชื่อหมวดหมู่ของคุณเอง

เราหวังว่าบทความนี้จะช่วยให้คุณเรียนรู้วิธีจัดรูปแบบหมวดหมู่ที่แตกต่างกันใน WordPress คุณอาจต้องการดูรายการแฮ็กและปลั๊กอินหมวดหมู่ที่ต้องการมากที่สุดสำหรับ WordPress

หากคุณชอบบทความนี้ โปรดสมัครรับวิดีโอบทช่วยสอนช่อง YouTube สำหรับ WordPress ของเรา คุณสามารถหาเราได้ทาง Twitter และ Facebook