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

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

 

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

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ขอคำสั่งพื้นฐานการใช้terminal Ubuntu ด้วยครับ
โดย chakirin.bfds ส 16 ม.ค. 2021 2:36 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
5
ส 16 ม.ค. 2021 2:39 pm โดย mindphp
โหลดไฟล์จาก gitlab ไม่ได้
โดย chakirin.bfds ส 16 ม.ค. 2021 11:49 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
3
17
ส 16 ม.ค. 2021 12:02 pm โดย mindphp
ขอวิธีการติดตั้ง psycopg1
โดย chakirin.bfds ส 16 ม.ค. 2021 10:46 am บอร์ด Programming - C/C++ & java & Python
6
21
ส 16 ม.ค. 2021 11:19 am โดย mindphp
python ติด AttributeError ครับ
โดย chakirin.bfds ศ 15 ม.ค. 2021 8:02 pm บอร์ด Programming - C/C++ & java & Python
1
15
ศ 15 ม.ค. 2021 8:18 pm โดย mindphp
สอบถามคำศัพท์เทคนิค Droplet คืออะไร
โดย Kannaphat ศ 15 ม.ค. 2021 6:16 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
14
ส 16 ม.ค. 2021 11:59 am โดย mindphp
ไม่สามารถตั้งค่าแจ้งเตื่อนจากmindphp เข้าเมลล์ได้
โดย Jiratchaya ศ 15 ม.ค. 2021 1:34 pm บอร์ด MindPHP News & Feedback
4
26
ศ 15 ม.ค. 2021 4:40 pm โดย Jiratchaya
สอบถามติดตั้ง phpbb 3.1 ขึ้น error /vendor/twig/twig/lib/Twig/Extension/Core.php
โดย eange08 พฤ 14 ม.ค. 2021 6:48 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS, CRM
4
26
ศ 15 ม.ค. 2021 10:22 am โดย eange08
กด download แล้วไม่ไปหน้าที่เราจะทำ download ไฟล์
โดย eange08 พ 13 ม.ค. 2021 7:14 pm บอร์ด JavaScript & Jquery Ajax
1
27
พฤ 14 ม.ค. 2021 4:53 pm โดย eange08