ให้นักศึกษาทำขั้นตอนต่างๆ ดังต่อไปนี้
- ใช้ OceanWP Theme
- ติดตั้ง Ocean Extra Plugin
- ติดตั้ง Classic Widget Plugin
- ติดตั้ง Page Builder (Elementor)
ขั้นตอนที่ 1
ออกแบบ Topbar ดังแสดงในตัวอย่างต่อไปนี้ โดยใช้ข้อมูลของนักศึกษา

ขั้นตอนที่ 2 ออกแบบ Footer Bootom ดังแสดงในตัวอย่างต่อไปนี้ โดยใช้ข้อมูลของนักศึกษา

ขั้นตอนที่ 3 ออกแบบ Footer Widgets ดังแสดงในตัวอย่างต่อไปนี้ โดยใช้ข้อมูลของนักศึกษา

อ้างอิง
- นักศึกษาสามารถใช้ Facebook like box เพื่อแทรกใน Footer Widget ได้จากลิ้งนี้ Facebook like box
Facebook like box

กรอกที่อยู่ของ Facebook ที่ต้องการ เช่น “https://www.facebook.com/IT.Major.MJU” กดปุ่ม “Get Code”



ขั้นตอนที่ 4 ออกแบบหน้าเว็บด้งแสดงต่อไปนี้ โดยใช้ Elementor Plugin โดยให้นักศึกษาใส่รายละเอียดที่เป็นของนักศึกษาเองทั้งรูปข้อความต่าง ๆ

นักศึกษาสามารถดูตัวอย่างเต็มได้จากลิ้งนี้ ตัวอย่างหน้าเว็บ