สมัครเรียนโทร. 085-350-7540 , 084-88-00-255 , ntprintf@gmail.com

Tutorial Web Programming

A01 JavaScript01 HelloWorld A02 JavaScript02 HelloWorld by Class A03 JavaScript03 Object A04 JavaScript04 Prototype A05 JavaScript05 Closure A06 NodeJS01 HelloWorld A07 npm01 Intro A08 React01 HelloWorld A09 AngularJS01 HelloWorld A10 VueJS01 HelloWorld A11 webpack01 Intro A12 ASPNET01 HelloWorld A13 Flask01 HelloWorld A14 Windows CommandLine A15 GoogleCloudPlatform Product A16 GoogleAppEngine01 HelloWorld A17 WhatIs01 WebServer A18 WhatIs02 API A19 WhatIs03 Linux A20 Linux CommandLine A21 Android01 HelloWorld A22 Android02 Gradle A23 Maven HelloWorld A24 Nancy HelloWorld A25 WhatIs04 Protocol A26 HowTo01 Install Ubuntu Desktop A27 HowTo02 Install WebServer on Ubuntu A28 HowTo Install PrestaShop with php8 A29 HowTo Install XAMPP on Ubuntu A30 HowTo Install WordPress on XAMPP on Ubuntu A31 React02 Create and Run React Application A32 React03 Simple Web Application - People Counter A33 React04 Simple Web Application - People Counter 2 A34 React05 Web Application - Dictionary A35 React06 Web Application - Multiple Pages A36 React07 Web Application - Multiple Pages with APIs A37 React08 Web Application - Calculator A38 React09 Web Application - SpO2 Tracker A39 React10 Web Application - Smart Parking A40 Create AWS EC2 instance A41 Create WebApp Using Django on EC2 A42 JavaScript06 Understanding JavaScript Loop A43 HowTo Install CKEditor5 on Your Website

A30 How to Install WordPress on XAMPP on Ubuntu 22.04

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

* ในตัวอย่างนี้จะติดตั้ง WordPress 6.1.1 บน XAMPP 8.2.0 / PHP 8.2.0 บน Ubuntu 22.04

** สำหรับผู้เรียนคอร์ส SU101หรือคอร์สอื่น ๆ ที่ติดปัญหาและแก้ตามในบทความนี้ไม่สำเร็จ หากต้องการสอบถามอย่าลืมบอกรายละเอียดต่าง ๆ เช่น เวอร์ชันของ Ubuntu ที่ใช้ เวอร์ชันของ VirtualBox ที่ใช้ และเวอร์ชันของสิ่งอื่น ๆ ที่ใช้มาด้วย ยิ่งบอกละเอียดเจ้าหน้าที่ก็ยิ่งสามารถช่วยเหลือได้รวดเร็วมากขึ้นครับ

 

เตรียมตัวก่อนติดตั้ง WordPress

1. ถ้าเครื่องไหนยังไม่ได้ลง XAMPP ให้ติดตั้งก่อน ซึ่งทำได้ตามบทความ How to Install XAMPP on Ubuntu 22.04

2. เปิดโปรแกรม XAMPP ขึ้นมาและ Start

  • MySQL Database
  • Apache Web Server

3. ดาวน์โหลด zip ไฟล์สำหรับติดตั้งจากเว็บ https://wordpress.org/download/ โดยปกติแล้วไฟล์ที่ดาวน์โหลดนี้จะอยู่ในโฟลเดอร์ /home/[username]/Downloads 

 

มาติดตั้ง WordPress บน XAMPP กันเถอะ

