WordPress ใช้เมนูของ Bootstrap ด้วย WP Bootstrap Navwalker

8 ก.ย. 2017 , 6,212 Views   , หมวดหมู่ WebDesign WordPress โค๊ดดิ้ง   , ป้ายกำกับ:, ,


ปกติเมนูของ WordPress จะมี css class เฉพาะของ WordPress หากเราต้องการที่จะนำเมนูจาก Bootstrap (https://getbootstrap.com/docs/4.0/components/navs/) มาใช้อาจจะต้องใช้ WP Bootstrap Navwalker เพื่อทำการแปลง Class ให้ใช้กับเมนูของ Bootstrap ได้

วิธีการใช้งาน

ดาวน์โหลดไฟล์ wp-bootstrap-navwalker.php จาก https://github.com/wp-bootstrap/wp-bootstrap-navwalker ลงมาใว้ในโฟลเดอร์ของ Theme ที่ใช้

ในไฟล์ /wp-content/your-theme/functions.php ให้เพิ่มโค๊ดดังนี้

หาก Error อาจจะใช้โค๊ดด้านล่างนี้

declare your new menu in your functions.php file.

ในไฟล์ header.php ให้เพิ่มโค๊ดเพื่อแสดงเมนูของ Bootstrap

ดาวน์โหลดและดูเพิ่มเติม

https://github.com/wp-bootstrap/wp-bootstrap-navwalker

สำหรับ Bootstrap 4 ดาวน์โหลดและดูเพิ่มเติม

https://github.com/wp-bootstrap/wp-bootstrap-navwalker/tree/v4


ป้ายกำกับ:, ,