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

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

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

ภาพประจำตัวสมาชิก
bankjittapol
PHP Super Member
PHP Super Member
โพสต์: 344
ลงทะเบียนเมื่อ: 21/10/2019 10:19 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย bankjittapol »

การปรับแก้ไข(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
resizse_Selection_357.png
resizse_Selection_357.png (26.42 KiB) Viewed 1595 times
จากนั้นเข้าสู่หน้า 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
รูปภาพ

ผลลัพธ์ก็จะเปลี่ยนเรียบร้อย
resize_Selection_368.png
resize_Selection_368.png (36.29 KiB) Viewed 1595 times
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 27