การพัฒนาเว็บไซต์ ด้วย เวิร์ดเพลส ( WordPress ) ก่อนอื่นเลย ผมขอออกตัวก่อนนะครับ ว่าบทความนี้เป็นบทความแรกๆ ของผมเอง ตัวผมเองมีประสบการณ์เขียนเวิร์ดเพลสมาหลาย ตัว เหมือนกัน ผมสามารถเข้าใจ และพัฒนา งานขึ้นมาให้ตรงกับความต้องการได้ แต่นี่จะเป็นบทความแรกๆ ที่ผมตั้งใจทำขึ้นมาเพื่อ แบ่งปัน ความรู้ที่ผมมีให้คนอื่น เข้าใจ หากใครรู้อยู่แล้วขอให้ผ่านไปแต่ถ้าใครเป็นมือใหม่ที่สนใจจะทำ ธีม ปลั๊กอิน หรือต้องการจะเข้าใจระบบ ของเวิร์ดเพลส ทั้งหมด ลองอ่านดูนะครับ เผื่อจะช่วยได้บ้าง จะมากหรือน้อยก็ดี ถ้าผมพิมพ์ตกหรืออธิบาย พูดถึงส่วนใหนไม่เข้าใจ สามารถสอบถามหลังจากบทความนี้มาได้เลยนะครับ ทั้งทางเพจ กลุ่ม หรือการแสดงความคิดเห็นก็ตาม หากทางผมเห็นจะเข้ามาตอบนะครับ ขอบคุณครับ

เวิร์ดเพลส WordPress นี้เราสามารถพัฒนาขึ้นมาได้ตามที่เราต้องการ สามารถทำเป็นเว็บบล็อก เขียนเนื้อหาประสบการณ์ บทความ, เว็บอีคอมเมิร์ช เพื่อขายสินค้า, เว็ปฟอรั่ม กระทู้ถามตอบ ในปัจจุบันเราสามารถนำเวิร์ดเพลสมาทำได้แทบทั้งหมดแล้ว ในปัจจุบัน มีหลายๆ ที่ ที่ให้จำหน่าย ธีม หรือ ปลั๊กอิน ก็ตาม ช่วยให้สามารถ สร้างเว็บไซต์ ได้ง่าย ได้ไว และ มีการบริการหลังการขายให้อีกแต่ถ้าเราเขียนได้เอง เราก็สามารถที่จะทำเว็บที่เราต้องการได้เอง สามารถต่อยอดเพื่อทำขายได้อีก เพราะฉนั้น บทความบทแรกที่เกี่ยวกับการพัฒนานั้น ผมอยากให้ผู้อ่านมีความรู้เรื่องของ ภาษาโปรแกรมมิ่งดังนี้

  1. PHP
  2. CSS
  3. HTML
  4. Javascript

 

เรามาเริ่มกันเลย ก่อนอื่นทำความเข้าใจกับโครงสร้างของเวิร์ดเพลสก่อน

wp hierarchy
เครดิต https://developer.wordpress.org/themes/basics/template-hierarchy/

โดยเวิร์ดเพลสจะหน้าของแต่หล่ะหน้าแยกเป็นประเภทๆ ดังนี้

  1. Archive Page หรือที่ผมเรียกมันว่าหน้ารวม เป็นหน้าที่เอาไว้รวมคอนเทนต์ ทุกคอนเทนต์ ไว้ตามหมวด (Category), คำที่เกี่ยวข้อง( Tags), ผู้เขียน (Author), Taxonomy, Date
  2. Singular Page หรือหน้าอ่าน เป็นหน้าที่เอาไว้โชว์คอนเทนต์ ที่ทางผู้เขียนได้เขียนเอาไว้ แสดงข้อมูลทั้งหมด
  3. Site Front Page หรือหน้าแรก เป็นหน้าที่เอาไว้แสดงผลในลักษณะที่เป็นเหมือน Landing Page ขึ้นมา
  4. Blog Posts Index Page เป็นหน้าแรก ที่เป็นลักษณะ Blog List เรียงลงมา นึกภาพตามคือหน้าที่เป็นลักษณะ เรียงๆ กันลงมา อาจจะมีหน้าตาคล้ายกับ Archive Page
  5. Error 404 Page เป็นหน้าดัก 404 หรือหน้าที่เอาไว้แสดงผลเวลาหาลิงค์นั้นๆ ไม่พบ
  6. Search Result Page หรือหน้าค้นหา เอาไว้แสดงคอนเทนต์ ที่ต้องการค้นหา

