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

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

 

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

 

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ค่าเฟ่ย่านเสนานิคม
โดย สริญญา สมสา พ 20 มี.ค. 2019 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
7
พ 20 มี.ค. 2019 6:14 pm โดย สริญญา สมสา
ประชุมออนไลน์ง่ายๆด้วยการใช้โปรแกรม Zoom Cloud Meetings
โดย napharat079 พ 20 มี.ค. 2019 5:21 pm บอร์ด Share Knowledge
0
15
พ 20 มี.ค. 2019 5:21 pm โดย napharat079
วิธีการทำชีสเค้ก
โดย สริญญา สมสา พ 20 มี.ค. 2019 4:04 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
7
พ 20 มี.ค. 2019 4:04 pm โดย สริญญา สมสา
การเรียนต่อต่างประเทศ
โดย สริญญา สมสา พ 20 มี.ค. 2019 1:59 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
4
พ 20 มี.ค. 2019 1:59 pm โดย สริญญา สมสา
งานประจำวันที่ 20 มีนาคม 2562
โดย Four พ 20 มี.ค. 2019 10:16 am บอร์ด M077 - อิษยา งามสอาด
0
1
พ 20 มี.ค. 2019 10:16 am โดย Four
งานประจำวันที่ 20 มีนาคม 2562
โดย napharat079 พ 20 มี.ค. 2019 9:49 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
1
7
พ 20 มี.ค. 2019 7:07 pm โดย napharat079
งานประจำวันที่ 20 มีนาคม 2562
โดย สริญญา สมสา พ 20 มี.ค. 2019 9:45 am บอร์ด MT32 - นางสาวสริญญา สมสา
1
10
พ 20 มี.ค. 2019 10:30 am โดย สริญญา สมสา
สอบถามวิธีการลงไดฟ์เวอร์ Wifi บนเครื่อง Ubuntu 14.04 LST หน่อยครับ
โดย tatiya อ 19 มี.ค. 2019 8:46 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
0
10
อ 19 มี.ค. 2019 8:46 pm โดย tatiya
ไปเที่ยวออสเตรเลียกัน
โดย สริญญา สมสา อ 19 มี.ค. 2019 5:53 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
16
อ 19 มี.ค. 2019 5:53 pm โดย สริญญา สมสา
การคิดค่าไฟฟ้าในบ้านเรือน
โดย สริญญา สมสา อ 19 มี.ค. 2019 4:48 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
21
อ 19 มี.ค. 2019 4:48 pm โดย สริญญา สมสา
3 Investment Worthly in Thaland
โดย wannapat อ 19 มี.ค. 2019 4:38 pm บอร์ด Chinese Language - 简体中文
0
44
อ 19 มี.ค. 2019 4:38 pm โดย wannapat
ก่อนสร้างเว็บต้องรู้จัก Domain
โดย napharat079 อ 19 มี.ค. 2019 3:58 pm บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
7
อ 19 มี.ค. 2019 3:58 pm โดย napharat079
โปรแกรมรับค่าอายุ
โดย napharat079 อ 19 มี.ค. 2019 3:29 pm บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
5
อ 19 มี.ค. 2019 3:29 pm โดย napharat079
วิธีลดความอ้วนสำหรับคนขี้เกียจ
โดย สริญญา สมสา อ 19 มี.ค. 2019 3:20 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
9
อ 19 มี.ค. 2019 3:20 pm โดย สริญญา สมสา
ประโยชน์เกี่ยวกับทุเรียน
โดย สริญญา สมสา อ 19 มี.ค. 2019 2:34 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
8
อ 19 มี.ค. 2019 2:34 pm โดย สริญญา สมสา
เริ่มต้นเขียนโปรแกรมสูตรคูณง่ายๆ ด้วยคำสั่ง for
โดย napharat079 อ 19 มี.ค. 2019 2:09 pm บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
6
อ 19 มี.ค. 2019 2:09 pm โดย napharat079
เริ่มต้นเขียนโปรแกรมสูตรคูณง่ายๆ ด้วยคำสั่ง do while
โดย napharat079 อ 19 มี.ค. 2019 1:39 pm บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
7
อ 19 มี.ค. 2019 1:39 pm โดย napharat079
การทำเกี๊ยวไข่
โดย สริญญา สมสา อ 19 มี.ค. 2019 12:08 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
10
อ 19 มี.ค. 2019 12:08 pm โดย สริญญา สมสา
เริ่มต้นเขียนโปรแกรมสูตรคูณง่ายๆ ด้วยคำสั่ง While
โดย napharat079 อ 19 มี.ค. 2019 11:43 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
10
อ 19 มี.ค. 2019 11:43 am โดย napharat079
วิธีการคอมเมนต์ในภาษา C++ ที่โปรแกรมเมอร์ต้องรู้
โดย napharat079 อ 19 มี.ค. 2019 11:39 am บอร์ด M079 - นภารัตน์ ฐิติกรโกวิท
0
12
อ 19 มี.ค. 2019 11:39 am โดย napharat079