เว็บไซต์ทุกๆเว็บ ควรที่จะต้องมีเมนู เมนูจะทำให้เรารู้ว่าเว็บไซต์มีเนื้อหาอะไรบ้าง บทความนี้จึงเป็นการแนะนำวิธีการปรับการแสดงผลของเมนู Bootstrap ใน Joomla

1.เข้า localhost ในส่วนของผู้ดูแลระบบ คลิกที่เมนู Extensions เลือก Modules

 

2.คลิก New

 

3.เลือก Menu

 

4.ตั้งชื่อ Module ว่า Menu ในส่วน Show Title เลือก Hide  , Position กำหนดตำแหน่ง , Status เลือก Published จากนั้นคลิก Save & Close

 

5.คลิกเมนู Extensions เลือก Templates

 

6.คลิกเลือกเทมเพลตที่ใช้งาน

 

7.คลิกที่ส่วน Create Overrides

 

8.คลิกที่โมดูลเมนู mod_menu

 

9.เปิดไฟล์ default.php ที่อยู่ในโฟลเดอร์ mod_menu ใส่คลาส nav navbar-nav ของ css ลงในแท็ก ul 

<ul class="nav navbar-nav <?php echo $class_sfx ? $class_sfx : 'nav menu' ; ?>"<?php echo $id; ?>>

 

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

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

• บทเรียน Joomla Framework