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

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

 

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

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
python2.7 ติดปัญหา Non-ASCII character
โดย chakirin.bfds ส 23 ม.ค. 2021 12:59 pm บอร์ด Programming - C/C++ & java & Python
4
19
ส 23 ม.ค. 2021 2:40 pm โดย chakirin.bfds
ติดปัญหา find หา input ไม่เจอในไฟล์ javascript
โดย eange08 ศ 22 ม.ค. 2021 4:39 pm บอร์ด JavaScript & Jquery Ajax
1
17
ส 23 ม.ค. 2021 3:04 pm โดย eange08
โปรแกรม Kdenlive ตัดเสียงรบกวนอย่างไรคะ
โดย Kannaphat ศ 22 ม.ค. 2021 3:08 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
20
ศ 22 ม.ค. 2021 4:55 pm โดย Kannaphat
ขอวิธีดึงข้อมูลใน list มาแสดงเป็นข้อความทีละบรรทัด
โดย chakirin.bfds พฤ 21 ม.ค. 2021 6:38 pm บอร์ด Programming - C/C++ & java & Python
3
30
ส 23 ม.ค. 2021 1:31 pm โดย mindphp
อะไรบ้างที่คุณต้องรู้เกี่ยวกับการ ‘ซ่อมนาฬิกา’ !
โดย totheworld พฤ 21 ม.ค. 2021 3:05 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
11
พฤ 21 ม.ค. 2021 3:05 pm โดย totheworld
ขอวิธีบันทึกหน้าจอในนิมบัสโดยที่ไม่ติด URL และสามารถเปลี่ยน Tab ได้
โดย Kannaphat พฤ 21 ม.ค. 2021 1:55 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
35
ศ 22 ม.ค. 2021 3:07 pm โดย Kannaphat
ของวิธีแก้การเขียน Python เเล้วติด UnicodeEncodeError
โดย chakirin.bfds พฤ 21 ม.ค. 2021 11:27 am บอร์ด Programming - C/C++ & java & Python
2
27
พฤ 21 ม.ค. 2021 11:43 am โดย chakirin.bfds
Apple A14 Bionic ที่สุดของ CPU iPhone 12 ดีจริงไหมไปหาคำตอบกัน
โดย Anonymous อ 19 ม.ค. 2021 11:30 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
26
พ 20 ม.ค. 2021 11:53 pm โดย DanielPe