ในการสร้างเว็บไซต์ด้วยโปรแกรม Joomla จะมีโมดูลซึ่งส่วนที่ช่วยเพิ่มประสิทธิภาพการทำงานของ Joomla ใช้สำหรับเพิ่มเนื้อหาตำแหน่งต่างๆในเว็บไซต์ Joomla โมดูลนั้นมีหลากหลายชนิด โดยส่วนใหญ่แล้วจะต้องมีส่วนด้านล่างสุดของเว็บไซต์ที่เรียกว่าส่วน Footer เป็นส่วนแสดงเนื้อหาเกี่ยวกับเว็บไซต์ เช่นเรื่อง ลิขสิทธิ์ และนอกจากนี้การแสดงเนื้อหายังสามารถแสดงแบ่งเป็นหลายคอลัมน์ได้อีกด้วย บทความนี้จึงเป็นการแนะนำวิธีการสร้างและปรับโมดูล Footer และแบ่งเนื้อหาเป็นแบบ 4 คอลัมน์

 

1.เข้า localhost ในส่วนของผู้ดูแลระบบ คลิกที่เมนู Extensions เลือก Modules

เข้า localhost ในส่วนของผู้ดูแลระบบ คลิกที่เมนู Extensions เลือก Modules
เข้า localhost ในส่วนของผู้ดูแลระบบ คลิกที่เมนู Extensions เลือก Modules

 

2.คลิก New 

คลิก New
คลิก New

 

3.เลือก Footer

เลือก Footer
เลือก Footer

 

4.ตั้งชื่อ Module ว่า Footer ในส่วน Show Title เลือก Hide  , Position กำหนดตำแหน่ง , Status เลือก Published จากนั้นคลิก Save & Close

ตั้งชื่อ Module กำหนดการแสดง Title , Position กำหนดตำแหน่ง , เลือก Status
ตั้งชื่อ Module กำหนดการแสดง Title , Position กำหนดตำแหน่ง , เลือก Status

 

5.สร้างโมดูล Information โดยคลิก New จากนั้นเลือก Custom 

สร้างโมดูล Information
สร้างโมดูล Information

 

6.ตั้งชื่อ Module ว่า Information ส่วนของเนื้อหา สร้างรายการที่ต้องการแสดงในโมดูล , Show Title เลือก Hide  , Position กำหนดตำแหน่ง , Status เลือก Published 

ตั้งชื่อ Module กำหนดการแสดง Title , Position กำหนดตำแหน่ง , เลือก Status
ตั้งชื่อ Module กำหนดการแสดง Title , Position กำหนดตำแหน่ง , เลือก Status

 

7.ปรับ Header Tag โดยเลือกที่เมนู Advancedl ตรง Header Tag ให้เลือก h5 จากนั้นคลิก Save & Close

ปรับ Header Tag
ปรับ Header Tag

 

8.ในโปรแกรม Netbeans เปิดไฟล์ index.php แทรกโค้ด ด้านล่างนี้ ในส่วนของ name ใส่ position แต่ละตำแหน่งที่ต้องการให้โมดูลไปแสดง จากนั้น Save

<footer>
    <div class="container">
        <div class="row">
            <div class="col-sm-3">
                <jdoc:include type="modules" name="bottom1" style="xhtml" /> 
            </div>
            <div class="col-sm-3">
                <jdoc:include type="modules" name="bottom2" style="xhtml" /> 
            </div>
            <div class="col-sm-3">
                <jdoc:include type="modules" name="bottom3" style="xhtml" /> 
            </div>     
            <div class="col-sm-3">
                <jdoc:include type="modules" name="bottom4" style="xhtml" /> 
            </div>  
        </div>  
        <hr>
        <jdoc:include type="modules" name="footer" style="none" /> 
    </div>
</footer>

 

9.รันหน้าเว็บ จะได้โมดูล Footer และ โมดูล Information 

แสดงผลโมดูล Footer และ โมดูล Information ในหน้าเว็บ
แสดงผลโมดูล Footer และ โมดูล Information ในหน้าเว็บ

 

เนื้อหาเพิ่มเติม

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
166
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
125
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
270
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
184
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
142
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
239
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
203
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
166
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว