ปรับแต่ง Joomla ด้วย CSS Class Suffix

การแสดงผลหน้าเว็บของ Joomla จะใช้ CSS เป็นส่วนสำคัญ โดยแต่ละส่วนประกอบบหน้าเว็บสามารถปรับแก้ไขได้อิสระ เช่น การแสดงผลชุดเมนู (Memu Sets) สามารถเลือกรูปแบบการแสดงผลได้ทั้งแบบมีกรอบสีฟ้า หรือไม่มีกรอบสีฟ้า (หมายเหตุ ใช้ template rhuk_milkyway เป็นชุดการแสดงผลหลัก)

โดยการปรับการแสดงผลชุดเมนูข้างต้นให้ทำผ่าน Administrator Control Panel แล้วเลือก Module Manager จากนั้นปรับค่าการแสดงผลชุดเมนูโดย

1) คลิกเลือกชุดเมนู เช่น Key Concepts
2) คลิกเลือก Advanced Parameters ในรายการ Module Class Suffix ให้พิมพ์เป็น _menu

3) เมืื่อ Reload หน้าเว็บจะปรากฏผลดังนี้

แก้ไขการแสดงผลหน้าเว็บ

คำถาม กำหนดให้รูปแบบการแสดงผลเนื้อหาหนึ่ง แตกต่างกับอีกเนื้อหาได้หรือไม่ ?

คำตอบ ทำได้ โดยบทความแต่ละบทความ หรือทุกบทความใน Section/Category สามารถกำหนดรูปแบบการแสดงผลได้อิสระแตกต่างจากบทความอื่น หรือแตกต่างจากการแสดงผลของ Section/Category อื่นได้โดยการสร้าง CSS Class และระบุผ่าน Page class suffix เช่น เมื่อคลิกเมนู Overview เพื่อเปิดบทความ Overview จะมีรูปแบบการแสดงผลแตกต่างจากบทความ Contact ที่เปิดด้วยเมนู Contact

เอกสารเพิ่มเติม

หมายเหตุ - CSS

การใช้งานส่วนนี้ผู้พัฒนาควรศึกษาคำสั่ง CSS ประกอบ


ผู้เขียน

  1. นายบุญเลิศ อรุณพิบูลย์ นักวิชาการ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี



Personal Tools
Creative Commons License
STKS Online Learning โดย http://stks.or.th/wiki อนุญาตให้ใช้ได้ตาม สัญญาอนุญาตของครีเอทีฟคอมมอนส์แบบ แสดงที่มา-ไม่ใช้เพื่อการค้า-อนุญาตแบบเดียวกัน 3.0 ประเทศไทย.