วิธีติดตั้ง/ทดลองใช้ WordPress บนเครื่องตัวเอง (ไม่เสียค่าใช้จ่าย)

ถึงแม้ว่า WordPress จะเป็นโปรแกรมสร้างเว็บไซต์ยอดนิยม ก่อนจะใช้โปรแกรมตัวนี้ได้ ปกติคุณต้องจดโดเมน และเช่าเว็บโฮสติ้งเสียก่อน (ซึ่งมีค่าใช้จ่าย)

ทีนี้ถ้าหากคุณยังสองจิตสองใจ ไม่แน่ใจว่า WordPress มันจะตอบโจทย์ไหม อยากทดลองใช้โปรแกรมนี้ดูก่อนแบบฟรีๆ ไม่เสียเงิน คุณก็สามารถทำได้ครับ ผมจะแชร์วิธีอย่างละเอียดให้

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

มาเริ่มกันเลยครับ

1. ติดตั้ง XAMPP

ก่อนอื่นเราต้องทำให้คอมพิวเตอร์ของเรามีการทำงานเสมือนเว็บโฮสติ้งซะก่อน

ซึ่งโปรแกรมฟรีที่ทำแบบนี้ได้ก็คือ XAMPP คุณสามารถดาวน์โหลดจากลิงก์นี้ได้เลย ดาวน์โหลด XAMPP (ลิงก์จะเปิดในหน้าต่างใหม่)

ในหน้าดาวน์โหลด ถ้าคุณใช้ Windows ให้เลือก XAMPP for Windows ถ้าใช้ Mac ก็เลือก XAMPP for OS X จากนั้นเลือกเวอร์ชันล่าสุด (ตัวเลขมากสุด)

สำหรับวิธีการติดตั้งก็เหมือนโปรแกรมทั่วไปเลยครับ แต่ถ้าคุณใช้ Windows พอ double click เพื่อติดตั้ง คุณอาจเห็นข้อความแบบนี้

ข้อความเตือนว่าเราไม่ควรจะติดตั้งโปรแกรมไว้ที่ C:\Program files ไม่อย่างนั้นฟังก์ชันบางอย่างอาจไม่ทำงาน (ซึ่งตรงนี้ไม่ใช่ปัญหา เพราะโดยปกติ ตัว installer จะลงโปรแกรมที่ C:\xampp อยู่แล้ว) ให้กด OK ไป

จากนั้นกด Next ไปเรื่อยๆ หากเจอหน้าที่ให้เปลี่ยนค่า settings ได้ ก็ไม่ต้องไปแก้อะไร

2. Start โมดูล Apache และ MySQL

หลังจากติดตั้งเสร็จ ถ้าคุณกดปุ่ม Finish จะมี Control Panel ของตัว XAMPP โชว์ขึ้นมา

หรือคุณสามารถเปิด control panel ตัวนี้ โดยไปที่ C:\xampp แล้ว double click ไฟล์ชื่อ xampp-control.exe

เมื่อใดก็ตามที่คุณต้องการทำให้คอมคุณกลายเป็นเว็บโฮสจำลอง คุณต้องเปิด control panel ตัวนี้ และกดปุ่ม Start โมดูล Apache แล้ว MySQL ตามรูปด้านล่าง (หรือถ้าขี้เกียจจำก็เปิดมันทุกอันเลยก็ได้)

หลังจากกดปุ่ม Start แล้ว ถ้าคุณเปิด web browser แล้วพิมพ์ localhost คุณจะเห็นหน้าเว็บคล้ายๆ รูปด้านล่าง

แบบนี้แสดงว่าเครื่องคุณกลายเป็นเว็บโฮสจำลองแล้วครับ

localhost คือคำศัพท์ที่หมายถึง เครื่องคอมพิวเตอร์เครื่องนี้ (this computer) การพิมพ์ localhost บน web browser ก็คือการบอกให้ web browser เชื่อมต่อไปยังคอมพิวเตอร์เครื่องที่คุณใช้อยู่นั่นเอง

3. ดาวน์โหลดไฟล์ WordPress

