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

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

 

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
อัพเกรด wkhtmltopdf บน Ubuntu 16.04
โดย mindphp พฤ 21 พ.ย. 2019 2:33 pm บอร์ด Linux - Web Server
0
39
พฤ 21 พ.ย. 2019 2:33 pm โดย mindphp
VDO - โปรแกรมแปลงพื้นที่
โดย numtan5839 พฤ 21 พ.ย. 2019 1:59 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
6
49
พ 27 พ.ย. 2019 2:24 am โดย mindphp
VDO - การใช้โปรแกรมคำนวณแคลอรี่
โดย numtan5839 พฤ 21 พ.ย. 2019 1:46 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
1
30
พฤ 21 พ.ย. 2019 4:24 pm โดย thatsawan
แนะนำ tools Online
โดย chaiyasitpraphut พ 13 พ.ย. 2019 6:21 pm บอร์ด MindPHP News & Feedback
1
103
พฤ 21 พ.ย. 2019 12:33 pm โดย mindphp
ต้องการเก็บ cache ข้อมูลที่ดึงมาจาก api ของ กรมอุตุฯ ต้องทำยังไงครับ
โดย bankjittapol พฤ 21 พ.ย. 2019 10:40 am บอร์ด Joomla Development
4
70
พ 27 พ.ย. 2019 11:16 am โดย mindphp
อัพเดทความคืบหน้า / Progress - ThaiVI
โดย mindphp พ 10 ต.ค. 2018 3:49 am บอร์ด ThaiVI (Main)
418
2796
ศ 06 ธ.ค. 2019 5:25 pm โดย Ittichai_chupol
งานประจำวันที่ 21 พฤศจิกายน 2562
โดย numtan5839 พฤ 21 พ.ย. 2019 10:11 am บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
8
41
พฤ 21 พ.ย. 2019 7:42 pm โดย numtan5839
Google Station บริการ Wi-Fi ฟรี จาก google มีบริการภายในสนามบิน 6 แห่ง
โดย jamepiyawat จ 26 ส.ค. 2019 6:19 pm บอร์ด Share Knowledge
2
378
พฤ 21 พ.ย. 2019 9:49 am โดย aloha11x
เปลี่ยน Default Python3 บนเครื่อง Ubuntu 16.04 จาก Python3.5 เป็น Python3.6
โดย mindphp พฤ 21 พ.ย. 2019 7:04 am บอร์ด Linux - Web Server
1
51
ส 23 พ.ย. 2019 1:34 am โดย mindphp
สร้าง Template ใน Joomla
โดย bankjittapol พ 20 พ.ย. 2019 8:06 pm บอร์ด Joomla Developing Knowledge
0
39
พ 20 พ.ย. 2019 8:06 pm โดย bankjittapol
list box เลือกแสดงรูปแบบของวันที่ (Date Format )
โดย bankjittapol พ 20 พ.ย. 2019 6:55 pm บอร์ด Joomla Developing Knowledge
0
39
พ 20 พ.ย. 2019 6:55 pm โดย bankjittapol
คำสั่งเข้าใช้งาน PostgreSQL ด้วย Command Line
โดย mindphp อ 30 ก.ค. 2017 11:24 pm บอร์ด PostgreSQL
6
1922
พ 20 พ.ย. 2019 6:38 pm โดย mindphp
replace() คำสั่งค้นหาแทนที่ใน javascript
โดย jamepiyawat พ 20 พ.ย. 2019 6:36 pm บอร์ด Jquery & Ajax Knowledge
0
37
พ 20 พ.ย. 2019 6:36 pm โดย jamepiyawat
VDO - แนะนำฟังก์ชั่นระบบ Webboard Mindphp.com ใหม่ (phpbb v.3.2)
โดย numtan5839 พ 20 พ.ย. 2019 6:31 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
18
111
พ 04 ธ.ค. 2019 7:55 pm โดย mindphp
วิธีการเขียน SQL เพื่ม เพิ่มคอลัมน์ ฐานข้อมูล
โดย Ittichai_chupol พ 20 พ.ย. 2019 6:06 pm บอร์ด SQL Knowledge
0
33
พ 20 พ.ย. 2019 6:06 pm โดย Ittichai_chupol
VDO - Program Exchange Rate
โดย numtan5839 อ 12 พ.ย. 2019 2:42 pm บอร์ด M097 - ตรีเนตร บูรณโพธิ์ทอง
5
85
พฤ 28 พ.ย. 2019 3:38 pm โดย numtan5839
วิธีเช็คเวอร์ชั่น ของ Joomla
โดย bankjittapol พ 20 พ.ย. 2019 5:39 pm บอร์ด Joomla Developing Knowledge
0
52
พ 20 พ.ย. 2019 5:39 pm โดย bankjittapol
G - ข้อมูลสำหรับทำระบบ สรุปความต้องการ / ประชุมกับลูกค้า- ThaiVI
โดย mindphp พ 10 ต.ค. 2018 3:29 am บอร์ด ThaiVI (Main)
11
135
พ 04 ธ.ค. 2019 8:04 pm โดย mindphp
การปรับเปลี่ยนข้อมูลของ object โดยใช้ javascript
โดย Ittichai_chupol พ 20 พ.ย. 2019 3:34 pm บอร์ด Jquery & Ajax Knowledge
0
32
พ 20 พ.ย. 2019 3:34 pm โดย Ittichai_chupol
ค้นหาแบบนี้ ใช้ส่วนเสริมตัวไหนครับ
โดย toonytoony2004 อ 19 พ.ย. 2019 8:25 pm บอร์ด Joomla Development
2
42
พ 20 พ.ย. 2019 1:12 pm โดย mindphp