1.Archive Page

Archive Page
Archive Page

ลักษณะคือจะแสดง คอนเทนต์ ที่เป็นหมวดหมู่เดียวกันทั้งหมดออกมา ซึ่งตามภาพ การที่จะเข้ามาแสดงผลได้เนี่ย จะเรียงลำดับตามไฟล์ หากเจอไฟล์ใหนก่อนจะไปหยุดที่ไฟล์นั้น ยกตัวอย่าง สมมติ ว่าเป็น หน้า Category หรือ หมวดหมู่ และเป็นหมวดหมู่ แนะนำการใช้งานมี Slug เป็น tutorials มี ID เป็น 2

ให้มองเริ่มที่เส้น Category Archive เรียงเป็นเส้นดังนี้

  • อันดับ 1 category-$slug ก็จะมองที่ไฟล์ category-{slug}.php หรือไฟล์ category-tutorials.php
  • อันดับ 2 category-$id ก็จะมองที่ไฟล์ category-{id}.php หรือไฟล์ category-2.php
  • อันดับ 3 category หรือไฟล์ category.php
  • อันดับ 4 archive หรือไฟล์ archive.php
  • อันดับ 5 หรือไฟล์สุดท้ายที่ทุกๆ หน้าจะเข้าindex หรือไฟล์ index.php

2.Singular Page

Singular Page
Singular Page

ลักษณะจะเป็นหน้าที่เอาไว้โชว์เนื้อหาทั้งหมด ให้มองที่เส้น Single Post Page โดยผมจะไล่เป็นแบบนี้

  • $custom.php
  • single-post.php
  • * single.php
  • singular.php
  • index.php

* ถ้าเป็น หน้านี้ให้ใช้เป็น single.php เลยก็ได้ครับเข้าใจง่ายดี และผมใช้ตลอดเลย


3.Site Front Page

Front Page
Front Page

หน้านี้จะเป็นหน้าหลักที่ทุกคนเข้ามา ให้มองที่เส้น  Site Front Page เรียงได้แบบนี้

  • front-page.php
  • home.php
  • index.php

4.Blog Post Index Page

หน้านี้ลักษณะจะเป็นเหมือนโพสต์เรียงลงมา มีแบ่งหน้า จะเรียงได้เป็น

  • home.php
  • index.php

5.Error 404 Page

Error 404 Page
Error 404 Page

หน้านี้จะเอาไว้แสดงผลในหน้าที่ไม่พบเนื้อหาคอนเทนต์หรือหน้า Error 404 สาเหตุที่ไม่พบเนื้อหาหลังจาก เผยแพร่บทความไปแล้ว อาจจะเกิดได้จาก ลบโพสต์ คอนเทนต์ นั้นไปแล้ว หรือมีการย้าย หมวดหมู่ ทำให้ ลิงค์เปลี่ยนไปเมื่อเข้าตรงๆ จึงไม่พบ หรือ มีข้อผิดพลาดในฐานข้อมูล เราจึงจำเป็นต้องทำหน้านี้ด้วย จะเรียงได้เป็น

  • 404.php
  • index.php

6.Search Result Page

Search Page
Search Page

หน้าค้นหา หน้านี้จะแสดงคอนเทนต์ทุกคอนเทนต์ที่ทำการค้นหาผ่านเข้ามา ผ่านระบบ ของ WordPress แล้วนำมาแสดงผลในหน้านี้ จะเรียงได้เป็น

  • search.php
  • index.php

เดี๋ยวบทความต่อไป ผมจะมาพูดถึงการเริ่มสร้างธีม เวิร์ดเพลส สร้างไฟล์ และ การแสดงผล ตามไฟล์ที่เราสร้างขึ้นมานะครับ นอกเหนือจากที่ผมพูด หากสงสัย สามารถสอบถามเข้ามาได้เลยนะครับและขอฝากให้กับที่สนใจหรือต้องการติดตามบทความต่อๆไป สามารถเข้าไป ได้ที่เพจ I-Makeweb กลุ่ม สอนเขียน Theme Plugin WordPress ถาม – ตอบ เรื่อง WordPress

บทความสำหรับ เรื่องนี้ https://developer.wordpress.org/themes/basics/template-hierarchy/