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


 

เริ่มด้วยให้ไป Download ไฟล์ตัวอย่างสำหรับการเริ่มต้นสร้างธีม

ไฟล์ที่เราจะทำงานด้วย ส่วนใหญ่จะทำที่ไฟล์ index.html

ซึ่งเมื่อเราเปิดดู จะเป็นหน้าหน้าหนึ่งที่มี หัวเรื่อง เมนู รูป และเนื้อหาครบถ้วน

แต่เมื่อใช้ Editor เปิดดู จะเห็นว่าเป็น Code HTML ซึ่งก็ต้องมีความรู้พื้นฐานเพื่อที่จะเข้าใจการทำงานของแต่ละส่วนได้

เมื่อลองดูจะเห็นว่ามีส่วนต่างๆ แยกกันอย่างชัดเจน เราจะทำงานกับชิ้นส่วนพวกนี้

ให้ย้ายไฟล์ทั้งหมดนี้ไปที่ wp-content/themes/ แล้วเปลี่ยนชื่อเป็น todsorb

ไฟล์ index.html ให้เราเปลี่ยนนามสกุลเป็น .php

ไปที่หลังบ้านเว็บจำลองของเรา ในส่วนของธีม จะเห็นว่ามีธีมใหม่เพิ่มขึ้นมา จากนั้นคลิกที่ ใช้งาน

ไปที่หน้าบ้าน จะเห็นว่า การแสดงผลไม่เหมือนกับที่เราเคยเห็นก่อนหน้านี้

นั่นเป็นเพราะว่า การเรียกใช้งานไฟล์ปรับแต่งหน้านั้นมีการเรียกใช้งานผิดอยู่ ที่เว็บไซต์ของ WordPress จะมีคำสั่งหรือฟังก์ชัน เพื่อใช้ในการเรียกค่าต่างๆออกมาจากระบบ เรียกว่า Code Reference

เลื่อนลงมาด้านล่างจะเจอกับ template_url เราจะใช้อันนี้

เพิ่มฟังก์ชั่นเข้าไปดังรูป

และในส่วนที่เป็นลิงก์ที่อยู่ใน Content เราก็สามารถใช้ฟังก์ชันได้เช่นกัน

กลับมาที่หน้าบ้าน กด Refresh 1 ครั้ง จะเห็นว่าการแสดงผลเป็นเหมือนก่อนหน้านี้แล้ว

Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments