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

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

 

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

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อยากทราวิธีการ ระบุ ค่าสี ใน <a></a> เฉพาะที่ต้องการค
โดย Ittichai_chupol ส 18 พฤษภาคม 2019 7:35 pm บอร์ด HTML CSS
2
26
ส 18 พฤษภาคม 2019 7:39 pm โดย mindphp
สร้าง Report แบบง่ายด้วย Python + RML
โดย teenproza7 ส 18 พฤษภาคม 2019 7:03 pm บอร์ด Python Knowledge
2
37
ส 18 พฤษภาคม 2019 7:35 pm โดย mindphp
เคล็ดลับ วิธีแก้ขอบตาดำคล้ำแบบธรรมชาติ หมดปัญหาตาดำเป็นหมีแพนด้า
โดย teenproza7 ส 18 พฤษภาคม 2019 5:24 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
ส 18 พฤษภาคม 2019 5:24 pm โดย teenproza7
RML กับ Python ใช้งานร่วมกันยังไง
โดย teenproza7 ส 18 พฤษภาคม 2019 4:34 pm บอร์ด Programming - C/C++ & java & Python
11
59
ส 18 พฤษภาคม 2019 7:26 pm โดย thatsawan
เคล็ดลับแก้อาการนอนไม่หลับ
โดย teenproza7 ส 18 พฤษภาคม 2019 4:17 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
9
ส 18 พฤษภาคม 2019 4:17 pm โดย teenproza7
วิธีแก้ง่วง ง่วงนอน นอนน้อย แต่นอนนะ
โดย teenproza7 ส 18 พฤษภาคม 2019 4:10 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
9
ส 18 พฤษภาคม 2019 4:10 pm โดย teenproza7
วิธีชาร์จแบตมือถือ แบบผิดๆที่บอกต่อๆกันมา
โดย teenproza7 ส 18 พฤษภาคม 2019 4:01 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
12
ส 18 พฤษภาคม 2019 4:01 pm โดย teenproza7
เคล็ดลับบำรุงสายตา
โดย teenproza7 ส 18 พฤษภาคม 2019 3:38 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
13
ส 18 พฤษภาคม 2019 3:38 pm โดย teenproza7
สอบถามวิธีการเขียน Python เพื่อ สร้างไฟล์ XML หน่อยครับ
โดย teenproza7 ส 18 พฤษภาคม 2019 3:10 pm บอร์ด Programming - C/C++ & java & Python
1
9
ส 18 พฤษภาคม 2019 3:12 pm โดย thatsawan
ต้องการปิดไม่ให้ browser รับ cookie อย่างไงค่ะ
โดย thatsawan ส 18 พฤษภาคม 2019 2:47 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
8
ส 18 พฤษภาคม 2019 3:02 pm โดย thatsawan
งานประจำวันที่ 18 พฤษาคม 2562
โดย teenproza7 ส 18 พฤษภาคม 2019 9:44 am บอร์ด M082 - ยศนันท์ ปันคำ
1
7
ส 18 พฤษภาคม 2019 9:45 am โดย teenproza7
ของเดิมแต่เพิ่มความสามารถใหม่ด้วย Override Python
โดย teenproza7 ศ 17 พฤษภาคม 2019 6:11 pm บอร์ด Python Knowledge
0
14
ศ 17 พฤษภาคม 2019 6:11 pm โดย teenproza7
เงินได้ประเภทที่ 5 คืออะไร
โดย สริญญา สมสา ศ 17 พฤษภาคม 2019 5:28 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
11
ศ 17 พฤษภาคม 2019 5:28 pm โดย สริญญา สมสา
เช็ค Spec คอมแบบง่ายๆ ด้วย dxdiag
โดย teenproza7 ศ 17 พฤษภาคม 2019 5:15 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
15
ศ 17 พฤษภาคม 2019 5:15 pm โดย teenproza7
มารู้จักโปรแกรมเมอร์คนแรกของโลกกันเถอะ
โดย teenproza7 ศ 17 พฤษภาคม 2019 4:54 pm บอร์ด Share Knowledge
0
16
ศ 17 พฤษภาคม 2019 4:54 pm โดย teenproza7
เงินได้ประเภทที่ 4 คืออะไร
โดย สริญญา สมสา ศ 17 พฤษภาคม 2019 4:48 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
17
ศ 17 พฤษภาคม 2019 4:48 pm โดย สริญญา สมสา
บีบอัดไฟล์ให้เล็กลง ด้วย ZIP
โดย teenproza7 ศ 17 พฤษภาคม 2019 4:44 pm บอร์ด Share Knowledge
0
12
ศ 17 พฤษภาคม 2019 4:44 pm โดย teenproza7
สืบทอดความสามารถจากพ่อและแม่ใน Python OOP
โดย teenproza7 ศ 17 พฤษภาคม 2019 3:33 pm บอร์ด Python Knowledge
0
21
ศ 17 พฤษภาคม 2019 3:33 pm โดย teenproza7
เมื่อถูกสลากกินเเบ่งรัฐบาลจะต้องเสียภาษีหรือไม่
โดย สริญญา สมสา ศ 17 พฤษภาคม 2019 2:54 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
0
13
ศ 17 พฤษภาคม 2019 2:54 pm โดย สริญญา สมสา
จะตัดคำในประโยคภาษาไทยยังไงไม่ให้มันเป็น เครื่องหมายสี่เหลี่ยม
โดย thatsawan ศ 17 พฤษภาคม 2019 2:54 pm บอร์ด Programming - PHP
0
15
ศ 17 พฤษภาคม 2019 2:54 pm โดย thatsawan