หน้าเว็บ Welcome to XAMPP ในขั้นตอนที่แล้ว เป็นหน้าเว็บที่แถมมากับ XAMPP ซึ่งเราไม่ต้องการ ในขั้นตอนนี้ เราจะลบไฟล์ทั้งหมดของเว็บนั้นออก แล้วจะเอาไฟล์ WordPress มาใส่แทน

ปกติ XAMPP จะเก็บไฟล์ของเว็บไซต์ไว้ที่ C:\xampp\htdocs (ไฟล์เว็บไซต์ก็คือไฟล์นามสกุล html, php, css, รวมถึงรูปภาพต่างๆ ที่ใช้ในเว็บไซต์)

ถ้าคุณลองเข้าไปที่โฟลเดอร์ดังกล่าว คุณจะเห็นว่ามีไฟล์อยู่จำนวนหนึ่งแล้ว นั้นคือไฟล์ของหน้าเว็บ Welcome to XAMPP ที่แสดงเวลาพิมพ์ localhost นั่นเองครับ

คุณสามารถ เพิ่ม, ลบ, หรือแก้ไขไฟล์ในโฟลเดอร์นี้ได้ตามต้องการ เพราะฉะนั้นอันดับแรกให้ลบไฟล์ทั้งหมดในโฟลเดอร์นี้ก่อนเลย เพราะเดี๋ยวเราจะเอาไฟล์ WordPress มาใส่แทน (หรือถ้าไม่อยากลบก็สร้างโฟลเดอร์ย่อยชื่อ xampp แล้วย้ายไฟล์ไปไว้ในนั้นก็ได้ครับ)

จากนั้นให้ดาวน์โหลดโปรแกรม WordPress จากลิงก์นี้ ดาวน์โหลด WordPress (ลิงก์จะเปิดในหน้าต่างใหม่)

ไฟล์ที่ดาวน์โหลดมาจะเป็น ZIP ไฟล์ ให้ extract (unzip) ไฟล์นั้น พอ extract ออกมาแล้วจะเห็นไฟล์และโฟลเดอร์มากมาย ให้ copy ไฟล์ทั้งหมดไปวางที่ C:\xampp\htdocs

พอทำเสร็จแล้วผลลัพธ์ควรจะเป็นแบบในรูปด้านล่าง

4. สร้าง Database (ฐานข้อมูล)

ข้อมูลของเว็บไซต์ WordPress ประกอบด้วยสองส่วนด้วยกัน

  1. ไฟล์ต่างๆ ที่อยู่ในโฟลเดอร์ htdocs
    • ส่วนใหญ่จะเป็นไฟล์นามสกุล php และ CSS สองสิ่งนี้เป็นภาษาคอมพิวเตอร์ เอาไว้กำหนดการทำงานและแสดงผลและของเว็บไซต์
    • เวลาคุณใส่รูปภาพในบทความ รูปดังกล่าวจะเก็บในโฟลเดอร์นี้เช่นกัน (อยู่ในโฟลเดอร์ย่อย)
  2. Database ของเว็บไซต์
    • เอาไว้เก็บข้อมูลที่ผู้ใช้ใส่เข้ามา อย่างถ้าคุณเขียนบทความใหม่หรือแก้ค่า settings บางอย่าง ข้อมูลดังกล่าวจะเก็บไว้ใน database

สรุปคือ ก่อนจะเริ่มใช้ WordPress ได้ เราต้องสร้าง database ให้มันก่อนครับ

ก่อนอื่นใน XAMPP control panel ให้เช็คว่าโมดูล Apache และ MySQL ทำงานอยู่ แบบในรูปด้านล่าง (ถ้ายังไม่ทำงานให้กด Start)

จากนั้นตรงโมดูล MySQL ให้กดปุ่ม Admin ตามรูปด้านล่าง (MySQL คือชื่อของระบบจัดการ database ประเภทหนึ่ง)

จากนั้นให้ทำตามรูปด้านล่างเลยครับ (คำอธิบายอยู่ใต้รูป)

  1. คลิกที่แท็บ Databases (เพราะเราต้องการสร้าง database)
  2. ใต้คำว่า Create database ให้พิมพ์ชื่อ database ในตัวอย่างใช้ชื่อว่า wordpress
  3. จากนั้นกดปุ่ม Create ก็เป็นอันเรียบร้อย

