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