วิธีแรกให้เราเข้า ส่วนของหน้า Admin หรือ หลังบ้าน จะได้ดังภาพ แล้วกดที่ Extension > Module กด New Module ใหม่ แล้วเลือก Custom แล้วให้เรามา1. ใส่ Title สำหรับ Module ที่จะแสดง ในที่นี้ผมจะเทสเป็น ปุ่ม Action ให้กด นำโค๊ดที่สร้างปุ่มไปใส่ไว้ที่ข้อ 2 แล้วจะได้ดังภาพ ให้เรากด OK (แต่โค้ดปุ่มของผม มีอย่างอื่นด้วยครับเลยดูแปลก ๆ แต่ผมจะมีโค้ดตัวอย่างปุ่มไว้ด้านล่างครับ) สามารถเลือกใช้ปุ่มได้เลยครับ แต่ต้องมี script ของ bootstrap นำโค้ด script ไปวางได้เลยครับ โค้ด >>
โค้ด: เลือกทั้งหมด
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
โค้ด: เลือกทั้งหมด
<button type="button" class="btn btn-primary">Primary</button>
<button type="button" class="btn btn-secondary">Secondary</button>
<button type="button" class="btn btn-success">Success</button>
<button type="button" class="btn btn-danger">Danger</button>
<button type="button" class="btn btn-warning">Warning</button>
<button type="button" class="btn btn-info">Info</button>
<button type="button" class="btn btn-light">Light</button>
<button type="button" class="btn btn-dark">Dark</button>
<button type="button" class="btn btn-link">Link</button>
แล้วมาที่ Content คลิก คอนเท้นที่เราได้สร้างไว้แล้ว มาทดสอบว่า การเพิ่ม Module ในข้อความทำอย่างไร ผมจะทดลองวาง Module กลางข้อความ Module ของผมคือ ปุ่ม Action 1 ปุ่มนะครัย พอคลิก ที่ Module จะมี Module ต่างๆ ที่เราเคยสร้างไว้มาให้เพิ่มครับ พอกดเพิ่ม จะมีโค้ดมาหนึงตัวครับ ว่าเราเรียก id นี้มาใช้งาน หลังจากเราได้เพิ่มไปแล้ว ลองรันดูจะได้ผลลัพธ์ดังนี้ครับ