5. เซ็ตอัพ WordPress

ให้พิมพ์ localhost บน web browser อีกทีครับ คราวนี้เว็บ XAMPP จะหายไปแล้ว และจะมีหน้าเว็บสำหรับเซ็คอัพ WordPress ขึ้นมาแทน โดยหน้าแรกจะให้เราเลือกภาษาตามรูปด้านล่าง ให้เลือก English ไปก่อน (เปลี่ยนเป็นภาษาไทยทีหลังได้)

หน้าต่อไปไม่มีอะไร มันแค่บอกเราว่า ให้เตรียมข้อมูล settings ของ database ให้เรียบร้อย กดปุ่ม Let’s go! เลยครับ

หน้าต่อมาเราต้องใส่ settings ของ database (เพื่อที่ว่า WordPress จะได้เชื่อมต่อไปใช้งาน database ที่เราสร้างไว้ได้) ให้ใส่ข้อมูลตามรูปด้านล่างเลยครับ

จากรูปด้านบน ค่า settings ใส่ตามนี้เลยครับ

  • Database Name: wordpress
  • Username: root
  • Password: <เว้นว่างไว้>
  • Database Host: localhost
  • Table Prefix: wp_

คุณอาจสงสัยว่า ไอ้ username ที่มีค่าเป็น root มันคืออะไร อธิบายง่ายๆ ดังนี้ (แต่ไม่ต้องอ่านก็ได้นะ)

  • ปกติการจะใช้งาน database ของ MySQL เราต้องสร้าง user สำหรับ database นั้นๆ ขึ้นมาก่อน (เหมือนเวลาเราต้องการใช้ Facebook หรือ Instagram เราก็ต้องมี user account ก่อนนั่นแหละครับ)
  • ทีนี้ ระบบ MySQL มันมี user ชื่อ root สร้างไว้โดยอัตโนมัติแล้ว และโดย default มันไม่มีการเซ็ต password ไว้ เราก็เลยใช้ user นี้ไปได้เลย ไม่ต้องเสียเวลาสร้าง user ใหม่ครับ
  • แต่ว่าเวลาลง WordPress บนเว็บโฮสของจริงนั้น user ชื่อ root จะมีการเซ็ต password ไว้ ทำให้คุณต้องสร้าง user สำหรับ database ด้วยครับ (กรณีลงแบบ manual ไม่ใช้ wizard)

พอกรอกข้อมูล database แล้วให้กดปุ่ม Submit หาก WordPress สามารถเชื่อมต่อกับ database ได้ (ถ้า settings ถูกต้อง) มันจะขึ้นข้อความว่า WordPress can now communicate with your database ให้กด Run the installation เลย

มาถึงขั้นตอนสุดท้าย มันจะให้กรอกข้อมูลเล็กๆ น้อยๆ รวมทั้งให้คุณกำหนด username และ password สำหรับล็อกอินเข้าระบบหลังบ้านของเว็บไซต์ด้วย

การกรอกข้อมูลตรงนี้ไม่เสียเวลาคิดนานครับ ค่า settings ทุกค่าสามารถเปลี่ยนทีหลังได้ (ยกเว้น username)

พอกรอกข้อมูลเสร็จก็กด Install WordPress ก็เป็นอันเรียบร้อย ถ้าลองพิมพ์ localhost ดูคราวนี้คุณจะเห็นเว็บไซต์ WordPress ของคุณแล้ว!

จบแล้วครับ เพียงเท่านี้คุณก็สามารถลองใช้งาน WordPress โดยไม่ต้องเสียค่าโดเมนและเว็บโฮสติ้งแล้วครับ

สำหรับวิธีการใช้งาน WordPress หรือวิธีการเข้าส่วนหลังบ้าน คุณสามารถอ่านได้จากบทความสอนทำเว็บด้วย WordPress ของผมได้เลยครับ

การอัพเว็บขึ้น web hosting จริง

