สร้าง Theme ให้กับ WordPress (1)

11 ก.ย. 2017 , 3,398 Views   , หมวดหมู่ WordPress โค๊ดดิ้ง   , ป้ายกำกับ:


ดาวน์โหลดไฟล์โครงสร้างธีมจาก underscores.me

โดยเข้าไปที่เว็บไซต์ http://underscores.me/ จากนั้นให้ใส่ชื่อ ธีม ของเราแล้วก็ GENERATE ดาวน์โหลด based theme ลงมา

ก็จะได้ไฟล์ตามรูปด้านล่างครับ จากนั้นเราก็ค่อยมาแก้ไขปรับแต่งเพื่อเป็น ธีม ของเรา

โดยโครงสร้างของ ธีม ก็จะประมาณในรูปนี้ครับ

ไฟล์ theme ที่สำคัญ

เพียงมีสองไฟล์ ก็สามารถทำงานได้แล้ว

  1. index.php
  2. style.css

ไฟล์หลักๆที่สำคัญ สามารถปรับแต่งสำหรับธีมของเรา

  1. header.php, footer.php, sidebar.php (ส่วนหัวเว็บไซต์ , ส่วนท้ายเว็บไซต์ , ส่วนเมนูด้านข้าง)
  2. style.css เป็น stylesheet หลักของ template
  3. index.php ใช้เป็นหน้าหลัก และหน้า list ต่างๆ เช่น หน้า archive, หน้า category ,หน้ารวมบทความในแต่ละ category เป็นต้น
  4. single.hp เป็น template ของเรื่อง เช่น บทความในแต่ละหน้า เป็นต้น
  5. page.php เป็น template ของหน้า เช่น หน้าเกี่ยวกับเรา เป็นต้น
  6. functions.php ฟังค์ชันต่างๆที่เขียนขึ้นมาเพื่อใช้กับธีมของเรา
  7. comments.php template ของคอมเมนต์ทั้งหมดครับ เช่นฟอร์มสำหรับคอมเมนต์ และส่วนที่แสดงคอมเมนต์ทั้งหมด
  8. archive.php ไฟล์หน้า archive เช่น ปีนี้ เดือนนี้ เขียนบทความอะไรไว้บ้าง หรือเป็น summary บทความสั้นๆ สามารถเลือกได้ว่าบทความวันไหน เดือนไหน หรือปีไหน
  9. search.php ไฟล์หน้าผลการค้นหาต่างๆในเว็บ
  10. 404.php หากหาเนื้อหาในหน้าเว็บไม่เจอ

กำหนดค่าเบื้องต้นให้กับธีม

เช่น ชื่อธีม คนสร้าง คำบรรยาย ฯลฯ ค่าพวกนี้จะถูกกำหนดเอาไฟล์ในคอมเมนต์ไฟล์ style.css  (ไม่จำเป็นต้องใส่ก็ได้ครับ เวิร์ดเพรสก็จะดึงชื่อธีมมาจากชื่อโฟลเดอร์ให้)

  • Theme Name – ชื่อของธีม
  • Theme URI – หน้าเว็บของธีม
  • Description – คำบรรยายธีม
  • Author – ผู้สร้างธีม
  • Version – รุ่นของธีม
  • License – ประเภทลิขสิทธิ์ของธีม
  • License URI – ลิงค์ไปหน้ารายละเอียดลิขสิทธิ์/สัญญาอนุญาต
  • Tags – แท็ก เอาไว้เวลาค้นหาอย่างใน WordPress Theme Repositories
  • Text Domain – เอาไว้สำหรับไว้แปลธีมครับ

ส่วนรูปภาพ screenshot ก็ให้ตั้งชื่อภาพว่า screenshot.png แล้วเอาไปใส่ใว้ในโฟลเดอร์ของธีมของเรา

อ้างอิง :

https://bowkraivanich.com/create-wordpress-theme-in-24-hrs/
https://jirayu.in.th/2012/07/เริ่มต้นเขียน-theme-ของ-wordpress-ใช้เ/


ป้ายกำกับ: