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

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

 

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

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - เข้าเมนูหน้ารวมรายการใน admin ไม่ได้
โดย thatsawan ศ 29 พฤษภาคม 2020 5:58 pm บอร์ด Odoojob.com - Tester
0
1
ศ 29 พฤษภาคม 2020 5:58 pm โดย thatsawan
B - ยังขาดหน้าผลการค้นหา จาก search.php
โดย mindphp ศ 29 พฤษภาคม 2020 6:11 am บอร์ด FDD (Main)
0
1
ศ 29 พฤษภาคม 2020 6:11 am โดย mindphp
B - กล่องค้นหาจากหน้า index ใช้งานไม่ได้ กดแล้วไม่ไปหน้าค้นหา
โดย mindphp ศ 29 พฤษภาคม 2020 5:39 am บอร์ด FDD (Main)
1
1
ศ 29 พฤษภาคม 2020 5:53 am โดย mindphp
B - ไม่ใช่แค่โชว์ icon facebook มันต้องทำลิงค์เพื่อให้คลิกไป
โดย mindphp ศ 29 พฤษภาคม 2020 4:39 am บอร์ด FDD (Main)
1
2
ศ 29 พฤษภาคม 2020 4:51 am โดย mindphp
อัพเดท phpbb 3.3 เเล้ว extenstion ใช้งานไม่ได้
โดย thatsawan พฤ 28 พฤษภาคม 2020 10:08 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
19
พฤ 28 พฤษภาคม 2020 10:10 pm โดย thatsawan
วิธีการสร้าง css ที่ใช้งานเฉพาะในบราวเซอร์ safari เท่านั้น
โดย Ittichai_chupol พฤ 28 พฤษภาคม 2020 6:06 pm บอร์ด CSS Knowledge
0
9
พฤ 28 พฤษภาคม 2020 6:06 pm โดย Ittichai_chupol
R - Set Demo เป็น subdomain ของ ตัวนี้
โดย mindphp พฤ 28 พฤษภาคม 2020 6:17 am บอร์ด มารียา ซีฟู้ดส์ - Developer
0
8
พฤ 28 พฤษภาคม 2020 6:17 am โดย mindphp
อยากทราบวิธีการกำหนด ค่า css ให้กับ button โดยกำหนดเฉพาะแต่ละบราวเซอร์
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 8:39 pm บอร์ด HTML CSS
1
26
พ 27 พฤษภาคม 2020 9:15 pm โดย mindphp
อัพเดท Changelog flask framework ของภาษา Python
โดย jirawoot พ 27 พฤษภาคม 2020 12:19 pm บอร์ด Python Knowledge
0
21
พ 27 พฤษภาคม 2020 12:19 pm โดย jirawoot
งานประจำวันที่ 27 พฤษภาคม 2563
โดย yositacha26 พ 27 พฤษภาคม 2020 12:13 pm บอร์ด MP011 - โยษิตา จันทะวงษ์
1
25
พ 27 พฤษภาคม 2020 12:15 pm โดย yositacha26
อยากทราบว่า วิธีการกำหนดการตั้งค่า ภาษาไทย ใน Netbeans
โดย Ittichai_chupol พ 27 พฤษภาคม 2020 10:13 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
20
พ 27 พฤษภาคม 2020 10:13 am โดย Ittichai_chupol
B - บริษัท approve ประวัติที่ส่งมาสมัครเเล้ว เเต่ยังแสดงสถานะเดิมอยู่
โดย thatsawan อ 26 พฤษภาคม 2020 6:27 pm บอร์ด Odoojob.com - Tester
0
4
อ 26 พฤษภาคม 2020 6:27 pm โดย thatsawan
อยากทราบวิธีการแก้ไข ภาษาไทยกลายอักษรแปลกๆ
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 4:35 pm บอร์ด Programming - PHP
1
43
จ 25 พฤษภาคม 2020 5:43 pm โดย thatsawan
อยากทราบวิธีการ แบบคอลัมเป็น 3 คอลีม โดยใช้ tag <dl>
โดย Ittichai_chupol จ 25 พฤษภาคม 2020 11:56 am บอร์ด HTML CSS
1
47
จ 25 พฤษภาคม 2020 2:42 pm โดย thatsawan
บันทึกประชุม มารียา ซีฟู้ดส์
โดย thatsawan จ 25 พฤษภาคม 2020 11:40 am บอร์ด มารียา ซีฟู้ดส์ (Main)
2
12
ศ 29 พฤษภาคม 2020 9:32 am โดย tsukasaz
10 สุดยอดสตรีทฟู้ดในแอฟริกาตะวันตก
โดย Anonymous อ 24 พฤษภาคม 2020 9:58 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
62
จ 25 พฤษภาคม 2020 8:03 pm โดย ขุนพล ตั้นตระกูล
ข้อมูลสำหรับทำระบบ
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
0
10
อ 24 พฤษภาคม 2020 4:07 am โดย mindphp
อัพเดดความคืบหน้า / Progress - มารียา ซีฟู้ดส์
โดย mindphp อ 24 พฤษภาคม 2020 4:07 am บอร์ด มารียา ซีฟู้ดส์ (Main)
3
22
ศ 29 พฤษภาคม 2020 2:25 pm โดย thatsawan
อัพเดด Template เว็บไซต์ FDD (V2)
โดย mindphp อ 24 พฤษภาคม 2020 3:51 am บอร์ด FDD (Main)
0
1
อ 24 พฤษภาคม 2020 3:51 am โดย mindphp
R - ปรับกราฟฟิก ของเว็บ FDD
โดย mindphp อ 24 พฤษภาคม 2020 3:50 am บอร์ด FDD (Main)
0
2
อ 24 พฤษภาคม 2020 3:50 am โดย mindphp