การปรับแก้ไข(Overrides) Modules ใน Template


แชร์ ความรู้ในการ พัฒนา Joomla Component Extension Module Plugin

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
bankjittapol
PHP Super Member
PHP Super Member
Posts: 344
Joined: 21/10/2019 10:19 am

การปรับแก้ไข(Overrides) Modules ใน Template

Post by bankjittapol » 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
การปรับแก้ไข(Overrides) Modules ใน Template resizse_Selection_357.png
resizse_Selection_357.png (26.42 KiB) Viewed 47 times
จากนั้นเข้าสู่หน้า admin แล้วไปที่ Extensions เลือกที่ modules ก็จะเจอ article ทั้ง 3 ดูที่ type ของทั้ง 3 คือ Articles - Latest นั่นคือตัว modules ที่ใช้
Image

เมื่อทราบแล้วว่าใช้ Modules อะไร จากนั้นไปที่ Extensions ไปที่ Template เลือก Styles ก็จะเจอ Template ที่เรามีอยู่ จากนั้น ดูที่หัวข้อ Template เลือก Template ที่เราต้องการ ในตัวอย่าง ชื่อ example
Image

จากนั้นเลือก หัวข้อ Create Overrides เลือก Modules ที่เราต้องการ แล้วจะขึ้นข้อความว่าทำการ Overrides แล้ว
Image

จากนั้นไปที่ไฟล์ที่ทำการ overrides ไว้ ก็จะเห็นส่วนของ คำสั่งในส่วนของ ul tag
Image

เปลี่ยนคำสั่งเป็น Table tag
Image

ผลลัพธ์ก็จะเปลี่ยนเรียบร้อย
การปรับแก้ไข(Overrides) Modules ใน Template resize_Selection_368.png
resize_Selection_368.png (36.29 KiB) Viewed 47 times

Return to “Joomla Developing Knowledge”

Users browsing this forum: No registered users and 2 guests