1. สร้าง Database สำหรับเว็บ ในตัวอย่างนี้จะตั้งชื่อ Database ว่า wordpress

  • เปิดหน้า phpMyAdmin ขึ้นมาได้โดยเปิดเว็บ Browser ขึ้นมาแล้วเข้าเว็บ http://localhost/phpmyadmin (ถ้างงดูได้จากบทความ How to Install XAMPP on Ubuntu 22.04) แล้วกดปุ่ม New (ถ้าหาปุ่ม New ไม่เจอแสดงว่าแถบเมนูนี้หดไปอยู่ ให้กดลูกศร → ที่มุมซ้ายบนเพื่อขยายแถบเมนูออกมา) สำหรับเครื่องที่หน้าจอเล็กแล้วแถบเมนูมาบังจอ หลังกดปุ่ม New แล้วให้กดลูกศร  เพื่อหดแถบเมนูเข้าไป
  • ใส่ชื่อ Database เป็น  wordpress  และเลือก utf8_bin จากนั้นกดปุ่ม Create
  • หากสร้างสำเร็จจะเห็นหน้าสำหรับสร้าง Table ดังภาพ 

 

2. ไปที่โฟลเดอร์ Downloads แล้วทำการแตกไฟล์ .zip สำหรับติดตั้งที่ดาวน์โหลดมาจากหัวข้อ "เตรียมตัวก่อนติดตั้ง WordPress" โดยคลิกขวาที่ไฟล์แล้วเลือก Extract Here เมื่อแตกไฟล์เสร็จจะได้โฟลเดอร์ชื่อ wordpress-[version] มา ในรูปตัวอย่างนี้คือโฟลเดอร์ wordpress-6.1.1

