ให้เรตสมาชิก: 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.ตรวจสอบการแสดงผลที่หน้าเว็บ

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

 

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
B - ปัญหา login ผ่าน xmlrpc แล้ว Error Connect error: Connection timed out (110)
โดย tsukasaz พ 27 พ.ย. 2019 10:10 am บอร์ด MlineCRM Line + MD-CRM
5
9
พ 27 พ.ย. 2019 5:12 pm โดย mindphp
งานประจำวันที่ 27 พฤศจิกายน 2562
โดย numtan5839 พ 27 พ.ย. 2019 10:11 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
4
33
พ 27 พ.ย. 2019 7:04 pm โดย jamepiyawat
พรีฯของจากจีนมาขาย สั่งเองไม่ยาก ไม่เก่งภาษาจีนก็ทำได้!
โดย promotion ศ 08 พ.ย. 2019 3:06 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
108
พ 27 พ.ย. 2019 9:22 am โดย LEG
ทำความรู้จักกับ Forex ตลาดแลกเปลี่ยนเงินตราต่างประเทศ
โดย numtan5839 ศ 08 พ.ย. 2019 4:03 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
140
พ 27 พ.ย. 2019 5:26 am โดย npfurion
ขอวิธีสร้าง Dropdown list จังหวัด อำเภอ ตำบล เพียงใส
โดย spawat ส 02 พ.ย. 2019 4:49 pm บอร์ด Programming - PHP
4
198
พฤ 28 พ.ย. 2019 10:49 am โดย ololl04
VDO - โปรแกรมจัดรูปแบบแผนการเล่นฟุตบอล
โดย numtan5839 อ 26 พ.ย. 2019 6:04 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
16
อ 26 พ.ย. 2019 6:19 pm โดย numtan5839
โปรแกรมแปลงพื้นที่
โดย prmindphp อ 26 พ.ย. 2019 5:20 pm บอร์ด MindPHP News & Feedback
0
25
อ 26 พ.ย. 2019 5:20 pm โดย prmindphp
เชื่อม template engine twig แล้ว error ครับ
โดย jamepiyawat อ 26 พ.ย. 2019 1:45 pm บอร์ด Programming - PHP
2
34
อ 26 พ.ย. 2019 2:42 pm โดย jamepiyawat
ภาษาซี (C/C++) กับ โจทย์ทางคณิตศาสตร์ (2) แปลงฟุต&นิ้ว เป็น เซนติเมตร
โดย Aussadawut จ 19 พ.ย. 2018 2:57 pm บอร์ด Share Knowledge
1
2591
อ 26 พ.ย. 2019 12:24 pm โดย mindphp
งานประจำวันที่ 26 พฤศจิกายน 2562
โดย numtan5839 อ 26 พ.ย. 2019 10:22 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
2
12
อ 26 พ.ย. 2019 7:39 pm โดย numtan5839
ระวังไว้! 'โรคเอ็มเอส' โรคใหม่วัยทำงาน
โดย promotion พฤ 31 ต.ค. 2019 3:00 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
169
อ 26 พ.ย. 2019 4:04 am โดย weeha
การปรับแก้ไขข้อมูลเมื่อทำการ Quote เพื่อปรับแก้ไขชื่อของ User ที่ทำการ Quote ใน phpbb
โดย Ittichai_chupol จ 25 พ.ย. 2019 6:39 pm บอร์ด PHP Knowledge
0
28
จ 25 พ.ย. 2019 6:39 pm โดย Ittichai_chupol
dapper line ช่วยตรวจสอบให้ด้วยว่าเกิดอะไรขึ้น
โดย thatsawan จ 25 พ.ย. 2019 6:29 pm บอร์ด MD-CRM - Tester
3
10
ศ 06 ธ.ค. 2019 4:04 pm โดย thatsawan
ความสามมารถ ของ สิริ ผู้ช่วยดิจิตอลอัจฉริยะของ Apple
โดย Ittichai_chupol จ 25 พ.ย. 2019 6:00 pm บอร์ด Mobile Application Developing- Android, iOS
0
30
จ 25 พ.ย. 2019 6:00 pm โดย Ittichai_chupol
บอลไทย
โดย jataz2 จ 25 พ.ย. 2019 5:18 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
4
44
พ 27 พ.ย. 2019 10:45 am โดย aloha11x
จะทำอย่างไรให้เราดึงชื่อรูปออกมาได้จากพาดยาว ๆ ครับ
โดย jamepiyawat จ 25 พ.ย. 2019 4:44 pm บอร์ด Programming - PHP
1
23
จ 25 พ.ย. 2019 4:45 pm โดย tsukasaz
โปรแกรมคำนวณอัตราแลกเปลี่ยนสกุลเงิน
โดย prmindphp จ 25 พ.ย. 2019 4:26 pm บอร์ด MindPHP News & Feedback
0
17
จ 25 พ.ย. 2019 4:26 pm โดย prmindphp
โปรแกรมตรวจสอบหมายเลขพัสดุ
โดย prmindphp จ 25 พ.ย. 2019 4:12 pm บอร์ด MindPHP News & Feedback
0
29
จ 25 พ.ย. 2019 4:12 pm โดย prmindphp
นิยามของสินทรัพย์ หนี้สิน และส่วนของเจ้าของ
โดย Chidchanok อ 15 ม.ค. 2019 6:13 pm บอร์ด Accounting software & ERP โปรแกรมบัญชี ระบบอีอาร์พี
1
1437
จ 25 พ.ย. 2019 3:39 pm โดย mindphp
VDO - Program Convert Area
โดย numtan5839 จ 25 พ.ย. 2019 3:16 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
3
25
พ 27 พ.ย. 2019 2:29 am โดย mindphp