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

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

 

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ถามหน่อยครับ PHP OOP Jform component JOOMLA
โดย superhero พฤ 09 ก.ย. 2010 11:31 am บอร์ด Programming - PHP
6
2116
พ 15 ก.ย. 2010 3:50 pm โดย บุคคลทั่วไป View Topic ถามหน่อยครับ PHP OOP Jform component JOOMLA
เซทหัวข้อเมนูเป็น Registered ทดลองเข้า ทำไม Error?
โดย konunkonun พ 08 ก.ย. 2010 7:23 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
1
1331
พฤ 09 ก.ย. 2010 9:24 pm โดย mindphp View Topic เซทหัวข้อเมนูเป็น Registered ทดลองเข้า ทำไม Error?
AppServ 2.6 ลงแล้วมองไม่เห็นครับ
โดย phpfanclub พฤ 09 ก.ย. 2010 3:01 pm บอร์ด Linux - Web Server
3
2264
พฤ 09 ก.ย. 2010 9:16 pm โดย phpfanclub View Topic AppServ 2.6 ลงแล้วมองไม่เห็นครับ
ใช้ jquery เช็คค่าจาก database ที่เป็นภาษาไทยไม่ได้ช่วยหน่อยครับ
โดย freedomzzzz พ 08 ก.ย. 2010 7:20 am บอร์ด AJAX Javascript Library - jQuery
13
15161
อ 28 ธ.ค. 2010 10:26 pm โดย ossytong View Topic ใช้ jquery เช็คค่าจาก database ที่เป็นภาษาไทยไม่ได้ช่วยหน่อยครับ
ดาวโหลด Joomla 1.5
โดย GanSo อ 07 ก.ย. 2010 3:09 pm บอร์ด สอบถามปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
2
4325
ศ 10 ก.ย. 2010 11:19 am โดย superhero View Topic ดาวโหลด Joomla 1.5
ปัญหาใหญ๋ใหญ่กับการเข้า SQL Server ค่ะ T____T
โดย princessm อ 05 ก.ย. 2010 11:07 pm บอร์ด SQL - Database
1
1931
จ 06 ก.ย. 2010 10:27 pm โดย mindphp View Topic ปัญหาใหญ๋ใหญ่กับการเข้า SQL Server ค่ะ T____T
วัด Speed Internet ได้ไม่เท่ากัน เพราะอะไรครับ
โดย Nop ส 04 ก.ย. 2010 8:53 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
2082
พ 15 ก.ย. 2010 9:35 am โดย mama2008 View Topic วัด Speed Internet ได้ไม่เท่ากัน เพราะอะไรครับ
ldap_modify ใช้ยังไงอ่ะค่ะ ใครรู้ช่วยหน่อยค่ะ
โดย Anonymous ส 04 ก.ย. 2010 3:18 pm บอร์ด Programming - PHP
1
878
จ 06 ก.ย. 2010 11:03 pm โดย imsn View Topic ldap_modify ใช้ยังไงอ่ะค่ะ ใครรู้ช่วยหน่อยค่ะ