3. เข้าไปในโฟลเดอร์ wordpress-[version] เช่นในตัวอย่างนี้คือ wordpress-6.1.1 จะพบกับโฟลเดอร์ชื่อ wordpress ให้ย้ายโฟลเดอร์ wordpress นี้ไปไว้ในโฟลเดอร์ htdocs ในโฟลเดอร์แอปพลิเคชันของ XAMPP (ปกติจะอยู่ที่ /opt/lampp/htdocs ถ้าหาไม่เจอให้กดปุ่ม Open Application Folder จากโปรแกรม XAMPP ดูได้จากบทความ How to Install XAMPP on Ubuntu 22.04

4. เปิดเว็บ Browser ขึ้นมาแล้วเข้าเว็บ http://localhost/wordpress จะเห็นหน้าเว็บ Welcome to WordPress เลื่อนลงมาข้างล่างแล้วกดปุ่ม Let's go! เลย

5. ตั้งค่า Database 

  • ช่อง Database Name ใส่ชื่อ Database ที่เราสร้างในขั้นตอนที่ 1 ในตัวอย่างนี้คือ wordpress
  • ช่อง Username และ Password ใส่ Username และ Password ของ phpMyAdmin ถ้าตั้งแต่ลง XAMPP มายังไม่เคยแก้ค่าอะไรเลย Username จะเป็น root และ Password ให้เว้นว่างไว้
  • กดปุ่ม Submit

6. หน้าเว็บจะแจ้งว่า "Unable to write to wp-config.php file." ดังภาพ

7. สร้างไฟล์ wp-config.php ในโฟลเดอร์ wordpress ตามขั้นตอนต่อไปนี้

  • เปิดหน้าต่าง Terminal ใหม่ขึ้นมาโดยคลิกขวาที่ไอคอน Terminal แล้วเลือก New Window จากนั้นพิมพ์คำสั่งต่อไปนี้เพื่อแก้ permission ของโฟลเดอร์ wordpress ให้อ่านและเขียนไฟล์ได้
    sudo chmod -R 77 /opt/lampp/htdocs/wordpress

  • คัดลอก Code ทั้งหมดจากหน้าเว็บติดตั้ง wordpress ในขั้นตอนที่ 6 (ทั้งหมดคือต้องทั้งหมดจริง ๆ นะครับ ในหน้าจอเราจะเห็นแค่ส่วนหนึ่งเท่านั้น ยังมีต่อลงมาข้างล่างอีกยาว ๆ)
  • เปิดโปรแกรม Text Editor ขึ้นมา
  • วาง Code ที่คัดลอกไว้ เสร็จแล้วกดปุ่ม Save 
  • เลือกโฟลเดอร์ที่จะบันทึกเป็น /opt/lampp/htdocs/wordpress และตั้งชื่อไฟล์เป็น wp-config.php จากนั้นกดปุ่ม Save  

 

8. กลับไปที่หน้าเว็บติดตั้ง wordpress แล้วกดปุ่ม Run the installation ด้านล่างได้เลย

9. ก่อนจะเริ่มติดตั้งจะต้องกรอกข้อมูลเกี่ยวกับเว็บที่เราจะสร้างก่อน ในตัวอย่างนี้จะตั้งชื่อเว็บว่า EPT Web และกรอกข้อมูลต่าง ๆ ดังภาพ เสร็จแล้วกดปุ่ม Install WordPress

* สำคัญมาก! อย่าลืมจด Username กับ Password ไว้ด้วยนะครับ เพราะเราต้องใช้เวลาต้องการเข้าระบบไปแก้ไขเว็บในภายหลัง

10. รอสักครู่เมื่อติดตั้งเสร็จจะขึ้นข้อความ Success! เราสามารถเข้าไปแก้ไขเว็บได้โดยกดปุ่ม Log In หรือเข้าหน้าเว็บด้วย URL http://localhost/wordpress/wp-login.php

และไปหน้าแรกของเว็บได้จาก URL http://localhost/wordpress

 

เพียงเท่านี้ Web ที่สร้างจาก WordPress ของเราก็พร้อมใช้งานแล้วครับ เย้ ๆ ๆ

 

เป็นอย่างไรบ้างครับกับการติดตั้ง WordPress บน XAMPP บน Ubuntu อาจจะมีบางขั้นตอนซับซ้อนเล็กน้อย แต่ใจเย็น ๆ ค่อย ๆ ดู ค่อย ๆ ทำตามไปทีละขั้นนะครับ

สุดท้ายนี้ถ้าผู้อ่านอยากเรียนรู้เรื่องเกี่ยวกับ Linux อย่างลึกซึ้งก็ขอแนะนำคอร์ส SUPER USER (SU101) ของทาง EPT ครับ สามารถดูรายละเอียดคอร์สได้โดยคลิกที่นี่ หรือ คลิกที่นี่เพื่อสมัครเรียนออนไลน์ หรือติดต่อได้ที่ 085-350-7540

แล้วพบกันใหม่บทความหน้าครับ



บทความนี้อาจจะมีที่ผิด กรุณาตรวจสอบก่อนใช้

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ http://m.me/Expert.Programming.Tutor

ไม่อยากอ่าน Tutorial อยากมาเรียนเลยทำอย่างไร?

สมัครเรียน ONLINE ได้ทันทีที่ https://elearn.expert-programming-tutor.com

หรือติดต่อ

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM

แผนที่ ที่ตั้งของอาคารของเรา

C Article


C++ Article


Java Article


C#.NET Article


VB.NET Article


Python Article


Golang Article


JavaScript Article


Perl Article


Lua Article


Rust Article


Article


Python


Python Numpy


Python Machine Learning



แผนผังการเรียนเขียนโปรแกรม

Link อื่นๆ

Allow sites to save and read cookie data.
Cookies are small pieces of data created by sites you visit. They make your online experience easier by saving browsing information. We use cookies to improve your experience on our website. By browsing this website, you agree to our use of cookies.

Copyright (c) 2013 expert-programming-tutor.com. All rights reserved. | 085-350-7540 | 084-88-00-255 | ntprintf@gmail.com

ติดต่อเราได้ที่

085-350-7540 (DTAC)
084-88-00-255 (AIS)
026-111-618
หรือทาง EMAIL: NTPRINTF@GMAIL.COM
แผนที่ ที่ตั้งของอาคารของเรา