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

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

 

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
selenium chrome firefox กับ edge ควรใช้บราว์เซอร์แบบไหนดีในการทดสอบ
โดย athirach.offcial อ 02 เม.ย. 2024 10:10 pm บอร์ด Software testing
0
131
อ 02 เม.ย. 2024 10:10 pm โดย athirach.offcial View Topic selenium chrome firefox กับ edge ควรใช้บราว์เซอร์แบบไหนดีในการทดสอบ
Selenium สำหรับ Web scraping
โดย athirach.offcial อ 02 เม.ย. 2024 9:52 pm บอร์ด Software testing
0
96
อ 02 เม.ย. 2024 9:52 pm โดย athirach.offcial View Topic Selenium สำหรับ Web scraping
วิธีการเขียนArgumentative Essay
โดย internTk21 อ 02 เม.ย. 2024 3:54 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
176
อ 02 เม.ย. 2024 3:54 pm โดย internTk21 View Topic วิธีการเขียนArgumentative Essay
เทคนิคการพูดแบบไม่ได้เตรียมตัวอย่างไรให้เป็นธรรมชาติ
โดย internTk21 อ 02 เม.ย. 2024 2:29 pm บอร์ด Microsoft Office Knowledge & line & Etc
0
4
อ 02 เม.ย. 2024 2:29 pm โดย internTk21 View Topic เทคนิคการพูดแบบไม่ได้เตรียมตัวอย่างไรให้เป็นธรรมชาติ
สอบถามเกี่ยวกับ Selenium ทดสอบรันโปรแกรมอัตโนมัต
โดย athirach.offcial อ 02 เม.ย. 2024 12:55 pm บอร์ด Programming - C/C++ & java & Python
4
579
อ 02 เม.ย. 2024 4:59 pm โดย athirach.offcial View Topic สอบถามเกี่ยวกับ Selenium ทดสอบรันโปรแกรมอัตโนมัต
สอบถามเกี่ยวกับ Selenium เวอร์ขั่รของ urlib3 chardet
โดย athirach.offcial อ 02 เม.ย. 2024 9:46 am บอร์ด Programming - C/C++ & java & Python
2
210
อ 02 เม.ย. 2024 10:47 am โดย mindphp View Topic สอบถามเกี่ยวกับ Selenium เวอร์ขั่รของ urlib3 chardet
แนะนำการเดินทางและสถานที่ท่องเที่ยวในจังหวัดมหาสารคาม
โดย internTk21 จ 01 เม.ย. 2024 4:24 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
1
260
อ 02 เม.ย. 2024 9:44 am โดย internTk21 View Topic แนะนำการเดินทางและสถานที่ท่องเที่ยวในจังหวัดมหาสารคาม
การใช้ ActionChains ใน Selenium สำหรับจำลองการกระทำบนหน้าเว็บ
โดย athirach.offcial จ 01 เม.ย. 2024 12:25 pm บอร์ด Software testing
0
201
จ 01 เม.ย. 2024 12:25 pm โดย athirach.offcial View Topic การใช้ ActionChains ใน Selenium สำหรับจำลองการกระทำบนหน้าเว็บ