ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

            ในการสร้างเว็บไซต์ด้วยโปรแกรม 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 ในหน้าเว็บ

 

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

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
Plugin Content MChangeLog ใน Joomla เป็นตัวช่วยให้ เพิ่มเนื้อหาที่มีการเปลี่ยนแปลงแบบ เพิ่มเนื้อหา อัพเดด fix ปัญหา
โดย prmindphp พฤ 12 ธ.ค. 2019 6:46 pm บอร์ด MindPHP News & Feedback
0
7
พฤ 12 ธ.ค. 2019 6:46 pm โดย prmindphp
วิธีการเขียน SQL สำหรับเปลี่ยน Collation เพื่อปรับเปลี่ยนการรองรับภาษา ใน ตารางฐานข้อมูล
โดย Ittichai_chupol พฤ 12 ธ.ค. 2019 4:17 pm บอร์ด SQL Knowledge
0
4
พฤ 12 ธ.ค. 2019 4:17 pm โดย Ittichai_chupol
สอบถามการใช้ Python
โดย Anonymous พฤ 12 ธ.ค. 2019 11:51 am บอร์ด Programming - PHP
0
7
พฤ 12 ธ.ค. 2019 11:51 am โดย บุคคลทั่วไป
Funny today ไปไหน???
โดย chatee supasand พฤ 12 ธ.ค. 2019 11:44 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
14
พฤ 12 ธ.ค. 2019 11:44 am โดย chatee supasand
VDO - แนะนำการใช้งาน Plugin Content M Change Log
โดย numtan5839 พฤ 12 ธ.ค. 2019 10:47 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
13
พฤ 12 ธ.ค. 2019 2:47 pm โดย numtan5839
งานประจำวันที่ 12 ธันวาคม 2562
โดย numtan5839 พฤ 12 ธ.ค. 2019 10:04 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
9
พฤ 12 ธ.ค. 2019 7:37 pm โดย numtan5839
วิธีการนำข้อมูลคำอธิบายภาพออก ในโพสต์ของ php
โดย Ittichai_chupol พ 11 ธ.ค. 2019 7:03 pm บอร์ด PHP Knowledge
1
25
พฤ 12 ธ.ค. 2019 10:59 am โดย Sirayu
โปรแกรมคำนวณเพซ
โดย prmindphp พ 11 ธ.ค. 2019 6:50 pm บอร์ด MindPHP News & Feedback
0
25
พ 11 ธ.ค. 2019 6:50 pm โดย prmindphp
ArrayList Java กับการหาค่าที่มากที่สุดแล้วลบออก
โดย Grammanano พ 11 ธ.ค. 2019 6:38 pm บอร์ด Share Knowledge
0
21
พ 11 ธ.ค. 2019 6:38 pm โดย Grammanano
การเขียน switch case ในภาษา C
โดย Grammanano พ 11 ธ.ค. 2019 5:52 pm บอร์ด Share Knowledge
0
15
พ 11 ธ.ค. 2019 5:52 pm โดย Grammanano
VDO - Introducing to Pace Calculator
โดย numtan5839 พ 11 ธ.ค. 2019 5:38 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
16
พฤ 12 ธ.ค. 2019 11:15 am โดย mindphp
การลบข้อมูลจาก ArrayList ภาษา Java
โดย Grammanano พ 11 ธ.ค. 2019 5:32 pm บอร์ด Share Knowledge
0
18
พ 11 ธ.ค. 2019 5:32 pm โดย Grammanano
วิธีแปลงไฟล์ PDF เป็นไฟล์ Word ทางเว็ปไซต์
โดย noppadonsk พ 11 ธ.ค. 2019 4:24 pm บอร์ด Share Knowledge
0
25
พ 11 ธ.ค. 2019 4:24 pm โดย noppadonsk
วิธีใช้ text shortcut ใน Google Docs สร้างคำที่พิมพ์บ่อยให้พิมพ์ได้เร็วขึ้น
โดย noppadonsk พ 11 ธ.ค. 2019 4:02 pm บอร์ด Share Knowledge
0
8
พ 11 ธ.ค. 2019 4:02 pm โดย noppadonsk
รู้รึยัง Google Search ค้นหาเนื้อหาในวีดีโอได้แล้ว
โดย noppadonsk พ 11 ธ.ค. 2019 3:47 pm บอร์ด Share Knowledge
0
12
พ 11 ธ.ค. 2019 3:47 pm โดย noppadonsk
10 อันดับรถยนต์วินเทจ ที่ใครเห็นก็ต้องมอง
โดย Meygrand พ 11 ธ.ค. 2019 3:04 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
18
พ 11 ธ.ค. 2019 3:04 pm โดย Meygrand
อยากทราบวิธีการ override ไฟล์ bookmark มาใช้งานใน Extension ของ phpbb
โดย Ittichai_chupol พ 11 ธ.ค. 2019 11:00 am บอร์ด Programming - PHP
0
13
พ 11 ธ.ค. 2019 11:00 am โดย Ittichai_chupol
งานประจำวันที่ 11 ธันวาคม 2562
โดย noppadonsk พ 11 ธ.ค. 2019 10:05 am บอร์ด MT36 - นายนพดล สุชญากูล
10
43
พ 11 ธ.ค. 2019 7:00 pm โดย noppadonsk
งานประจำวันที่ 11 ธันวาคม 2562
โดย Grammanano พ 11 ธ.ค. 2019 10:02 am บอร์ด M098 - อนงค์นาท ไฝขาว
1
8
พ 11 ธ.ค. 2019 6:59 pm โดย Grammanano
งานประจำวันที่ 11 ธันวาคม 2562
โดย numtan5839 พ 11 ธ.ค. 2019 9:52 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
16
พ 11 ธ.ค. 2019 7:23 pm โดย numtan5839