ให้เรตสมาชิก: 5 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งานดาวใช้งาน
 

             Component เป็นโปรแกรมเสริมตัวหนึ่งของ Joomla เพื่อเพิ่มความสามารถให้กับ Joomla ในลักษณะต่างๆ เช่น แกลอรี่, ระบบจัดการดาวน์โหลด, เว็บบอร์ดระบบขายสินค้าออนไลน์  ในการทำเว็บไซต์จะมีการใส่ Component เพื่อแสดงข้อมูลหลัก บทความนี้จึงเป็นการแนะนำการกำหนดตำแหน่งสำหรับแสดง Component ใน Template

1.เปิดไฟล์ templateDetails.xml เพื่อสร้างตำแหน่งสำหรับแสดงข้อมูลฝั่งซ้ายและฝั่งขวาของเนื้อหาหลัก

<position>main-left</position>
<position>main-right</position>

 

2.เปิดไฟล์ index.php ในโปรแกรม Netbaens จากนั้นสร้างโครง html สำหรับแสดงเนื้อหาหลักของเว็บ แบ่งเป็นเมนูฝั่งซ้าย-ขวา และตรงกลางสำหรับแสดงเนื้อหา

<div id="main" class="container">
        <div class="col-md-3">
             <jdoc:include type="modules" name="main-left" style="xhtml" />
        </div>
        <div class="col-md-6">
            <jdoc:include type="message" />
            <jdoc:include type="component" />
        </div>
        <div class="col-md-3">
           <jdoc:include type="modules" name="main-right" style="xhtml" />
        </div>     
</div>

 

3.เข้า localhost ในส่วนของผู้ดูแลระบบ คลิกเมนู Extensions เลือก Modules

เข้า localhost ในส่วนของผู้ดูแลระบบ คลิกเมนู Extensions เลือก Modules
เข้า localhost ในส่วนของผู้ดูแลระบบ คลิกเมนู Extensions เลือก Modules

 

4.คลิก New 

คลิก New
คลิก New

 

5.เลือก Menu

เลือก Menu
เลือก Menu

 

6.ตั้งชื่อโมดูลในช่อง Title , เลือกเมนูในช่อง Select Menu , Show Title คลิกปุ่ม Hide เพื่อซ่อนชื่อของโมดูลในหน้าเว็บ , Position คลิกเลือก main-left เป็นการเลือกตำแหน่งที่จะแสดงโมดูล , Status เลือก Published จากนั้นคลิก Save & Close

ตั้งชื่อโมดูลในช่อง Title , เลือกเมนูในช่อง Select Menu , Show Title คลิกปุ่ม Hide เพื่อซ่อนชื่อของโมดูลในหน้าเว็บ , Position คลิกเลือก main-left เป็นการเลือกตำแหน่งที่จะแสดงโมดูล , Status เลือก Published จากนั้นคลิก Save & Close
ตั้งชื่อโมดูล , เลือกเมนูในช่อง Select Menu , Show Title คลิกปุ่ม Hide , เลือกตำแหน่งที่จะแสดงโมดูล , Status เลือก Published 

 

7.ตรวจสอบการแสดงผลที่หน้าเว็บ

