ให้นักศึกษาทำขั้นตอนต่างๆ ดังต่อไปนี้

  • ใช้ 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 โดยให้นักศึกษาใส่รายละเอียดที่เป็นของนักศึกษาเองทั้งรูปข้อความต่าง ๆ

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

Dr.Watcharin Sarachai
Dr.Watcharin Sarachai

Hello! I’m Watcharin Sarachai, an enthusiastic and dedicated educator with a passion for advancing the field of computer science. I hold a Ph.D. in Computer Science from Chiang Mai University, where I focused on cutting-edge research in Machine Learning, Computer Programming, and Embedded Systems.

Articles: 21