ทีนี้คุณอาจสงสัยว่า ถ้าคุณเริ่มลองสร้างเว็บในเครื่อง localhost ของตัวเอง แล้วมันดันดูดี เลยอยากเช่าเว็บโฮส เพื่อจะเอาเว็บนี้ไปวางไว้บนเว็บโฮสนั้น

ทางเลือกแรกคือ ถ้าสิ่งที่คุณทำไว้มันไม่ได้ซับซ้อนหรือเยอะแยะมากมาย คุณสามารถเช่าเว็บโฮส ลง WordPress ในเว็บโฮสนั้น แล้วก็สร้างทุกอย่างใหม่ให้เหมือนกับเว็บที่อยู่ใน localhost ของคุณ

ข้อดีของวิธีนี้ คือมันเป็นการทบทวนความรู้ เกี่ยวกับการปรับแต่งเว็บไซต์ของคุณ เพราะการทำซ้ำจะทำให้คุณมีความชำนาญมากขึ้น

แต่ถ้าคุณไม่อยากวุ่นวายทำใหม่อีกรอบ อีกวิธีก็คือ ให้คุณบอกให้ support ของเว็บโฮส เอาไฟล์เว็บคุณไปติดตั้งบนเว็บโฮสจริงให้ก็ได้ครับ (ก่อนเช่าเว็บโฮสก็ถามก่อนว่าเค้ารับทำให้ไหม แต่ปกติเว็บโฮสทุกที่เค้าอยากได้ลูกค้าใหม่อยู่แล้ว ส่วนใหญ่มักจะทำให้ฟรีครับ)

โดยหน้าที่คุณก็คือ ต้องส่งไฟล์สองรายการให้ทาง support

  1. ไฟล์ต่างๆ ที่อยู่ในโฟลเดอร์ htdocs (ก็คือ zip โฟลเดอร์ทั้งอันส่งให้เค้าเลย)
  2. Database ของเว็บไซต์ (ต้องทำการ export database ก่อน จะได้ไฟล์ database หนึ่งไฟล์)

สำหรับวิธีการ export database ให้เข้าไปที่ MySQL > Admin ตามรูปด้านล่าง

จากนั้นให้ทำตามนี้

  1. กดที่แท็บ Databases (ดูรูปประกอบด้านล่าง)
  2. เลือก database ชื่อ WordPress หรือถ้าคุณใช้ชื่ออื่นก็เลือกชื่อนั้น
  3. จากนั้นกดที่แท็บ Export แล้วกดปุ่ม Go ด้านล่าง (ไม่ต้องเปลี่ยนค่าอะไร) เพื่อทำการ export database จะได้ไฟล์นามสกุล .sql มาหนึ่งไฟล์

ทีนี้หลังจากคุณจ่ายเงินค่าเว็บโฮส และจดโดเมนแล้ว ก็ให้ส่งไฟล์ทั้งหมดให้ support เค้าก็จะทำการติดตั้งให้คุณครับ (ซึ่งจริงๆ ขั้นตอนนี้เราก็ทำเองได้ แต่จะยากสำหรับมือใหม่หน่อย เพราะมันต้องมีการอัพเดตชื่อเว็บให้คุณใน database (จาก http://localhost ให้เป็น https://yourwebsite.com) เพราะงั้นให้ support ทำให้สะดวกกว่า

4 thoughts on “วิธีติดตั้ง/ทดลองใช้ WordPress บนเครื่องตัวเอง (ไม่เสียค่าใช้จ่าย)”

  1. รบกวนสอบถามหน่อยครับ
    ผมทำถึงขั้นตอนที่ 5 เซ็ตอัพ WordPress
    ผมพิมพ์ localhost ลงใน Web browser แล้ว แต่ไม่มี WordPress ขึ้นมาให้เซ็ตอัพครับ
    ต้องทำอย่างไรครับ
    (ผมใช้ Windows 32bit)

    ตอบกลับ
  2. ถ้าเราฝึกทำเว็บไว้เสร็จแล้วอยากเอาเว็บที่เราสร้างในเครื่องไปขึ้นบน web-hosting ที่เราซื้อไว้ จะทำได้ไหมคับ หรือว่าต้องสร้างให่หมดเลย

    ตอบกลับ

Leave a Comment