8. การสร้างธีมเวิร์ดเพรส

การสร้างธีมเวิร์ดเพรส แนะนำให้ดู 1 รอบก่อน แล้วค่อยทำตาม

8-1: เริ่มต้นสร้างธีมเวิร์ดเพรส 12:00 นาที

  • เริ่มต้นสร้างธีมเวิร์ดเพรสจากไฟล์ HTML ทดสอบ
  • การนำข้อมูลมาแสดงด้วย Template Tags
  • การสร้างเมนู และนำมาแสดงในธีม
  • แยกชิ้นส่วนไฟล์ เป็น Header / Footer / Sidebar
  • การแสดงเนื้อหาภายใน The Loop

หมายเหตุ: สำหรับการจำลองเครื่องเป็นเซิร์ฟเวอร์ แนะนำให้ใช้ MAMP นะครับ ฟรี และรองรับทั้ง Windows และ Mac ครับ

8-2: สร้างเทมเพลตในธีมเวิร์ดเพรส 10:06 นาที

  • รู้จักกับ Template Hierarchy
  • การสร้างหน้า Page, Post
  • การสร้าง Sidebar เพื่อใส่ Widget
  • การสร้าง Template สำหรับหน้าแรก
  • การใส่โค้ดใน header และ footer เพื่อรองรับปลั๊กอินต่างๆ

หมายเหตุ: โค้ดต่างๆ สามารถ copy จากธีม Todsorb ที่มีให้โหลดในหน้าสมาชิก การบ้านคือ ดูว่ามีคำสั่งอื่นๆ อีกหรือไม่ ใช้สำหรับทำอะไร เพื่อเตรียมพร้อมสำหรับการเรียนรู้ธีม Seed ที่ซับซ้อนขึ้น

8-3: สร้างธีมเวิร์ดเพรส โดยใช้ธีม Seed เป็น Starter Theme 9:45 นาที

  • เปลี่ยนธีม Seed เป็นธีมของเราเอง
  • การแก้ไขไฟล์ style.css และ screenshot.png
  • การแก้ไขไฟล์ single.php โดยลองใช้ Bootstrap Grid

หมายเหตุ: สนใจคำสั่งอื่นๆ ในเทมเพลต สามารถดูได้ที่หน้า Template Tags นะครับ

8-1: เริ่มต้นสร้างธีมเวิร์ดเพรส 12:00 นาที

  • เริ่มต้นสร้างธีมเวิร์ดเพรสจากไฟล์ HTML ทดสอบ
  • การนำข้อมูลมาแสดงด้วย Template Tags
  • การสร้างเมนู และนำมาแสดงในธีม
  • แยกชิ้นส่วนไฟล์ เป็น Header / Footer / Sidebar
  • การแสดงเนื้อหาภายใน The Loop