วิธีติดตั้ง WordPress ลงในเครื่องแบบละเอียดที่สุด

บทความนี้จะสอนการติดตั้ง WordPress ลงในเครื่องคอมของเรา (เป็น server จำลอง) สำหรับคนใช้ Windows จะสอนกันแบบละเอียดยิบเลย แต่ถ้าละเอียดยิบแล้วยังงงหรือติดตรงไหนก็ทักมาคุยกันได้นะ!

โน้ต : บทความนี้ใส่คำอธิบาย ก่อนรูปภาพ

โปรแกรมและที่เราจะใช้กันในบทความนี้

  1. XAMPP : โปรแกรมจำลอง Server ใช้ได้ทั้ง Windows, Linux และ OS X ลิงก์ดาวน์โหลด
  2. Chrome : บราวเซอร์สำหรับเปิดเว็บ
  3. Visual Studio Code : ใช้สำหรับแก้โค้ด ลิงก์ดาวน์โหลด
  4. ไฟล์ WordPress ลิงก์ดาวน์โหลด

ซึ่งโปรแกรมต่างๆ ใครถนัดอันไหนก็ใช้ที่ถนัดได้เลยนะ แต่ถ้าอยากตามบทความนี้แบบคล่องๆ ก็ใช้ตามกันได้เลย~

ขั้นตอนติดตั้ง WordPress

สรุปขั้นตอนให้เห็นภาพรวมก่อนที่เราจะมาเริ่มติดตั้งกัน!

  1. สร้างโฟลเดอร์เว็บของเราที่ htdocs แล้วใส่ไฟล์ WordPress เข้าไป
  2. เริ่มใช้งาน XAMPP
  3. สร้างฐานข้อมูล (database)
  4. แก้ไขไฟล์ wp-config-sample.php เพื่อเชื่อมต่อ WordPress กับ Database ที่เพิ่งสร้างขึ้นมา
  5. ติดตั้ง WordPress ตั้งรหัสล็อกอิน

มาเริ่มกันเลย!

1. htdocs

htdocs คือ โฟลเดอร์ที่จะเก็บข้อมูลเว็บไซต์ของเราไว้

ถ้าเราติดตั้ง XAMPP ไว้ที่ Drive C ตำแหน่งของมันก็จะอยู่ที่ C:\xampp\htdocs

install wordpress 01

ให้เราเข้าไปสร้างโฟลเดอร์ย่อย ใน htdocs สำหรับเก็บไฟล์ WordPress ของเราไว้ สามารถตั้งชื่อตามที่เราต้องการได้เลย

ในภาพตัวอย่างข้างล่าง เรามีเว็บไซต์เดิมอยู่ 2 เว็บไซต์ ก็คือ Website-01 กับ Website-02 เราได้ทำการสร้างโฟลเดอร์เปล่าๆ ชื่อว่า Website-03

install wordpress 02

ต่อไป เราก็เอาไฟล์ WordPress ที่เราดาวน์โหลดไว้แล้วจาก wordpress.org มาใส่ในโฟลเดอร์ที่เราเพิ่งสร้างเมื่อกี้ ตามตัวอย่างด้านล่างนี้เลย ~

install wordpress 03

2. เริ่มใช้งาน XAMPP

เปิด XAMPP ขึ้นมา แล้วกดปุ่ม Start ที่ Apache และ MySQL ได้เลย ถ้าใครยังไม่ได้ดาวน์โหลดไปโหลดกันได้ที่ลิงก์ดาวน์โหลดนี้

แต่ถ้าโหลดมาแล้วติดตั้งไม่เป็นก็ตามไปดูวิธีกันได้ที่บล็อกนี้เล้ยยย สอนวิธีติดตั้ง XAMPP สำหรับใช้งาน WordPress

start xampp 01 LI

ถ้า XAMPP ขึ้นสถานะ running แบบนี้แปลว่าพร้อมใช้งานแล้วหละ!

start xampp 02

3. สร้างฐานข้อมูลด้วย phpMySQL

ขั้นตอนแรกเปิด Chrome ขึ้นมา แล้วพิมพ์ว่า localhost/phpmyadmin แล้วคลิกที่ New เพื่อสร้าง Database ใหม่

new database 01 LI

แล้วก็ใส่ข้อมูลให้เรียบร้อยตามภาพด้านล่าง
ข้อ 1 ใส่ชื่อ database ที่ต้องการ ในตัวอย่างใช้ชื่อว่า my_new_db
ข้อ 2 เลือก Collation (ถ้าเลือกผิด อาจเจอปัญหาภาษาต่างดาวได้นะ!)
ข้อ 3 กด Create ได้เลย

new database 02 LI

เมื่อกด Create เรียบร้อย Database ที่เราเพิ่งสร้างเมื่อกี้ก็จะโผล่มาตรงนี้

new database 03 LI

4. แก้ไขไฟล์ wp-config-sample.php

ต่อไปก็จัดการเปลี่ยนชื่อไฟล์จาก wp-config-sample.php —> wp-config.php เพราะมันเป็นแค่ไฟล์ตัวอย่าง!

install wordpress 06

แล้วก็จัดการดับเบิ้ลคลิก เข้าไปแก้ไขไฟล์ wp-config.php กันเล้ยยยย มีสิ่งที่เราต้องแก้ไข 3 จุด ก็คือ

  1. database_name_here เปลี่ยนเป็นชื่อ database ที่เราเพิ่งสร้างไป
  2. username_here เปลี่ยนเป็น root
  3. password_here ลบออกได้เลย เพราะว่าเราไม่มี password
install wordpress 07 LI

เมื่อแก้ไขเสร็จแล้วจะได้หน้าตาแบบนี้

install wordpress 08

มีของแถมให้สำหรับคนขี้เกียจพิมพ์ด้วย! 555 copy ด้านล่างนี้ไปใช้ได้เลย (ใครตั้งชื่อ database ไม่เหมือนกัน อย่าลืมเปลี่ยนด้วยหละ)

// ** MySQL settings - You can get this info from your web host ** //
/** The name of the database for WordPress */
define( 'DB_NAME', 'my_new_db' );

/** MySQL database username */
define( 'DB_USER', 'root' );

/** MySQL database password */
define( 'DB_PASSWORD', '' );

4. ติดตั้ง WordPress

ให้เราเปิด Chrome แล้วพิมพ์ว่า localhost จะเจอกับลิสต์ของโฟลเดอร์ที่เราสร้างไว้ตั้งแต่ตอนแรก ก็คลิกที่โฟลเดอร์เว็บของเราได้เลย

localhost 1

ก็จะเจอกับบบบ แถ่แด้นนนนนนนนน!!! หน้า Setup ของ WordPress ก็จัดการเลือกภาษาที่ต้องการได้เลย!

wordpress setup 01 1

กรอกข้อมูลตามช่องให้เรียบร้อย แล้วกดปุ่ม “ติดตั้งเวิร์ดเพรส”

wordpress setup 03 1

สำเร็จ!!! กดเข้าสู่ระบบกันได้เลย แล้วทำการล็อกอินให้เรียบร้อย

wordpress setup 04 1

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

wordpress dashboard 1