แสดงผลในหน้าเว็บ
แสดงผลในหน้าเว็บ

 

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
วิธีการ ใช้งาน Jquery คำนวณเลขฐาน 2 8 16
โดย Ittichai_chupol พ 04 ธ.ค. 2019 6:58 pm บอร์ด Jquery & Ajax Knowledge
0
951
พ 04 ธ.ค. 2019 6:58 pm โดย Ittichai_chupol
การใช้บอร์ด Arduino ต่อกับเซ็นเซอร์สี TCS3200
โดย Grammanano พ 04 ธ.ค. 2019 6:54 pm บอร์ด Share Knowledge
0
15
พ 04 ธ.ค. 2019 6:54 pm โดย Grammanano
คำสั่ง cmd และโปรแกรมที่ใช้สำหรับการเขียน python
โดย Grammanano พ 04 ธ.ค. 2019 6:02 pm บอร์ด M098 - อนงค์นาท ไฝขาว
5
32
ส 07 ธ.ค. 2019 4:52 pm โดย Grammanano
Google One เปิดสำรองข้อมูลบนระบบ Android
โดย noppadonsk พ 04 ธ.ค. 2019 5:42 pm บอร์ด Share Knowledge
0
20
พ 04 ธ.ค. 2019 5:42 pm โดย noppadonsk
แคปหน้าจอเว็ป แล้วแปลงเป็นไฟล์ PDF บนChrome
โดย noppadonsk พ 04 ธ.ค. 2019 5:28 pm บอร์ด Share Knowledge
0
19
พ 04 ธ.ค. 2019 5:28 pm โดย noppadonsk
วิธี ซ่อนไฟล์ใน Google Drive หายังไงก็ไม่เจอ
โดย noppadonsk พ 04 ธ.ค. 2019 5:16 pm บอร์ด Share Knowledge
0
20
พ 04 ธ.ค. 2019 5:16 pm โดย noppadonsk
รู้รึยังการใส่เพลงใน Google Slides
โดย noppadonsk พ 04 ธ.ค. 2019 4:41 pm บอร์ด Share Knowledge
0
15
พ 04 ธ.ค. 2019 4:41 pm โดย noppadonsk
คู่มือการเลือกใช้ไฟล์สำหรับงานออกแบบ
โดย noppadonsk พ 04 ธ.ค. 2019 4:20 pm บอร์ด Graphic design
0
15
พ 04 ธ.ค. 2019 4:20 pm โดย noppadonsk
แนะนำเทมเพลต MooZii Opencart - Template MooZiicart สร้างเว็บไซต์ให้สวยได้ด้วยตัวเอง
โดย prmindphp พ 04 ธ.ค. 2019 4:04 pm บอร์ด MindPHP News & Feedback
1
983
พ 04 ธ.ค. 2019 5:02 pm โดย mindphp
MEMPHIS STYLE กราฟิกที่เรียบง่ายช่วยให้งานโดดเด่น
โดย noppadonsk พ 04 ธ.ค. 2019 3:58 pm บอร์ด Graphic design
0
947
พ 04 ธ.ค. 2019 3:58 pm โดย noppadonsk
ตัวอย่างการใช้บอร์ด Arduino ต่อกับจอแสดงผล OLED
โดย Grammanano พ 04 ธ.ค. 2019 3:57 pm บอร์ด Share Knowledge
0
12
พ 04 ธ.ค. 2019 3:57 pm โดย Grammanano
VDO - แนะนำการใช้งาน Module Weather Forcecast
โดย numtan5839 พ 04 ธ.ค. 2019 12:08 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
13
72
ส 07 ธ.ค. 2019 12:06 pm โดย numtan5839
การสืบทอด (Inheritance) ใน JAVA
โดย Grammanano พ 04 ธ.ค. 2019 1:48 pm บอร์ด Share Knowledge
0
13
พ 04 ธ.ค. 2019 1:48 pm โดย Grammanano
พาส่อง ต้นไม้เรียกทรัพย์ เริ่มต้น 10.- ที่ตลาดต้นไม้จตุจักร
โดย promotions พ 04 ธ.ค. 2019 11:50 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
727
พ 04 ธ.ค. 2019 11:50 am โดย promotions
งานประจำวันที่ 4 ธันวาคม 2562
โดย numtan5839 พ 04 ธ.ค. 2019 10:09 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
19
พ 04 ธ.ค. 2019 7:46 pm โดย numtan5839
งานประจำวันที่ 4 ธันวาคม 2562
โดย noppadonsk พ 04 ธ.ค. 2019 10:05 am บอร์ด MT36 - นายนพดล สุชญากูล
3
20
พ 04 ธ.ค. 2019 6:52 pm โดย noppadonsk
งานประจำวันที่ 4 ธันวาคม 2562
โดย Grammanano พ 04 ธ.ค. 2019 10:01 am บอร์ด M098 - อนงค์นาท ไฝขาว
1
8
พ 04 ธ.ค. 2019 7:03 pm โดย Grammanano
การเขียน for loop ในภาษา C
โดย Grammanano อ 03 ธ.ค. 2019 6:24 pm บอร์ด Share Knowledge
1
968
อ 03 ธ.ค. 2019 7:15 pm โดย chatee supasand
วิธีการทำ pulgin ให้ copy รูปภาพที่อยู่ในโฟนเดอร์ images ของ joomla
โดย jamepiyawat อ 03 ธ.ค. 2019 6:23 pm บอร์ด Joomla Developing Knowledge
0
962
อ 03 ธ.ค. 2019 6:23 pm โดย jamepiyawat
วิธีการใช้ JQuery ทำค้นหาเฉพาะข้อมูลที่มีค่าตรงตามที่ตรงการ
โดย Ittichai_chupol อ 03 ธ.ค. 2019 6:19 pm บอร์ด Jquery & Ajax Knowledge
0
7
อ 03 ธ.ค. 2019 6:19 pm โดย Ittichai_chupol