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

Web Programming

ASP.NET ต่างกับ ASP อย่างไร JavaScript - HelloWorld npm - Intro AngularJS - HelloWorld VueJS - HelloWorld webpack - Intro ASP.NET - HelloWorld Flask - HelloWorld Web Server คืออะไร API คืออะไร Maven - HelloWorld Nancy - HelloWorld Protocol คืออะไร วิธีติดตั้ง Web Server บน Ubuntu วิธีติดตั้ง PrestaShop with PHP 8 (ใช้ Amazon Lightsail) วิธีติดตั้ง XAMPP บน Ubuntu 22.04 วิธีติดตั้ง WordPress บน XAMPP บน Ubuntu 22.04 React - Simple Web App - People Counter React - Simple Web App - People Counter 2 React - Web App - Dictionary React - Web App - Multiple Pages React - Web App - Multiple Pages with APIs React - Web App - Calculator React - Web App - Smart Parking วิธีสร้าง AWS EC2 instance สร้าง Web Application โดยใช้ Django และ Deploy บน AWS EC2 React - Create and Run React Application React - Web App - SpO2 Tracker วิธีติดตั้งและใช้งาน CKEditor 5

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

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


Tag ที่น่าสนใจ: wordpress xampp ubuntu installation database phpmyadmin localhost php web_server tutorial programming xampp_installation wordpress_installation ubuntu_22.04 xampp_8.2.0


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

หากมีข้อผิดพลาด/ต้องการพูดคุยเพิ่มเติมเกี่ยวกับบทความนี้ กรุณาแจ้งที่ 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

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

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

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
แผนที่ ที่ตั้งของอาคารของเรา