การสร้างเว็บไซต์ด้วย WordPress

ณ ยุคสมัยปัจจุบันที่เต็มไปด้วย Opensource ที่มีประสิทธิภาพมากมาย ในกลุ่มของ Content Management System(CMS) มี Opensource หลายตัวที่ช่วยให้เราสร้างเว็บไซต์โดยที่ไม่ต้องเขียนโปรแกรม ซึ่งตัวที่ได้รับความนิยมมากที่สุดก็คงจะเป็น WordPress

ในบทความนี้เราจะเขียนถึงการสร้างเว็บไซต์แบบง่ายๆด้วย WordPress การใช้งาน WordPress นั้นง่ายมากเพียงแต่ไป Download WordPress Version ล่าสุดมา หลังจากเราทำการติดตั้ง ลงใน Folder Web ของ Webserver ที่เราใช้ อาจเป็น www, wwwroot, htdocs หรือ plublic_html

อันดับแรกหลังจากแตกไฟล์แล้ว เราต้องทำการสร้าง database เปล่าๆ ไว้

หลังจากนั้นเข้าไปที่หน้า admin ที่

หลังจากนั้นระบบจะให้เราทำการเลือก database โดยกรอกค่าต่างๆดังนี้

  1. ชื่อ database ที่เราเพิ่งสร้างขึ้นมา
  2. กำหนด host เป็น localhost
  3. กำหนดค่า username
  4. กำหนดค่า password
  5. prefix อาจเปลี่ยนหรือไม่เปลี่ยนก็ได้ (แนะนำว่าไม่ต้องเปลี่ยน)

ในการใช้งาน CMS หรือ เครื่องมือที่ช่วยสร้างเว็บไซต์แบบง่ายๆนั้น สิ่งที่ต้องระมัดระวังคือ เราจะทำการปรับปรุงหรือแก้ไขให้เฉพาะกับงานที่เฉพาะทางมากๆนั้นทำได้ยากกว่า ดังน้ันถ้าเรามีความต้องการที่ซับซ้อนหรือแตกต่างจากปกติที่ชาวบ้านเค้าทำกัน เราก็ไม่ควรเลือกใช้ CMS เข้ามาช่วย ควรจะเลือกสร้างเว็บไซต์แบบเขียนเองทั้งหมด

พื้นฐานการสร้างเว็บไซต์

สำหรับมือใหม่ที่ยังไม่เคยเรียนรู้เกี่ยวกับการสร้างเว็บไซต์มาก่อนอาจงง เมื่อต้องเริ่มต้นเรียนรู้การสร้างเว็บไซต์ เพราะมีหลายวิชาให้เรียนรู้มาก วันนี้เราจะมาดูภาพรวมกันว่าเราจะต้องเลือกเรียนรู้แต่ละทักษะ และเลือกใช้เครื่องมืออย่างไร

เริ่มต้นจากส่วนประกอบของเว็บไซต์ มี 4 ส่วนหลักๆ

  1. HTML เป็นส่วนของ content ของเว็บไซต์เรา
  2. CSS ทำหน้าที่ตกแต่งเว็บไซต์ของเราให้สวยงาม
  3. JavaScript ทำให้เกิดการตอบโต้กับผู้ใช้งาน เช่นการคลิกปุ่ม เป็นต้น
  4. Server-side Script เป็นการเขียนโปรแกรมบนฝั่ง Server จะใช้เมื่อต้องทำงานกับฐานข้อมูล มีหลายภาษาให้เลือก เช่น PHP, JSP หรือ ASP.net

ใน 4 ส่วนประกอบนี้เราจะเริ่มทำการเรียนรู้ไปทีละ Step เริ่มต้นจาก

  1. HTML ในปัจจุบันการเขียน PHP มีเครื่องมือที่ช่วยให้เราไม่ต้องเข้าใจ HMTL มากนัก แต่การเริ่มต้นที่ดีเราควรจะใช้งานเครื่องมือโดยที่มีความเข้าใจเรื่องของ HTML บ้าง เครื่องมือที่ใช้กันส่วนใหญ่ก็จะเป็น Dreamwaver แนะนำให้เริ่มต้นจากการใช้เครื่องมือก่อน
  2. CSS ส่วนของ CSS ส่วนนี้ให้เริ่มจากการเรียนรู้การใช้งานว่า Style Sheet สามารถกำหนดที่ส่วนไหนของเอกสารได้บ้าง แล้วแต่ละส่วนมีลำดับการทำงานอย่างไร แล้วค่อยเริ่มว่าการกำหนดค่าของ property แต่ละตัวนั้นมีความหมายอย่างไรบ้าง อาจเลือกใช้ Dreamwaver มาช่วย Generate Style Sheet ด้วยก็ได้
  3. JavaScript นั้นเป็นส่วนที่เริ่มต้นในการเขียนโปรแกรมเพราะส่วนของ HTML และ CSS นั้นไม่ได้ใช้ทักษะของการเขียนโปรแกรมเท่าไรนัก ดังนั้นการเรียนรู้ JavaScript ที่ง่ายที่สุดคือการเรียนรู้การใช้งาน Framework ต่างๆ โดยตัวที่ได้รับความนิยมและใช้งานได้ง่ายที่สุดคือ jQuery หลังจากนั้นค่อยเรียนรู้การทำงานของ JavaScript ไปเรื่อยๆ
  4. การเขียน Server-side Script นั้นเริ่มจากการเลือกภาษาก่อน โดยถ้าเป็นมือใหม่ที่ไม่เคยเขียนโปรแกรมมาก่อนแนะนำว่าถ้าไม่เริ่มจาก PHP ก็ให้เป็น ASP.net (Web Forms) ต้องมีวงเล็บไว้ด้วยเพราะยังไม่ควรเริ่มต้นกับ MVC วิธีการเลือกก็ง่ายมากถ้าอยากให้สร้างเว็บไซต์ได้ง่ายๆ ใช้เวลาไม่นานเลือก ASP.net แต่ชีวิตเราจะต้องใช้ Host ที่เป็น Windows Server ตลอดกาล ถ้าเราต้องการที่จะ run ได้ทุกๆ Platform หรือทุกๆ OS ให้เลือกเป็น PHP ส่วนเรื่องของการเขียนก็เริ่มจากหนังสือหรือ Web site ทั่วไป

ถ้าเราผ่านการเรียนรู้ทั้ง 4 ส่วนนี้ การสร้างเว็บไซต์ก็จะไม่ใช่เรื่องใหญ่สำหรับเราอีกต่อไป