อยากให้แต่ละหน้าใช้เทมเพลตต่างกัน? วิธีตั้งค่าใน Joomla

Joomla สามารถกำหนด Template Style ให้กับรายการเมนูแต่ละรายการได้ จึงใช้เทมเพลตหรือรูปแบบเทมเพลตต่างกันในหน้าแรก หน้าบริการ หรือหน้าอื่นได้ โดยเลือกหน้าที่ต้องการจากการตั้งค่า Menu Assignment หรือกำหนดสไตล์จากหน้ารายการเมนูโดยตรง

❶ เตรียมเทมเพลตและรูปแบบที่ต้องการใช้

ก่อนกำหนดค่า ให้ติดตั้งเทมเพลตที่ต้องการและตรวจว่าปรากฏในรายการ Site Templates Styles แล้ว

① เลือกว่าจะใช้เทมเพลตเดียวหรือหลายเทมเพลต

ถ้าต้องการเพียงเปลี่ยนสีหรือการตั้งค่าบางอย่าง อาจใช้ Template Style หลายรูปแบบจากเทมเพลตเดียวกัน แต่ถ้าต้องการโครงหน้าแตกต่างกันมาก อาจใช้คนละเทมเพลต

② ทำสำเนาสไตล์เมื่อต้องการแยกการตั้งค่า

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

❷ กำหนดเทมเพลตจากหน้า Template Styles

วิธีนี้เหมาะเมื่อจะกำหนดสไตล์ให้หลายหน้า หรือเลือกหลายรายการเมนูในคราวเดียว

① เปิดสไตล์ที่ต้องการ

ใน Joomla 5 ไปที่ System → Templates Panel → Site Templates Styles แล้วเลือกชื่อสไตล์ที่ต้องการใช้กับหน้าเป้าหมาย

② เลือกเมนูใน Menu Assignment

เปิดส่วน Menu Assignment แล้วทำเครื่องหมายหน้ารายการเมนูที่ต้องการให้ใช้สไตล์นี้ ตรวจให้ตรงกับชื่อหน้าและเมนูที่เว็บไซต์ใช้งานจริง

③ บันทึกและเปิดหน้าตรวจสอบ

บันทึกการตั้งค่า จากนั้นเปิดหน้าเว็บไซต์ผ่านเมนูที่เลือก ตรวจว่าเทมเพลตและองค์ประกอบต่าง ๆ แสดงผลตามต้องการ

❸ กำหนดเทมเพลตจากหน้าแก้ไขเมนู

วิธีนี้สะดวกเมื่อต้องการกำหนดสไตล์ให้เมนูรายการเดียว

① เปิดเมนูที่ต้องการแก้ไข

ไปที่เมนูของเว็บไซต์ แล้วเลือกชื่อรายการเมนูที่เชื่อมไปยังหน้าที่ต้องการปรับ

② เลือก Template Style

ในหน้าตั้งค่ารายการเมนู ให้หาเขตข้อมูล Template Style แล้วเลือกสไตล์ที่ต้องการ หากเลือกใช้ค่าเริ่มต้น หน้านั้นจะใช้สไตล์ Default ของเว็บไซต์

③ บันทึกแล้วทดสอบหน้า

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

❹ ตรวจการแสดงผลและตำแหน่งโมดูล

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

① ตรวจเนื้อหาและเมนู

ตรวจหัวข้อ เนื้อหาหลัก เมนู และลิงก์ภายใน ว่าแสดงครบและไม่ซ้อนทับกัน

② ตรวจโมดูลของแต่ละหน้า

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

③ ทดสอบบนมือถือและคอมพิวเตอร์

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

❺ ปัญหาที่พบบ่อย

① เลือกสไตล์แล้วหน้าไม่เปลี่ยน

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

② หน้าที่ไม่ได้ตั้งใจเปลี่ยนตามไปด้วย

ตรวจว่าไม่ได้เลือกเมนูอื่นไว้ใน Menu Assignment โดยไม่ตั้งใจ และตรวจการกำหนด Template Style ของรายการเมนูแต่ละรายการ

③ โมดูลหายหลังเปลี่ยนเทมเพลต

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

สำหรับเว็บไซต์ที่ ComSiam ดูแล การตั้งชื่อ Template Style ให้สื่อว่ารูปแบบนั้นใช้กับหน้าใด ช่วยให้ตรวจและจัดการการกำหนดสไตล์ได้ง่ายขึ้น

❻ สรุป

หากต้องการให้หน้า Joomla ใช้เทมเพลตต่างกัน ให้เลือก Template Style ที่ต้องการแล้วกำหนดรายการเมนูผ่าน Menu Assignment หรือเลือกสไตล์จากหน้าแก้ไขเมนู หลังบันทึก ให้ตรวจหน้า เนื้อหา โมดูล และการแสดงผลบนมือถือทุกหน้า เมื่อ ComSiam แยกสไตล์ตามหน้าที่ชัดเจน ก็ช่วยให้ปรับหน้าตาแต่ละส่วนได้โดยไม่กระทบรูปแบบของทั้งเว็บไซต์