วิธีติดตั้ง WordPress ลงในเครื่องแบบละเอียดที่สุด
บทความนี้จะสอนการติดตั้ง WordPress ลงในเครื่องคอมของเรา (เป็น server จำลอง) สำหรับคนใช้ Windows จะสอนกันแบบละเอียดยิบเลย แต่ถ้าละเอียดยิบแล้วยังงงหรือติดตรงไหนก็ทักมาคุยกันได้นะ!
โน้ต : บทความนี้ใส่คำอธิบาย ก่อนรูปภาพ
โปรแกรมและที่เราจะใช้กันในบทความนี้
- XAMPP : โปรแกรมจำลอง Server ใช้ได้ทั้ง Windows, Linux และ OS X ลิงก์ดาวน์โหลด
- Chrome : บราวเซอร์สำหรับเปิดเว็บ
- Visual Studio Code : ใช้สำหรับแก้โค้ด ลิงก์ดาวน์โหลด
- ไฟล์ WordPress ลิงก์ดาวน์โหลด
ซึ่งโปรแกรมต่างๆ ใครถนัดอันไหนก็ใช้ที่ถนัดได้เลยนะ แต่ถ้าอยากตามบทความนี้แบบคล่องๆ ก็ใช้ตามกันได้เลย~
ขั้นตอนติดตั้ง WordPress
สรุปขั้นตอนให้เห็นภาพรวมก่อนที่เราจะมาเริ่มติดตั้งกัน!
- สร้างโฟลเดอร์เว็บของเราที่ htdocs แล้วใส่ไฟล์ WordPress เข้าไป
- เริ่มใช้งาน XAMPP
- สร้างฐานข้อมูล (database)
- แก้ไขไฟล์ wp-config-sample.php เพื่อเชื่อมต่อ WordPress กับ Database ที่เพิ่งสร้างขึ้นมา
- ติดตั้ง WordPress ตั้งรหัสล็อกอิน
มาเริ่มกันเลย!
1. htdocs
htdocs คือ โฟลเดอร์ที่จะเก็บข้อมูลเว็บไซต์ของเราไว้
ถ้าเราติดตั้ง XAMPP ไว้ที่ Drive C ตำแหน่งของมันก็จะอยู่ที่ C:\xampp\htdocs
ให้เราเข้าไปสร้างโฟลเดอร์ย่อย ใน htdocs สำหรับเก็บไฟล์ WordPress ของเราไว้ สามารถตั้งชื่อตามที่เราต้องการได้เลย
ในภาพตัวอย่างข้างล่าง เรามีเว็บไซต์เดิมอยู่ 2 เว็บไซต์ ก็คือ Website-01 กับ Website-02 เราได้ทำการสร้างโฟลเดอร์เปล่าๆ ชื่อว่า Website-03
ต่อไป เราก็เอาไฟล์ WordPress ที่เราดาวน์โหลดไว้แล้วจาก wordpress.org มาใส่ในโฟลเดอร์ที่เราเพิ่งสร้างเมื่อกี้ ตามตัวอย่างด้านล่างนี้เลย ~
2. เริ่มใช้งาน XAMPP
เปิด XAMPP ขึ้นมา แล้วกดปุ่ม Start ที่ Apache และ MySQL ได้เลย ถ้าใครยังไม่ได้ดาวน์โหลดไปโหลดกันได้ที่ลิงก์ดาวน์โหลดนี้
แต่ถ้าโหลดมาแล้วติดตั้งไม่เป็นก็ตามไปดูวิธีกันได้ที่บล็อกนี้เล้ยยย สอนวิธีติดตั้ง XAMPP สำหรับใช้งาน WordPress
ถ้า XAMPP ขึ้นสถานะ running แบบนี้แปลว่าพร้อมใช้งานแล้วหละ!
3. สร้างฐานข้อมูลด้วย phpMySQL
ขั้นตอนแรกเปิด Chrome ขึ้นมา แล้วพิมพ์ว่า localhost/phpmyadmin แล้วคลิกที่ New เพื่อสร้าง Database ใหม่
แล้วก็ใส่ข้อมูลให้เรียบร้อยตามภาพด้านล่าง
ข้อ 1 ใส่ชื่อ database ที่ต้องการ ในตัวอย่างใช้ชื่อว่า my_new_db
ข้อ 2 เลือก Collation (ถ้าเลือกผิด อาจเจอปัญหาภาษาต่างดาวได้นะ!)
ข้อ 3 กด Create ได้เลย
เมื่อกด Create เรียบร้อย Database ที่เราเพิ่งสร้างเมื่อกี้ก็จะโผล่มาตรงนี้
4. แก้ไขไฟล์ wp-config-sample.php
ต่อไปก็จัดการเปลี่ยนชื่อไฟล์จาก wp-config-sample.php —> wp-config.php เพราะมันเป็นแค่ไฟล์ตัวอย่าง!
แล้วก็จัดการดับเบิ้ลคลิก เข้าไปแก้ไขไฟล์ wp-config.php กันเล้ยยยย มีสิ่งที่เราต้องแก้ไข 3 จุด ก็คือ
- database_name_here เปลี่ยนเป็นชื่อ database ที่เราเพิ่งสร้างไป
- username_here เปลี่ยนเป็น root
- password_here ลบออกได้เลย เพราะว่าเราไม่มี password
เมื่อแก้ไขเสร็จแล้วจะได้หน้าตาแบบนี้
มีของแถมให้สำหรับคนขี้เกียจพิมพ์ด้วย! 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 จะเจอกับลิสต์ของโฟลเดอร์ที่เราสร้างไว้ตั้งแต่ตอนแรก ก็คลิกที่โฟลเดอร์เว็บของเราได้เลย
ก็จะเจอกับบบบ แถ่แด้นนนนนนนนน!!! หน้า Setup ของ WordPress ก็จัดการเลือกภาษาที่ต้องการได้เลย!
กรอกข้อมูลตามช่องให้เรียบร้อย แล้วกดปุ่ม “ติดตั้งเวิร์ดเพรส”
สำเร็จ!!! กดเข้าสู่ระบบกันได้เลย แล้วทำการล็อกอินให้เรียบร้อย
เราก็จะเจอกับหน้าควบคุม หรือ หน้า Dashboard ของ WordPress กันแล้ววววว เป็นอันเสร็จสิ้นการติดตั้ง WordPress บนเครื่องคอมพิวเตอร์ของเรา ใครมาได้ถึงขั้นตอนนี้ก็ยินดีด้วย คุณทำสำเร็จแล้วววว เย้!!!!