วิธีปรับแต่งเทมเพลต Joomla โดยไม่แก้ไฟล์ต้นฉบับ

ปรับแต่งเทมเพลต Joomla โดยไม่แก้ไฟล์ต้นฉบับได้ด้วยตัวเลือกของ Template Style, CSS กำหนดเอง, Child Template และ Template Override วิธีที่เหมาะขึ้นอยู่กับสิ่งที่ต้องการเปลี่ยน เช่น สีและระยะห่างควรเริ่มจาก CSS ส่วนการแก้รูปแบบผลลัพธ์ของโมดูลหรือบทความควรพิจารณา Override

❶ เริ่มจากตัวเลือกของ Template Style

วิธีนี้เหมาะกับการเปลี่ยนค่าที่ผู้พัฒนาเทมเพลตเตรียมไว้ เช่น โลโก้ สี แบบอักษร หรือ Layout

① เปิดสไตล์ของเว็บไซต์

ใน Joomla 5 ไปที่ System → Templates Panel → Site Templates Styles แล้วเปิด Template Style ที่ใช้อยู่ ตรวจแท็บ Advanced หรือแท็บตั้งค่าอื่น ๆ ของเทมเพลต

② ปรับและทดสอบ

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

❷ ใช้ CSS กำหนดเองสำหรับสีและรูปแบบ

หากไม่มีตัวเลือกสำเร็จรูป ให้เพิ่ม CSS ในไฟล์กำหนดเองที่เทมเพลตรองรับ เช่น user.css ของ Cassiopeia วิธีนี้ช่วยแยกการปรับแต่งออกจากไฟล์ CSS หลัก

① สำรองก่อนแก้ไข

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

② เพิ่ม CSS เฉพาะส่วน

ตัวอย่างการเปลี่ยนสีหัวข้อ:

h1,
h2,
h3 {
  color: #174a7e;
}

เพิ่มโค้ดลงในไฟล์ CSS กำหนดเอง แล้วบันทึกและตรวจหน้าเว็บ หากไม่เห็นผล ให้ตรวจว่าไฟล์ถูกโหลดและตัวเลือก CSS ตรงกับโครงสร้างของเทมเพลตหรือไม่

❸ สร้าง Child Template สำหรับการปรับแต่งต่อเนื่อง

Child Template ใช้ไฟล์จากเทมเพลตหลัก เว้นแต่จะมีไฟล์ชื่อเดียวกันอยู่ใน Child Template จึงเหมาะเมื่อมีการปรับแต่งหลายจุดหรือต้องการแยกงานออกจากเทมเพลตหลัก

① สร้าง Child Template

ไปที่ System → Templates Panel → Site Templates เปิดเทมเพลตหลัก แล้วเลือก Create Child Template ตั้งชื่อและสร้างตามขั้นตอนในหน้าจอ Joomla

② เพิ่มไฟล์กำหนดเองใน Child Template

ใส่ CSS หรือไฟล์ที่ต้องการปรับไว้ในโครงสร้างของ Child Template ตามคู่มือ Joomla หรือผู้พัฒนาเทมเพลต วิธีนี้ช่วยเก็บการเปลี่ยนแปลงไว้แยกจากไฟล์ต้นฉบับ

③ ตรวจและกำหนดสไตล์ให้ใช้งาน

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

❹ ใช้ Template Override เพื่อเปลี่ยนรูปแบบผลลัพธ์

หากต้องการเปลี่ยนโครงสร้างการแสดงผลของบทความหรือโมดูล ให้ใช้ Override แทนการแก้ไฟล์ของ Extension โดยตรง

① สร้าง Override จากหน้าจัดการเทมเพลต

ไปที่ System → Templates Panel → Site Templates เปิดเทมเพลต แล้วเลือกแท็บ Create Overrides จากนั้นเลือกรายการ Component หรือ Module ที่ต้องการปรับ

② แก้ไขไฟล์สำเนาในตำแหน่ง Override

Joomla จะสร้างไฟล์ Override ในโฟลเดอร์ของเทมเพลต จากนั้นปรับไฟล์สำเนานั้นตามต้องการ โดยไฟล์ต้นฉบับของ Component หรือ Module ยังคงอยู่ที่เดิม

③ ตรวจ Override หลังอัปเดต

หลังอัปเดต Joomla หรือ Extension ให้ตรวจหน้า Updated Files หากมีไฟล์ต้นฉบับเปลี่ยน อาจต้องทบทวน Override เพื่อให้ยังทำงานร่วมกับเวอร์ชันใหม่ได้

❺ เลือกวิธีให้เหมาะกับงาน

ต้องการปรับอะไร	วิธีที่ควรเริ่มใช้
โลโก้ สี แบบอักษร หรือ Layout ที่มีตัวเลือกให้	Template Style
สี ระยะห่าง หรือรายละเอียด CSS	CSS กำหนดเอง
ปรับแต่งเทมเพลตหลายจุดต่อเนื่อง	Child Template
เปลี่ยนโครงสร้างการแสดงผลของ Component หรือ Module	Template Override

สำหรับเว็บไซต์ที่ ComSiam ดูแล ควรทดลองบนเว็บสำเนา สำรองไฟล์ก่อน และบันทึกว่าการปรับแต่งแต่ละส่วนอยู่ใน Template Style, Child Template หรือ Override ตรงไหน

❻ สรุป

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