การปรับแก้ไข(Overrides) Modules ใน Template
โพสต์แล้ว: 21/11/2019 2:36 pm
การปรับแก้ไข(Overrides) Modules ใน Template
Template คือ แม่แบบ หรือต้นแบบของเว็บไซต์ที่ใช้ในการแสดงผลบนหน้าเว็บไซต์ ซึ่งประกอบไปด้วย การกำหนดตำแหน่งต่างที่ต้องการให้กับเว็บไซต์ เช่นว่า จะกำหนดตำแหน่งโลโก้ สี ภาพ ขนาดตัวอักษร เป็นต้น
Modules คือ เป็นโปรแกรมเสริมย่อย ใช้สำหรับแสดงผลในหน้าเว็บไซต์ ตามตำแหน่งที่กำหนดใน Template เช่น แสดง สไลด์ภาพผลิตภัณฑ์ แสดงว่าใครเข้าสู่ระบบอยู่ เป็นต้น
Overrides คือ การแก้ไขไฟล์ ใน template ซึ่งสามารถ แก้ไขได้ ได้แก่ Modules Components Plugins และ Layouts ซึ่งการแก้ไขส่วนนี้จะเป็นการแก้ไขเฉพาะภายใน Template เท่านั้น จะไม่มีผลต่อ Core System ซึ่งประมาณว่า ไปคัดลอกส่วนแสดงผลที่ core system ซึ่งเราก็จะสามารถแก้ไขไฟล์ที่คัดลอกมาได้ โดยไม่มีผลต่อไฟล์หลัก เพราะจะแสดงผลเฉพาะภายใน template เราเท่านั้น ซึ่งไม่ต้องกังวลที่จะเกิดปัญหาเวลาอัพเดทเวอร์ชั่น Joomla เลย
ดังนั้นการ Overrides Modules ก็คือการแก้ไขการแสดงผล module ภายใน Template นั่นเอง
ตัวอย่าง เมื่อเราต้องการเปลี่ยน tag ที่ครอบ article ทั้งหมดอยู่ จาก ul tag เปลี่ยนเป็น table tag
จากนั้นเข้าสู่หน้า admin แล้วไปที่ Extensions เลือกที่ modules ก็จะเจอ article ทั้ง 3 ดูที่ type ของทั้ง 3 คือ Articles - Latest นั่นคือตัว modules ที่ใช้
เมื่อทราบแล้วว่าใช้ Modules อะไร จากนั้นไปที่ Extensions ไปที่ Template เลือก Styles ก็จะเจอ Template ที่เรามีอยู่ จากนั้น ดูที่หัวข้อ Template เลือก Template ที่เราต้องการ ในตัวอย่าง ชื่อ example
จากนั้นเลือก หัวข้อ Create Overrides เลือก Modules ที่เราต้องการ แล้วจะขึ้นข้อความว่าทำการ Overrides แล้ว
จากนั้นไปที่ไฟล์ที่ทำการ overrides ไว้ ก็จะเห็นส่วนของ คำสั่งในส่วนของ ul tag
เปลี่ยนคำสั่งเป็น Table tag
ผลลัพธ์ก็จะเปลี่ยนเรียบร้อย
Template คือ แม่แบบ หรือต้นแบบของเว็บไซต์ที่ใช้ในการแสดงผลบนหน้าเว็บไซต์ ซึ่งประกอบไปด้วย การกำหนดตำแหน่งต่างที่ต้องการให้กับเว็บไซต์ เช่นว่า จะกำหนดตำแหน่งโลโก้ สี ภาพ ขนาดตัวอักษร เป็นต้น
Modules คือ เป็นโปรแกรมเสริมย่อย ใช้สำหรับแสดงผลในหน้าเว็บไซต์ ตามตำแหน่งที่กำหนดใน Template เช่น แสดง สไลด์ภาพผลิตภัณฑ์ แสดงว่าใครเข้าสู่ระบบอยู่ เป็นต้น
Overrides คือ การแก้ไขไฟล์ ใน template ซึ่งสามารถ แก้ไขได้ ได้แก่ Modules Components Plugins และ Layouts ซึ่งการแก้ไขส่วนนี้จะเป็นการแก้ไขเฉพาะภายใน Template เท่านั้น จะไม่มีผลต่อ Core System ซึ่งประมาณว่า ไปคัดลอกส่วนแสดงผลที่ core system ซึ่งเราก็จะสามารถแก้ไขไฟล์ที่คัดลอกมาได้ โดยไม่มีผลต่อไฟล์หลัก เพราะจะแสดงผลเฉพาะภายใน template เราเท่านั้น ซึ่งไม่ต้องกังวลที่จะเกิดปัญหาเวลาอัพเดทเวอร์ชั่น Joomla เลย
ดังนั้นการ Overrides Modules ก็คือการแก้ไขการแสดงผล module ภายใน Template นั่นเอง
ตัวอย่าง เมื่อเราต้องการเปลี่ยน tag ที่ครอบ article ทั้งหมดอยู่ จาก ul tag เปลี่ยนเป็น table tag
- resizse_Selection_357.png (26.42 KiB) Viewed 1622 times
เมื่อทราบแล้วว่าใช้ Modules อะไร จากนั้นไปที่ Extensions ไปที่ Template เลือก Styles ก็จะเจอ Template ที่เรามีอยู่ จากนั้น ดูที่หัวข้อ Template เลือก Template ที่เราต้องการ ในตัวอย่าง ชื่อ example
จากนั้นเลือก หัวข้อ Create Overrides เลือก Modules ที่เราต้องการ แล้วจะขึ้นข้อความว่าทำการ Overrides แล้ว
จากนั้นไปที่ไฟล์ที่ทำการ overrides ไว้ ก็จะเห็นส่วนของ คำสั่งในส่วนของ ul tag
เปลี่ยนคำสั่งเป็น Table tag
ผลลัพธ์ก็จะเปลี่ยนเรียบร้อย
- resize_Selection_368.png (36.29 KiB) Viewed 1622 times