สุดยอด Cheatsheet การพัฒนาท้องถิ่นของ WordPress

ต้องการตั้งค่าสภาพแวดล้อมการพัฒนา WordPress ในพื้นที่โดยไม่ต้องย่อหน้าและหน้าเอกสารประกอบหรือไม่ สูตรโกงการพัฒนาท้องถิ่นของ WordPress ของเราจะช่วยให้คุณเริ่มต้นและใช้งานได้อย่างชาญฉลาด!

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

คู่มือนี้ครอบคลุมเนื้อหาต่อไปนี้:

• WordPress การพัฒนาท้องถิ่นคืออะไร?
• ประโยชน์ของ WordPress Local Development
• การตั้งค่าสภาพแวดล้อมการพัฒนาท้องถิ่นของคุณ
  • สิ่งที่คุณต้องการ
  • การติดตั้งซอฟต์แวร์โลคัลเซิร์ฟเวอร์
  • การตั้งค่าโฮสต์เสมือน
  • การสร้างฐานข้อมูลสำหรับการติดตั้ง WordPress ในเครื่องของคุณ
• การติดตั้ง WordPress ในเครื่อง
  • การดาวน์โหลดและติดตั้ง WordPress บน Local Server
  • การกำหนดค่าไฟล์ wp-config.php
• การนำเข้าไซต์ WordPress สดไปยังสภาพแวดล้อมท้องถิ่น
  • ส่งออกฐานข้อมูลของ Live Site
  • การนำเข้าฐานข้อมูลของ Live Site ไปยัง Local Server
  • การแทนที่ URL ในฐานข้อมูล
  • การอัพโหลดไฟล์ของ Live Site ไปยัง Local Environment
• การพัฒนาและทดสอบบนเว็บไซต์ WordPress ท้องถิ่น
  • การเปลี่ยนแปลงและการทดสอบ
  • การดีบัก
  • ทดสอบปลั๊กอินและธีมต่างๆ
• การปรับใช้ไซต์ WordPress ท้องถิ่นกับเซิร์ฟเวอร์จริง
  • การส่งออกฐานข้อมูลของ Local Site
  • นำเข้าฐานข้อมูลไปยังเซิร์ฟเวอร์จริง
  • การอัพโหลดไฟล์ของ Local Site ไปยัง Live Server
  • การอัปเดต URL ในฐานข้อมูล
• การพัฒนาท้องถิ่นกับสภาพแวดล้อมการจัดเตรียมเว็บโฮสต์
  • ข้อดีของสภาพแวดล้อมการพัฒนาท้องถิ่น
  • ข้อเสียของสภาพแวดล้อมการพัฒนาท้องถิ่น
  • ข้อดีของ Webhost Staging Environment
  • ข้อเสียของสภาพแวดล้อมการจัดเตรียมเว็บโฮสต์

WordPress การพัฒนาท้องถิ่นคืออะไร?

การพัฒนาในท้องถิ่นของ WordPress ช่วยให้คุณสร้างสภาพแวดล้อมการพัฒนาสำหรับการสร้าง การทำงาน และการทดสอบไซต์ WordPress บนคอมพิวเตอร์ของคุณโดยไม่ส่งผลกระทบต่อไซต์ที่ใช้งานอยู่

สภาพแวดล้อมการพัฒนาท้องถิ่นจะจำลองเซิร์ฟเวอร์ที่ใช้งานจริง ทำให้สามารถทดสอบสถานการณ์ต่างๆ และแก้ไขปัญหาก่อนที่จะผลักดันการเปลี่ยนแปลงไปยังไซต์ที่ใช้งานจริง

ประโยชน์ของการพัฒนาท้องถิ่น

ประโยชน์หลักบางประการของการพัฒนาท้องถิ่นของ WordPress ได้แก่ :

• สภาพแวดล้อมการทดสอบที่ปลอดภัย : สภาพแวดล้อมการพัฒนาในพื้นที่จัดเตรียมพื้นที่ปลอดภัยสำหรับทดสอบคุณสมบัติใหม่ ปลั๊กอิน และธีมโดยไม่ส่งผลกระทบต่อไซต์ที่ใช้งานจริงของคุณ
• ความเร็ว ประสิทธิภาพ และประสิทธิผล : สภาพแวดล้อมการพัฒนาในพื้นที่นั้นเร็วกว่าและตอบสนองได้ดีกว่าเซิร์ฟเวอร์ระยะไกล นี่เป็นเพราะมันทำงานบนคอมพิวเตอร์ของคุณ ดังนั้นคอมพิวเตอร์ของคุณจึงสามารถเข้าถึงและประมวลผลข้อมูลได้เร็วกว่าเซิร์ฟเวอร์มาก และไม่มีความหน่วงแฝงในการสื่อสารระหว่างเครื่องของคุณกับเซิร์ฟเวอร์
• ประหยัดค่าใช้จ่าย : การตั้งค่าสภาพแวดล้อมการพัฒนาในท้องถิ่นช่วยลดความจำเป็นในการใช้บริการโฮสติ้งที่มีราคาแพง และลดค่าใช้จ่ายที่เกี่ยวข้องกับการปรับใช้การเปลี่ยนแปลงไปยังไซต์ที่ใช้งานจริง คุณต้องมีคอมพิวเตอร์และโปรแกรมแก้ไขข้อความเพื่อเริ่มต้นใช้งาน
• การทำงานร่วมกันที่ได้รับการปรับปรุง : นักพัฒนาหลายคนสามารถทำงานในโครงการเดียวพร้อมกันได้โดยไม่รบกวนการทำงานของกันและกัน
• การพัฒนาแบบออฟไลน์ : ด้วยสภาพแวดล้อมการพัฒนาแบบท้องถิ่น คุณสามารถพัฒนาไซต์ของคุณได้แม้ในขณะออฟไลน์
• ความปลอดภัยที่ได้รับการปรับปรุง : มีโครงการ "ลับสุดยอด" ที่คุณต้องการดำเนินการหรือไม่? เนื่องจากสภาพแวดล้อมการพัฒนาท้องถิ่นทำงานบนเครื่องของคุณ จึงมีความปลอดภัยมากกว่าเซิร์ฟเวอร์ระยะไกล ดังนั้นคุณจึงสามารถสร้างและทำงานบนไซต์ของคุณโดยปราศจากการสอดรู้สอดเห็น ไม่มีความเสี่ยงจากการเข้าถึงหรือการแฮ็คโดยไม่ได้รับอนุญาต

หากคุณเพิ่งเริ่มต้นในฐานะนักพัฒนา WordPress โปรดดูบทความแนะนำการพัฒนาท้องถิ่นของ WordPress หากคุณมีประสบการณ์มากกว่านี้แล้ว ลองอ่านบทความของเราเกี่ยวกับวิธีการปรับปรุงเวิร์กโฟลว์การพัฒนา WordPress ของคุณในสภาพแวดล้อมท้องถิ่น

การตั้งค่าสภาพแวดล้อมการพัฒนาท้องถิ่นของคุณ

ก่อนที่คุณจะสามารถตั้งค่าสภาพแวดล้อมการพัฒนา WordPress ในพื้นที่ได้ มีบางสิ่งที่คุณต้องการ

สิ่งที่คุณต้องการ

นอกจากคอมพิวเตอร์ที่มีพื้นที่เก็บข้อมูลเพียงพอและพลังการประมวลผลเพื่อรองรับงานพัฒนาของคุณแล้ว สิ่งที่คุณต้องมีในการตั้งค่าสภาพแวดล้อมการพัฒนาในเครื่องมีดังนี้

ซอฟต์แวร์เซิร์ฟเวอร์ท้องถิ่น

คุณจะต้องติดตั้งซอฟต์แวร์เซิร์ฟเวอร์ในเครื่องเพื่อเรียกใช้สภาพแวดล้อมการพัฒนาในเครื่องของคุณ

XAMPP, MAMP และ WAMP เป็นสามตัวเลือกยอดนิยม แพ็คเกจซอฟต์แวร์เซิร์ฟเวอร์ภายในแต่ละชุดเหล่านี้มอบสภาพแวดล้อมการพัฒนาที่สมบูรณ์สำหรับนักพัฒนาเว็บด้วยส่วนประกอบที่จำเป็นทั้งหมด (เช่น เว็บเซิร์ฟเวอร์ Apache, ฐานข้อมูล MySQL และภาษาสคริปต์ PHP ในแพ็คเกจเดียว) แผงควบคุมสำหรับจัดการส่วนประกอบเหล่านี้และ เครื่องมือในการจัดการฐานข้อมูล

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

มาดูคร่าวๆ กัน:

XAMPP

XAMPP เป็นซอฟต์แวร์เว็บเซิร์ฟเวอร์แบบโอเพ่นซอร์สฟรีและติดตั้งง่าย ซึ่งให้สภาพแวดล้อมการพัฒนาท้องถิ่นสำหรับนักพัฒนาเว็บ มันย่อมาจาก Apache, MariaDB, PHP และ Perl ซึ่งเป็นสี่องค์ประกอบหลักของ XAMPP

คุณสมบัติหลักบางประการ (และข้อดี) ของ XAMPP:

• รวมเว็บเซิร์ฟเวอร์ Apache ฐานข้อมูล MariaDB และภาษาสคริปต์ PHP และ Perl
• รองรับระบบปฏิบัติการหลายระบบ รวมทั้ง Windows, Mac และ Linux
• แผงควบคุมที่ใช้งานง่ายสำหรับจัดการส่วนประกอบของเว็บเซิร์ฟเวอร์และฐานข้อมูล
• ตัวเลือกในการติดตั้งส่วนประกอบเพิ่มเติม เช่น phpMyAdmin สำหรับการจัดการฐานข้อมูล

จุดด้อย:

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

XAMPP เหมาะที่สุดสำหรับนักพัฒนาเว็บที่ต้องการสภาพแวดล้อมการพัฒนาที่สมบูรณ์พร้อมส่วนประกอบต่างๆ และคุ้นเคยกับการกำหนดค่าและการจัดการส่วนประกอบเหล่านี้ นอกจากนี้ยังเหมาะที่สุดสำหรับนักพัฒนาที่ทำงานบนระบบปฏิบัติการหลายระบบและต้องการโซลูชันข้ามแพลตฟอร์ม

แมพ

MAMP เป็นซอฟต์แวร์เซิร์ฟเวอร์ภายในที่ให้สภาพแวดล้อมการพัฒนาสำหรับนักพัฒนาเว็บ มันย่อมาจาก Macintosh, Apache, MySQL และ PHP ซึ่งเป็นสี่องค์ประกอบหลักของ MAMP

คุณสมบัติหลักบางประการ (และข้อดี) ของ MAMP:

• รวมเว็บเซิร์ฟเวอร์ Apache ฐานข้อมูล MySQL และภาษาสคริปต์ PHP
• รองรับระบบปฏิบัติการ macOS แต่ยังใช้ได้กับระบบปฏิบัติการที่ใช้ Windows
• แผงควบคุมที่ใช้งานง่ายสำหรับจัดการส่วนประกอบของเว็บเซิร์ฟเวอร์และฐานข้อมูล
• ตัวเลือกในการติดตั้งส่วนประกอบเพิ่มเติม เช่น phpMyAdmin สำหรับการจัดการฐานข้อมูล

จุดด้อย:

• สามารถใช้ภาษาสคริปต์ PHP ได้เท่านั้น
• ส่วนประกอบน้อยกว่าเมื่อเทียบกับ XAMPP ซึ่งอาจจำกัดความต้องการของนักพัฒนาบางคน

MAMP เหมาะที่สุดสำหรับนักพัฒนาเว็บที่ทำงานบนระบบปฏิบัติการ macOS

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการใช้ตัวเลือกนี้ โปรดดูบทแนะนำของเราเกี่ยวกับวิธีพัฒนา WordPress ภายในเครื่องโดยใช้ MAMP

แวมพ์เซิร์ฟเวอร์

WAMP เป็นซอฟต์แวร์เซิร์ฟเวอร์ภายในที่ให้สภาพแวดล้อมการพัฒนาสำหรับนักพัฒนาเว็บ มันย่อมาจาก Windows, Apache, MySQL และ PHP ซึ่งเป็นสี่องค์ประกอบหลักของ WAMP

คุณสมบัติหลักบางประการ (และข้อดี) ของ WAMP:

• รวมเว็บเซิร์ฟเวอร์ Apache ฐานข้อมูล MySQL และภาษาสคริปต์ PHP
• รองรับระบบปฏิบัติการ Windows
• แผงควบคุมที่ใช้งานง่ายสำหรับจัดการส่วนประกอบของเว็บเซิร์ฟเวอร์และฐานข้อมูล
• ตัวเลือกในการติดตั้งส่วนประกอบเพิ่มเติม เช่น phpMyAdmin สำหรับการจัดการฐานข้อมูล

จุดด้อย:

• รองรับเฉพาะ Windows ดังนั้นนักพัฒนาที่ใช้ macOS หรือ Linux อาจต้องหาที่อื่น
• ส่วนประกอบน้อยกว่าเมื่อเทียบกับ XAMPP ซึ่งอาจจำกัดความต้องการของนักพัฒนาบางคน

WAMP เหมาะที่สุดสำหรับนักพัฒนาเว็บที่ทำงานบนระบบปฏิบัติการ Windows และต้องการสภาพแวดล้อมการพัฒนาที่สมบูรณ์พร้อมองค์ประกอบพื้นฐาน

สำหรับข้อมูลเพิ่มเติมเกี่ยวกับตัวเลือกนี้ โปรดดูบทช่วยสอนของเราเกี่ยวกับวิธีพัฒนา WordPress ภายในเครื่องโดยใช้ WAMP

ในขณะที่ XAMPP, MAMP และ WAMP ล้วนเป็นตัวเลือกที่ยอดเยี่ยมสำหรับนักพัฒนาเว็บที่กำลังมองหาสภาพแวดล้อมการพัฒนาในท้องถิ่น แต่ก็ยังมีตัวเลือกอื่นๆ ให้เลือก เช่น Local by Flywheel, DesktopServer และ (หากคุณต้องการทำงานบน WordPress แบบโลคัลบนเครื่องมากกว่าหนึ่งเครื่อง) แม้กระทั่งการติดตั้งและใช้งาน WordPress จาก USB

โปรแกรมแก้ไขข้อความ

ส่วนประกอบอื่นๆ ที่คุณต้องมีคือโปรแกรมแก้ไขข้อความสำหรับการพัฒนา WordPress ที่ออกแบบมาโดยเฉพาะสำหรับการทำงานกับภาษาโปรแกรม เช่น PHP โปรแกรมแก้ไขข้อความจำเป็นสำหรับการแก้ไขโค้ดและเปลี่ยนแปลงเว็บไซต์ของคุณ

ลองดูตัวเลือกยอดนิยมสำหรับโปรแกรมแก้ไขข้อความ:

ข้อความประเสริฐ

Sublime Text เป็นโปรแกรมแก้ไขข้อความยอดนิยมที่นักพัฒนาใช้กันอย่างแพร่หลายเพื่อจุดประสงค์ในการเขียนโค้ดและสคริปต์ มีอินเทอร์เฟซที่สะอาด รวดเร็ว และใช้งานง่าย ทำให้ง่ายต่อการทำงานกับโค้ดเบสขนาดใหญ่

คุณสมบัติหลักบางประการของ Sublime Text:

• การเน้นไวยากรณ์และการเติมโค้ดสำหรับภาษาการเขียนโปรแกรมกว่า 80 ภาษา
• โทนสีที่ปรับแต่งได้ การผูกคีย์ และมาโคร
• เครื่องมือค้นหาและแก้ไขขั้นสูง เช่น การเลือกหลายรายการ การแก้ไขแยก และการแก้ไขคอลัมน์
• สลับระหว่างโครงการได้ทันทีด้วยระบบการตั้งค่าเฉพาะโครงการ

Sublime Text เป็นเครื่องมือที่ยอดเยี่ยมสำหรับนักพัฒนาที่ทำงานในโครงการที่ต้องเขียนโค้ดใน HTML, CSS และ JavaScript มีการเน้นไวยากรณ์ที่ใช้งานง่าย การเติมโค้ด และเครื่องมือแก้ไขที่ทำให้กระบวนการเข้ารหัสรวดเร็วและมีประสิทธิภาพ

รหัส Visual Studio

Visual Studio Code เป็นโปรแกรมแก้ไขโค้ดโอเพ่นซอร์สฟรีที่พัฒนาโดย Microsoft มีคุณลักษณะและเครื่องมือมากมายที่จะช่วยให้นักพัฒนาสามารถสร้างและจัดการโครงการขนาดใหญ่ได้

คุณสมบัติหลักบางประการของ Visual Studio Code:

• IntelliSense เครื่องมือเติมและดีบักโค้ดขั้นสูงและชาญฉลาด
• การสนับสนุนและการดีบัก Git ในตัว
• รองรับภาษาโปรแกรมหลายภาษาและมีไลบรารีส่วนขยายขนาดใหญ่
• อินเทอร์เฟซและพื้นที่ทำงานที่ปรับแต่งได้

สำหรับโปรแกรมแก้ไขข้อความเพิ่มเติม โปรดดูรายการโปรแกรมแก้ไขข้อความที่ดีที่สุดสำหรับการพัฒนา WordPress

คุณเลือกครบทุกข้อแล้วหรือยัง?

คอมพิวเตอร์มีคุณสมบัติตรงตามข้อกำหนด
ซอฟต์แวร์เซิร์ฟเวอร์ภายในเครื่องที่เลือก
โปรแกรมแก้ไขข้อความที่เลือก

ยอดเยี่ยม! จากนั้นไปขั้นตอนต่อไปกันเลย…

การติดตั้งซอฟต์แวร์โลคัลเซิร์ฟเวอร์

สำหรับตัวอย่างนี้ เราจะติดตั้ง XAMPP บนระบบปฏิบัติการ Windows ใช้กระบวนการเดียวกันกับที่อธิบายด้านล่างเพื่อติดตั้งซอฟต์แวร์เซิร์ฟเวอร์ภายในที่คุณเลือกบนคอมพิวเตอร์ของคุณ และทำตามคำแนะนำเฉพาะของแพ็คเกจซอฟต์แวร์:

1. ดาวน์โหลด XAMPP : ไปที่เว็บไซต์อย่างเป็นทางการของ XAMPP และดาวน์โหลด XAMPP เวอร์ชันล่าสุดสำหรับ Windows
2. ติดตั้ง XAMPP : ดับเบิลคลิกไฟล์ที่ดาวน์โหลดเพื่อเริ่มกระบวนการติดตั้ง เรียกใช้ไฟล์ตัวติดตั้งที่ดาวน์โหลดมาและทำตามคำแนะนำบนหน้าจอเพื่อติดตั้ง XAMPP ตามค่าเริ่มต้น XAMPP จะถูกติดตั้งในไดเร็กทอรี C:\xampp
3. เริ่ม XAMPP : หลังจากการติดตั้ง ให้เปิดแผงควบคุม XAMPP จากเมนู Start หรือทางลัดบนเดสก์ท็อป เริ่มโมดูล Apache และ MySQL โดยคลิกที่ปุ่ม "เริ่ม" ถัดจากแต่ละโมดูล
4. ตรวจสอบการติดตั้ง : เพื่อยืนยันว่า XAMPP ทำงานอย่างถูกต้อง ให้เปิดเว็บเบราว์เซอร์และไปที่ http://localhost นี่ควรแสดงหน้าต้อนรับ XAMPP
5. สร้างโฮสต์เสมือน : หากต้องการสร้างโฮสต์เสมือน ให้ทำตามขั้นตอนด้านล่าง

XAMPP ควรได้รับการติดตั้งและกำหนดค่าในเครื่องของคุณแล้ว คุณพร้อมที่จะเริ่มพัฒนาและทดสอบเว็บไซต์ของคุณในพื้นที่แล้ว

หมายเหตุ: ขั้นตอนการติดตั้ง XAMPP หรือซอฟต์แวร์เซิร์ฟเวอร์ในเครื่องอื่นๆ เช่น MAMP หรือ WAMP อาจแตกต่างกันเล็กน้อยขึ้นอยู่กับระบบปฏิบัติการที่ใช้ สำหรับระบบปฏิบัติการ Mac และ Linux คุณสามารถทำตามคำแนะนำในการติดตั้งบนเว็บไซต์ XAMPP

ดูบทช่วยสอนเกี่ยวกับ XAMPP อื่นๆ ของเราสำหรับข้อมูลเพิ่มเติมเกี่ยวกับการตั้งค่า XAMPP การอัปเกรด XAMPP การแก้ไขปัญหา XAMPP และการย้าย WordPress จาก XAMPP localhost ไปยังเว็บ

การตั้งค่าโฮสต์เสมือน

การตั้งค่าโฮสต์เสมือนในสภาพแวดล้อมการพัฒนาในพื้นที่ช่วยให้นักพัฒนาเรียกใช้เว็บไซต์หลายเว็บไซต์บนเครื่องท้องถิ่นของตน โดยแต่ละเว็บไซต์มี URL เฉพาะของตัวเอง สิ่งนี้ให้สภาพแวดล้อมการทดสอบที่สมจริงยิ่งขึ้น และทำให้ง่ายต่อการสลับไปมาระหว่างโปรเจ็กต์ต่างๆ

สำหรับคำแนะนำทีละขั้นตอนด้านล่างเพื่อตั้งค่าโฮสต์เสมือนในสภาพแวดล้อมการพัฒนาในพื้นที่ของคุณและเริ่มทดสอบเว็บไซต์ของคุณ:

1. เปิดไฟล์กำหนดค่า Apache : เปิดไฟล์กำหนดค่าสำหรับซอฟต์แวร์เซิร์ฟเวอร์ภายในของคุณ สำหรับตัวอย่างนี้ เราใช้ XAMPP ดังนั้นให้เปิดไฟล์การกำหนดค่า Apache ซึ่งโดยทั่วไปจะอยู่ที่ /etc/httpd/conf/httpd.conf หรือ C:\xampp\apache\conf\httpd.conf

2. เปิดใช้งานการโฮสต์เสมือน : ค้นหาส่วนที่ระบุว่า “# Virtual Hosts” และยกเลิกการแสดงความคิดเห็นในบรรทัดต่อไปนี้โดยลบสัญลักษณ์แฮช (#) ที่จุดเริ่มต้นของบรรทัด: #Include conf/extra/httpd-vhosts.conf

3. กำหนดค่าโฮสต์เสมือน : เปิดไฟล์การกำหนดค่าโฮสต์เสมือน ซึ่งโดยทั่วไปจะอยู่ที่ /etc/httpd/conf/extra/httpd-vhosts.conf หรือ C:\xampp\apache\conf\extra\httpd-vhosts.conf

4. เพิ่มโฮสต์เสมือนใหม่ : เพิ่มโฮสต์เสมือนใหม่โดยสร้างบล็อกโค้ดใหม่ที่มีรูปแบบต่อไปนี้:

ServerName example.local
DocumentRoot "/path/to/document/root"
<Directory "/path/to/document/root">
AllowOverride All
Require all granted

ทำเช่นนี้:

• แทนที่ “example.local” ด้วย URL ที่ต้องการสำหรับโฮสต์เสมือน
• แทนที่ “/path/to/document/root” ด้วยพาธเต็มไปยังไดเรกทอรีรากของเอกสารสำหรับโฮสต์เสมือน

5. อัปเดตไฟล์โฮสต์ : ไฟล์โฮสต์จับคู่ชื่อโดเมนกับที่อยู่ IP ในการทำให้โฮสต์เสมือนสามารถเข้าถึงได้ผ่าน URL ที่คุณระบุ คุณจะต้องเพิ่มรายการในไฟล์โฮสต์ ไฟล์โฮสต์มักจะอยู่ที่ /etc/hosts or C:\Windows\System32\drivers\etc\hosts เพิ่มบรรทัดใหม่ด้วยรูปแบบต่อไปนี้: 127.0.0.1 example.local แทนที่ “example.local” ด้วย URL ที่ระบุในการกำหนดค่าโฮสต์เสมือน บันทึกการเปลี่ยนแปลงไปยังไฟล์คอนฟิกูเรชัน

6. รีสตาร์ท Apache : รีสตาร์ทเว็บเซิร์ฟเวอร์ภายในของ Apache เพื่อใช้การเปลี่ยนแปลง

7. ทดสอบโฮสต์เสมือน : ทดสอบโฮสต์เสมือนของคุณโดยไปที่ URL ในเว็บเบราว์เซอร์ เบราว์เซอร์ควรแสดงเนื้อหาของไดเรกทอรีรากของเอกสารสำหรับโฮสต์เสมือน

การสร้างฐานข้อมูลสำหรับการติดตั้ง WordPress ในเครื่องของคุณ

ขั้นตอนต่อไปก่อนที่จะตั้งค่าโครงการ WordPress ในเครื่องคือการสร้างฐานข้อมูลสำหรับสภาพแวดล้อมการพัฒนาในพื้นที่ของคุณ

ทำตามคำแนะนำทีละขั้นตอนเหล่านี้เพื่อสร้างฐานข้อมูลใน XAMPP:

1. เปิดแผงควบคุม XAMPP : เปิดแผงควบคุม XAMPP จากเมนู Start หรือทางลัดบนเดสก์ท็อป ตรวจสอบให้แน่ใจว่าโมดูล Apache และ MySQL กำลังทำงานอยู่

2. เข้าถึง phpMyAdmin : หากต้องการเข้าถึง phpMyAdmin ให้เปิดเว็บเบราว์เซอร์และไปที่ http://localhost/phpmyadmin นี่จะเป็นการเปิดอินเทอร์เฟซ phpMyAdmin ในเบราว์เซอร์ของคุณ

3. สร้างฐานข้อมูลใหม่ : ในอินเทอร์เฟซ phpMyAdmin คลิกที่แท็บ “ฐานข้อมูล” ในส่วน "สร้างฐานข้อมูล" ให้ป้อนชื่อสำหรับฐานข้อมูลใหม่ของคุณและเลือกการเรียง "utf8mb4_general_ci" จากนั้นคลิกที่ปุ่ม “สร้าง”

4. สร้างผู้ใช้ใหม่ : หากต้องการสร้างผู้ใช้ใหม่สำหรับฐานข้อมูล ให้คลิกที่แท็บ "ผู้ใช้" จากนั้นคลิกปุ่ม "เพิ่มผู้ใช้" ในแบบฟอร์ม "เพิ่มผู้ใช้" ให้ป้อนชื่อผู้ใช้และรหัสผ่านสำหรับผู้ใช้ใหม่ แล้วเลือก "Local" เป็นโฮสต์ ตรวจสอบให้แน่ใจว่าได้ให้สิทธิ์ทั้งหมดแก่ผู้ใช้โดยทำเครื่องหมายที่ช่องทำเครื่องหมาย “ให้สิทธิ์ทั้งหมดบนฐานข้อมูล” สุดท้ายคลิกที่ปุ่ม "ไป"

5. บันทึกรายละเอียดของคุณ : จดหรือบันทึกชื่อฐานข้อมูล ชื่อผู้ใช้ และรหัสผ่านของคุณ คุณจะต้องใช้สิ่งเหล่านี้เพื่อเชื่อมต่อฐานข้อมูลกับ WordPress ในภายหลัง

หลังจากทำตามขั้นตอนด้านบนแล้ว คุณจะสร้างฐานข้อมูลสำหรับการติดตั้ง WordPress ในพื้นที่และสภาพแวดล้อมการพัฒนาในพื้นที่ได้สำเร็จ

ตอนนี้คุณสามารถใช้ฐานข้อมูลนี้เพื่อจัดเก็บและจัดการข้อมูลของคุณในขณะที่คุณพัฒนาและทดสอบไซต์ WordPress ของคุณในเครื่อง

คุณทำตามขั้นตอนข้างต้นทั้งหมดแล้วหรือยัง

ติดตั้งซอฟต์แวร์เซิร์ฟเวอร์ภายใน
ตั้งค่าโฮสต์เสมือน
ฐานข้อมูลที่สร้างขึ้น

ยอดเยี่ยม! จากนั้นไปขั้นตอนต่อไปกันเลย…

การติดตั้ง WordPress ในเครื่อง

ตอนนี้เราได้เตรียมสภาพแวดล้อมภายในเครื่องแล้ว ขั้นตอนต่อไปคือการดาวน์โหลด ติดตั้ง และกำหนดค่า WordPress

การดาวน์โหลดและติดตั้ง WordPress บน Local Server

ทำตามขั้นตอนด้านล่างเพื่อทำกระบวนการนี้ให้เสร็จสิ้น:

1. เยี่ยมชมเว็บไซต์ WordPress : ไปที่เว็บไซต์อย่างเป็นทางการของ WordPress.org และคลิกที่ปุ่ม “ดาวน์โหลด WordPress” เพื่อดาวน์โหลด WordPress เวอร์ชันล่าสุด
2. แยกไฟล์เก็บถาวร : การดาวน์โหลด WordPress จะเป็นไฟล์ ZIP ที่ถูกบีบอัด แยกเนื้อหาของไฟล์เก็บถาวรไปยังไดเร็กทอรีบนคอมพิวเตอร์ของคุณ
3. ย้ายไฟล์ที่แตกไฟล์ไปยังเซิร์ฟเวอร์ภายในเครื่องของคุณ : ย้ายเนื้อหาของไดเร็กทอรีที่แตกไฟล์ไปยังไดเร็กทอรีรากของเซิร์ฟเวอร์ภายในเครื่องของคุณ ตัวอย่างเช่น หากคุณใช้ XAMPP โดยทั่วไปจะเป็น C:\xampp\htdocs บน Windows หรือ /Applications/XAMPP/htdocs บน macOS
4. สร้างฐานข้อมูล : (หมายเหตุ: หากคุณทำตามขั้นตอนนี้แล้ว ขั้นตอนนี้ควรทำไปแล้ว) ก่อนติดตั้ง WordPress คุณจะต้องสร้างฐานข้อมูล คุณสามารถทำได้โดยใช้เครื่องมือเช่น phpMyAdmin ซึ่งมีอยู่ในซอฟต์แวร์เซิร์ฟเวอร์ภายในส่วนใหญ่ เช่น XAMPP และ MAMP
5. เริ่มการติดตั้ง : เปิดเว็บเบราว์เซอร์ของคุณและไปที่ http://localhost/wordpress (หรือ URL ที่เทียบเท่าสำหรับเซิร์ฟเวอร์ภายในของคุณ) นี่จะเป็นการเริ่มกระบวนการติดตั้ง WordPress
6. เลือกภาษา : ในหน้าจอแรก เลือกภาษาที่คุณต้องการแล้วคลิกปุ่ม “ดำเนินการต่อ”
7. กรอกข้อมูลฐานข้อมูล : ในหน้าจอถัดไป กรอกข้อมูลฐานข้อมูลที่คุณสร้างขึ้นในขั้นตอนที่ 4 ซึ่งรวมถึงชื่อฐานข้อมูล ชื่อผู้ใช้ฐานข้อมูล และรหัสผ่านฐานข้อมูล
8. กรอกข้อมูลไซต์ : ในหน้าจอถัดไป กรอกข้อมูลสำหรับไซต์ WordPress ในพื้นที่ของคุณ ซึ่งรวมถึงชื่อไซต์ ชื่อผู้ใช้ รหัสผ่าน และที่อยู่อีเมล
9. เรียกใช้การติดตั้ง : เมื่อคุณกรอกข้อมูลทั้งหมดแล้ว ให้คลิกปุ่ม “ติดตั้ง WordPress” เพื่อเรียกใช้การติดตั้ง
10. เข้าสู่ระบบไซต์ของคุณ : หลังจากการติดตั้งเสร็จสิ้น ให้เข้าสู่ระบบไซต์ WordPress ในพื้นที่ของคุณโดยใช้ชื่อผู้ใช้และรหัสผ่านที่คุณสร้างไว้ในขั้นตอนที่ 8 เพื่อเริ่มปรับแต่งและพัฒนาไซต์ในพื้นที่ของคุณ

ตอนนี้คุณดาวน์โหลดและติดตั้ง WordPress เรียบร้อยแล้ว

ขณะนี้ คุณสามารถเริ่มปรับแต่งและพัฒนาไซต์ของคุณภายในเครื่องได้ พร้อมประโยชน์ทั้งหมดของสภาพแวดล้อมการพัฒนาท้องถิ่น ก่อนที่จะปรับใช้ไซต์ของคุณกับเซิร์ฟเวอร์ที่ใช้งานจริง

การกำหนดค่าไฟล์ wp-config.php

ไฟล์ wp-config.php เป็นองค์ประกอบที่สำคัญในการตั้งค่าการติดตั้ง WordPress ในเครื่องและสภาพแวดล้อมการพัฒนาในเครื่อง ไฟล์นี้มีการตั้งค่าคอนฟิกูเรชันที่ควบคุมวิธีที่ WordPress โต้ตอบกับฐานข้อมูลของคุณและการตั้งค่าที่สำคัญอื่นๆ

หากคุณปฏิบัติตามคำแนะนำในการติดตั้งข้างต้น ข้อมูลรับรองฐานข้อมูลของคุณจะถูกเพิ่มไปยังไฟล์ wp-config.php โดยอัตโนมัติ

ไม่ว่าด้วยเหตุผลใด คุณต้องกำหนดค่าไฟล์ wp-config.php ด้วยตนเอง ให้ทำตามคำแนะนำด้านล่าง:

1. สร้างไฟล์ wp-config.php : หากการติดตั้ง WordPress ในเครื่องของคุณยังไม่มีไฟล์ wp-config.php คุณสามารถสร้างได้โดยการคัดลอกไฟล์ wp-config-sample.php และเปลี่ยนชื่อเป็น wp-config.php

2. อัปเดตข้อมูลรับรองฐานข้อมูล : เปิดไฟล์ wp-config.php และอัปเดตบรรทัดต่อไปนี้ด้วยข้อมูลที่เหมาะสม:

define( 'DB_NAME', 'database_name' );
define( 'DB_USER', 'database_user' );
define( 'DB_PASSWORD', 'database_password' );
define( 'DB_HOST', 'localhost' );

แทนที่ database_name , database_user และ database_password ด้วยค่าที่คุณใช้เมื่อสร้างฐานข้อมูลและผู้ใช้ในขั้นตอนก่อนหน้า

3. ตั้งค่าคีย์ความปลอดภัย WordPress : คีย์ความปลอดภัย WordPress เพิ่มความปลอดภัยอีกชั้นให้กับไซต์ของคุณโดยการเข้ารหัสข้อมูลที่จัดเก็บไว้ในคุกกี้ คุณสามารถสร้างชุดคีย์ความปลอดภัยได้ที่เว็บไซต์อย่างเป็นทางการของ WordPress คัดลอกคีย์ที่สร้างขึ้นและวางลงในไฟล์ wp-config.php แทนที่คีย์ตัวยึดที่มีอยู่แล้ว

4. เปิดใช้งานการดีบัก : สำหรับการพัฒนาในเครื่อง การเปิดใช้งานการดีบักใน WordPress นั้นมีประโยชน์ การดำเนินการนี้จะแสดงข้อความแสดงข้อผิดพลาดและคำเตือนที่มีรายละเอียดมากขึ้น ซึ่งสามารถช่วยแก้ปัญหาเกี่ยวกับไซต์ของคุณได้ หากต้องการเปิดใช้งานการดีบัก ให้เพิ่มบรรทัดต่อไปนี้ในไฟล์ wp-config.php ของคุณ:

define( 'WP_DEBUG', true );

5. บันทึกการเปลี่ยนแปลง : เมื่อคุณทำการเปลี่ยนแปลงกับไฟล์ wp-config.php แล้ว ให้บันทึกไฟล์และปิด

การกำหนดค่าไฟล์ wp-config.php สำเร็จจะทำให้มั่นใจได้ว่าไซต์ WordPress ที่ติดตั้งในเครื่องของคุณสามารถเชื่อมต่อกับฐานข้อมูล มีความปลอดภัย และให้ข้อมูลการแก้ไขจุดบกพร่องที่เป็นประโยชน์เมื่อคุณพัฒนาและทดสอบไซต์ในเครื่อง

การนำเข้าไซต์ WordPress สดไปยังสภาพแวดล้อมท้องถิ่น

ทำตามขั้นตอนด้านล่างหากคุณต้องการนำเข้าไซต์ WordPress จริงในสภาพแวดล้อมท้องถิ่นของคุณ:

ส่งออกฐานข้อมูลของ Live Site

หากต้องการส่งออกฐานข้อมูลของไซต์ที่ใช้งานจริง คุณจะต้องมีสิทธิ์เข้าถึงเซิร์ฟเวอร์ของไซต์ที่ใช้งานจริง

ต่อไปนี้คือขั้นตอนในการส่งออกฐานข้อมูลของไซต์ที่ใช้งานจริง (หมายเหตุ: สภาพแวดล้อมของเซิร์ฟเวอร์ที่แตกต่างกันจะดำเนินการนี้แตกต่างกัน แต่ส่วนใหญ่ควรทำตามขั้นตอนที่คล้ายกัน):

1. เข้าสู่แผงควบคุมของเซิร์ฟเวอร์ที่ใช้งานจริงของคุณ
2. เข้าถึงฐานข้อมูล : ขั้นตอนแรกคือการเข้าถึงฐานข้อมูลของไซต์สด คุณสามารถทำได้โดยใช้เครื่องมือเช่น phpMyAdmin ซึ่งมักจะให้บริการโดยผู้ให้บริการเว็บโฮสติ้งของคุณ มองหาส่วนที่เรียกว่า “ฐานข้อมูล” และคลิกที่ “phpMyAdmin”
3. เลือกฐานข้อมูล : เมื่อคุณลงชื่อเข้าใช้ phpMyAdmin แล้ว ให้เลือกฐานข้อมูลสำหรับไซต์สดของคุณจากแผงด้านซ้าย
4. ส่งออกฐานข้อมูล : คลิกที่ปุ่ม "ส่งออก" เพื่อเริ่มกระบวนการส่งออก
5. เลือกรูปแบบการส่งออก : บนหน้าจอส่งออก เลือกวิธีการส่งออก "ด่วน" เลือกรูปแบบ "SQL" และตรวจสอบให้แน่ใจว่าได้เลือกตัวเลือก "โครงสร้าง" และ "ข้อมูล"
6. ดาวน์โหลดไฟล์ส่งออก : คลิกปุ่ม “ไป” เพื่อดาวน์โหลดไฟล์ส่งออกไปยังคอมพิวเตอร์ของคุณ

นำเข้าฐานข้อมูลไปยังเซิร์ฟเวอร์ภายใน

หากต้องการนำเข้าฐานข้อมูลของไซต์ที่ใช้งานจริงไปยังเซิร์ฟเวอร์ภายในของคุณ ตรวจสอบให้แน่ใจว่าได้ติดตั้งซอฟต์แวร์เซิร์ฟเวอร์ภายในเครื่องที่คุณเลือกไว้บนคอมพิวเตอร์ของคุณแล้ว

ต่อไปนี้เป็นขั้นตอนในการนำเข้าฐานข้อมูลของไซต์จริงไปยังเซิร์ฟเวอร์ภายในเครื่องของคุณ:

1. เปิด phpMyAdmin ในซอฟต์แวร์เซิร์ฟเวอร์ภายในของคุณ : เข้าสู่ระบบ phpMyAdmin สำหรับเซิร์ฟเวอร์ภายในของคุณ และเลือกฐานข้อมูลที่คุณสร้างขึ้นสำหรับการติดตั้ง WordPress ในเครื่องของคุณ
2. นำเข้าฐานข้อมูล : คลิกที่ปุ่ม "นำเข้า" เพื่อนำเข้าข้อมูลจากไฟล์ส่งออกที่คุณเพิ่งดาวน์โหลด
3. เลือกไฟล์นำเข้า : ในหน้าจอนำเข้า คลิกที่ปุ่ม “เลือกไฟล์” เลือกไฟล์ส่งออกที่คุณเพิ่งดาวน์โหลด และคลิกปุ่ม “ไป” เพื่อเริ่มกระบวนการนำเข้า

การแทนที่ URL ในฐานข้อมูล

หลังจากนำเข้าฐานข้อมูลของไซต์ที่ใช้งานอยู่ คุณจะต้องแทนที่ URL ในฐานข้อมูลเพื่อให้ตรงกับสภาพแวดล้อมการพัฒนาในท้องถิ่นของคุณ

ต่อไปนี้เป็นขั้นตอนในการแทนที่ URL ในฐานข้อมูล:

1. เปิด phpMyAdmin ในซอฟต์แวร์เซิร์ฟเวอร์ภายในของคุณ
2. เลือกฐานข้อมูลที่นำเข้าจากแผงด้านซ้าย
3. คลิกที่แท็บ “SQL”
4. ป้อนข้อความค้นหาต่อไปนี้ในพื้นที่ข้อความ:

UPDATE wp_options SET option_value = replace(option_value, 'http://www.livesite.com', 'http://local.livesite.com') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://www.livesite.com','http://local.livesite.com');
UPDATE wp_posts SET post_content = replace(post_content, 'http://www.livesite.com', 'http://local.livesite.com');

5. แทนที่ “http://www.livesite.com” ด้วย URL ของไซต์สดของคุณ และแทนที่ “http://local.livesite.com” ด้วย URL ของสภาพแวดล้อมการพัฒนาในท้องถิ่นของคุณ

6. คลิกที่ปุ่ม “ไป” เพื่อดำเนินการค้นหา

การอัพโหลดไฟล์ของ Live Site ไปยัง Local Environment

ในการอัปโหลดไฟล์ของไซต์ที่ใช้งานจริงไปยังสภาพแวดล้อมภายในเครื่อง คุณจะต้องมีสิทธิ์เข้าถึง FTP ไปยังเซิร์ฟเวอร์ของไซต์ที่ใช้งานอยู่

ทำตามขั้นตอนด้านล่างเพื่ออัปโหลดไฟล์ของไซต์สดไปยังสภาพแวดล้อมท้องถิ่นของคุณ:

1. เชื่อมต่อกับเซิร์ฟเวอร์ของไซต์สดของคุณโดยใช้ไคลเอนต์ FTP เช่น FileZilla
2. ไปที่ไดเร็กทอรีรูทของไซต์สดของคุณบนเซิร์ฟเวอร์
3. ดาวน์โหลดไฟล์ทั้งหมดไปยังเครื่องคอมพิวเตอร์ของคุณ
4. วางไฟล์ที่ดาวน์โหลดไว้ในไดเรกทอรีรากของสภาพแวดล้อมการพัฒนาในเครื่องของคุณ ซึ่งโดยปกติจะอยู่ในโฟลเดอร์ "htdocs" หรือ "www" ใน XAMPP หรือซอฟต์แวร์เซิร์ฟเวอร์ในเครื่องอื่นๆ

หมายเหตุ:

1. หากคุณมีการติดตั้ง WordPress อยู่แล้ว โฟลเดอร์ด้านบนจะไม่ว่างเปล่าและคุณจะได้รับแจ้งให้แทนที่ไฟล์และไดเร็กทอรีที่มีอยู่ ดังนั้นให้แทนที่ไฟล์ทั้งหมดยกเว้นไฟล์ wp-config.php เพื่อให้การกำหนดค่าเหมือนเดิม รวมถึงไฟล์ที่เชื่อมต่อด้วย ฐานข้อมูลที่มีการเติมข้อมูลของไซต์สด
2. ก่อนอัปโหลดไฟล์ของไซต์ที่ใช้งานจริงไปยังสภาพแวดล้อมภายในเครื่อง คุณอาจต้องเปลี่ยนสิทธิ์ของไฟล์เพื่อให้ซอฟต์แวร์เซิร์ฟเวอร์ภายในของคุณสามารถเขียนไฟล์ได้
3. นอกจากนี้ ตรวจสอบให้แน่ใจว่าได้ทดสอบการสำรองข้อมูล WordPress ในเครื่องของคุณก่อนทำการเปลี่ยนแปลงใดๆ

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

การพัฒนาและทดสอบบนเว็บไซต์ WordPress ท้องถิ่น

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

ดำเนินการต่อ:

การเปลี่ยนแปลงและการทดสอบ

1. ลงชื่อเข้าใช้ไซต์ WordPress ในพื้นที่: เปิดไซต์ WordPress ในพื้นที่ของคุณในเว็บเบราว์เซอร์และลงชื่อเข้าใช้แดชบอร์ด WordPress โดยใช้ข้อมูลรับรองผู้ดูแลระบบของคุณ
2. เปลี่ยนแปลงไซต์: คุณสามารถเปลี่ยนแปลงไซต์ WordPress ในพื้นที่ของคุณได้โดยการแก้ไขธีม ปลั๊กอิน หรือโค้ดที่กำหนดเอง เพียงเข้าถึงองค์ประกอบเหล่านี้จากแดชบอร์ดของ WordPress
3. ทดสอบการเปลี่ยนแปลง: หลังจากเปลี่ยนแปลงเว็บไซต์ WordPress ในพื้นที่ของคุณแล้ว สิ่งสำคัญคือต้องทดสอบการเปลี่ยนแปลงเพื่อให้แน่ใจว่าทำงานได้ตามที่คาดไว้ คุณสามารถทดสอบการเปลี่ยนแปลงได้โดยไปที่ส่วนหน้าของไซต์และตรวจสอบว่าการเปลี่ยนแปลงมีผล

การดีบัก

1. ใช้โหมดดีบั๊ก: WordPress มีโหมดดีบั๊กในตัวที่ช่วยให้ระบุและแก้ไขปัญหาในไซต์ของคุณได้ง่ายขึ้น ในการเปิดใช้งานโหมดดีบัก คุณต้องเพิ่มโค้ดต่อไปนี้ในไฟล์ wp-config.php ของคุณ: define( 'WP_DEBUG', true ); .
2. ตรวจสอบบันทึกข้อผิดพลาด: หากคุณมีปัญหากับไซต์ WordPress ในพื้นที่ของคุณ คุณสามารถตรวจสอบบันทึกข้อผิดพลาดเพื่อดูว่ามีข้อความแสดงข้อผิดพลาดหรือข้อความเตือนที่สามารถช่วยคุณระบุปัญหาได้หรือไม่ บันทึกข้อผิดพลาดสามารถพบได้ในไฟล์บันทึกการดีบักของ WordPress ซึ่งอยู่ในไดเร็กทอรี wp-content
3. ใช้เครื่องมือแก้ไขข้อบกพร่อง: มีเครื่องมือแก้ไขข้อบกพร่องและปลั๊กอินจำนวนมากสำหรับ WordPress ที่สามารถช่วยคุณระบุและแก้ไขปัญหาในไซต์ของคุณได้ ตัวอย่างเช่น ปลั๊กอิน Query Monitor ให้ข้อมูลโดยละเอียดเกี่ยวกับการสืบค้นฐานข้อมูล การใช้ปลั๊กอิน และอื่นๆ ดูบทช่วยสอนนี้สำหรับความช่วยเหลือเกี่ยวกับการดีบัก WordPress: การดีบัก WordPress: วิธีใช้ WP_Debug

ทดสอบปลั๊กอินและธีมต่างๆ

การติดตั้ง เปิดใช้งาน และทดสอบปลั๊กอินและธีมบนไซต์ WordPress ในพื้นที่ทำงานในลักษณะเดียวกับที่ทำในไซต์ WordPress ทั่วไปอื่นๆ ดังนั้น ตรวจสอบให้แน่ใจว่าได้ทำสิ่งต่อไปนี้ขณะอยู่ในโหมดทดสอบ:

1. ติดตั้งปลั๊กอิน : ติดตั้งปลั๊กอินบนไซต์ WordPress ในพื้นที่ของคุณเพื่อเพิ่มคุณสมบัติหรือฟังก์ชันใหม่ให้กับไซต์ของคุณ ในการติดตั้งปลั๊กอิน ให้เข้าสู่ระบบแดชบอร์ด WordPress ไปที่ส่วนปลั๊กอิน และคลิกที่ปุ่มเพิ่มใหม่
2. เปิดใช้งานปลั๊กอิน : เปิดใช้งานปลั๊กอินที่คุณกำลังทดสอบหลังจากติดตั้งเพื่อใช้กับไซต์ของคุณ หากต้องการเปิดใช้งานปลั๊กอิน ให้ไปที่ส่วนปลั๊กอินของแดชบอร์ด WordPress และคลิกที่ปุ่มเปิดใช้งานถัดจากปลั๊กอินที่คุณต้องการใช้
3. ทดสอบปลั๊กอิน : หลังจากเปิดใช้งานปลั๊กอินแล้ว สิ่งสำคัญคือต้องทดสอบปลั๊กอินเพื่อให้แน่ใจว่าทำงานได้ตามปกติ ทดสอบปลั๊กอินโดยไปที่ส่วนหน้าของไซต์ของคุณและตรวจสอบว่าปลั๊กอินมีผล
4. ติดตั้งธีม : ติดตั้งธีมบนไซต์ WordPress ในพื้นที่ของคุณเพื่อเปลี่ยนรูปลักษณ์ของไซต์ของคุณ ในการติดตั้งธีม ให้ลงชื่อเข้าใช้แดชบอร์ดของ WordPress ไปที่ส่วนลักษณะที่ปรากฏ แล้วคลิกที่ปุ่มธีม
5. เปิดใช้งานธีม : เปิดใช้งานธีมหลังจากติดตั้งเพื่อเปลี่ยนรูปลักษณ์ของไซต์ของคุณ หากต้องการเปิดใช้งานธีม ให้ไปที่ส่วนลักษณะที่ปรากฏของแดชบอร์ด WordPress และคลิกที่ปุ่มเปิดใช้งานถัดจากธีมที่คุณต้องการใช้
6. ทดสอบธีม : หลังจากเปิดใช้งานธีมแล้ว สิ่งสำคัญคือต้องทดสอบธีมเพื่อให้แน่ใจว่าใช้งานได้ตามที่คาดไว้ ทดสอบธีมโดยไปที่ส่วนหน้าของไซต์และตรวจสอบว่าธีมมีผล

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

ยอดเยี่ยม! ตอนนี้คุณพร้อมที่จะทำให้ไซต์ WordPress ในพื้นที่ของคุณใช้งานได้แล้ว

การปรับใช้ไซต์ WordPress ท้องถิ่นกับเซิร์ฟเวอร์จริง

ขั้นตอนสุดท้ายในกระบวนการนี้คือการส่งออกไฟล์และฐานข้อมูล WordPress ในเครื่องของคุณทั้งหมดไปยังสภาพแวดล้อมการโฮสต์ที่ใช้งานจริง และตรวจสอบให้แน่ใจว่าการเปลี่ยนแปลง การกำหนดค่า และ URL ทั้งหมดของไซต์ของคุณทำงานบนไซต์ที่ใช้งานจริงของคุณ

การส่งออกฐานข้อมูลของ Local Site

ทำตามขั้นตอนด้านล่างเพื่อส่งออกไซต์ WordPress ในพื้นที่ของคุณไปยังเซิร์ฟเวอร์จริงของคุณ:

1. เข้าสู่ระบบฐานข้อมูลของไซต์ท้องถิ่นโดยใช้ PHPMyAdmin
2. เลือกฐานข้อมูลที่คุณต้องการส่งออก
3. ไปที่แท็บ "ส่งออก"
4. เลือกวิธีการส่งออก "ด่วน"
5. เลือกรูปแบบ “SQL”
6. คลิก “ไป” เพื่อดาวน์โหลดไฟล์ SQL ลงในคอมพิวเตอร์ของคุณ

นำเข้าฐานข้อมูลไปยังเซิร์ฟเวอร์จริง

ทำตามขั้นตอนด้านล่างเพื่อนำเข้าไฟล์ส่งออกของฐานข้อมูล WordPress ในพื้นที่ของคุณไปยังไซต์สดของคุณ:

1. เข้าสู่ระบบฐานข้อมูลของเซิร์ฟเวอร์จริงโดยใช้ PHPMyAdmin
2. สร้างฐานข้อมูลใหม่สำหรับไซต์สด
3. ไปที่ฐานข้อมูลใหม่แล้วเลือกแท็บ "นำเข้า"
4. เลือกไฟล์ SQL ที่ส่งออกจากไซต์ในพื้นที่ของคุณ
5. คลิก “ไป” เพื่อนำเข้าฐานข้อมูล

ตอนนี้คุณได้ย้ายฐานข้อมูลจากไซต์ในพื้นที่ของคุณไปยังไซต์ที่ใช้งานจริงแล้ว มาทำเช่นเดียวกันกับไฟล์ของไซต์ของคุณ

การอัพโหลดไฟล์ของ Local Site ไปยัง Live Server

ทำตามขั้นตอนด้านล่างเพื่ออัปโหลดไฟล์ของไซต์ WordPress ในพื้นที่ของคุณไปยังไซต์สดของคุณ:

1. เตรียมไฟล์: ก่อนอัปโหลดไฟล์ของไซต์ท้องถิ่นไปยังเซิร์ฟเวอร์ คุณควรตรวจทานและล้างไฟล์ ซึ่งอาจรวมถึงการลบไฟล์ที่ไม่จำเป็นออก เช่น ไฟล์สำรองข้อมูลหรือไฟล์ทดสอบ เพื่อลดจำนวนข้อมูลที่อัปโหลด
2. เชื่อมต่อกับเซิร์ฟเวอร์: คุณสามารถเชื่อมต่อกับเซิร์ฟเวอร์ได้หลายวิธี เช่น FTP หรือ SFTP คุณจะต้องใช้ซอฟต์แวร์ไคลเอนต์ เช่น FileZilla เพื่อเชื่อมต่อกับเซิร์ฟเวอร์ คุณจะต้องระบุโฮสต์เซิร์ฟเวอร์ ชื่อผู้ใช้ และรหัสผ่านเพื่อเชื่อมต่อ
3. อัปโหลดไฟล์: เมื่อคุณเชื่อมต่อกับเซิร์ฟเวอร์แล้ว คุณสามารถอัปโหลดไฟล์ของไซต์ท้องถิ่นไปยังเซิร์ฟเวอร์ได้ คุณสามารถอัปโหลดไฟล์ได้หลายวิธี รวมถึงการอัปโหลดแต่ละไฟล์หรืออัปโหลดทั้งโฟลเดอร์ของไซต์ในเครื่อง นำทางไปยังไดเร็กทอรีรากของไซต์สดบนเซิร์ฟเวอร์ อัปโหลดไฟล์ของโลคัลไซต์ทั้งหมดไปยังไดเร็กทอรีของไซต์ที่ใช้งานจริงบนเซิร์ฟเวอร์ และแทนที่ไฟล์ที่มีอยู่หากได้รับแจ้ง
4. อัปเดตข้อมูลฐานข้อมูล: หลังจากอัปโหลดไฟล์ไปยังเซิร์ฟเวอร์ คุณจะต้องอัปเดตข้อมูลฐานข้อมูลในไฟล์ wp-config.php เพื่อให้สอดคล้องกับข้อมูลฐานข้อมูลของไซต์ที่ใช้งานอยู่ เปิดไฟล์ wp-config.php ในโปรแกรมแก้ไขข้อความ และอัพเดตชื่อฐานข้อมูล ชื่อผู้ใช้ และรหัสผ่านให้ตรงกับฐานข้อมูลที่ใช้งานอยู่
5. อัปเดต URL ในฐานข้อมูล: ดูส่วนด้านล่าง
6. ทดสอบไซต์: หลังจากอัปโหลดไฟล์ของไซต์ภายในเครื่องไปยังเซิร์ฟเวอร์แล้ว คุณควรทดสอบไซต์เพื่อให้แน่ใจว่าทุกอย่างทำงานได้อย่างถูกต้อง การดำเนินการนี้อาจเกี่ยวข้องกับการทดสอบฟังก์ชันการทำงาน ลิงก์ และรูปภาพของไซต์เพื่อให้แน่ใจว่าทำงานตามที่คาดไว้

การอัปเดต URL ในฐานข้อมูล

คุณสามารถอัปเดต URL ในฐานข้อมูลของคุณโดยใช้โปรแกรมแก้ไขข้อความหรือโดยการทำงานโดยตรงในฐานข้อมูลของคุณ (ตรวจสอบให้แน่ใจว่าฐานข้อมูลของคุณได้รับการสำรองข้อมูลทั้งหมดก่อนที่จะทำการเปลี่ยนแปลง)

การอัปเดต URL โดยใช้โปรแกรมแก้ไขข้อความ

ทำตามขั้นตอนด้านล่างเพื่ออัปเดต URL ในฐานข้อมูลของคุณโดยใช้โปรแกรมแก้ไขข้อความ

1. ส่งออกฐานข้อมูล: ก่อนอัปเดต URL ในฐานข้อมูล คุณจะต้องส่งออกฐานข้อมูล ใช้เครื่องมือจัดการฐานข้อมูลของคุณ (เช่น phpMyAdmin)
2. ค้นหาและแทนที่ URL : เมื่อคุณส่งออกฐานข้อมูลแล้ว คุณจะต้องค้นหาและแทนที่ URL ในฐานข้อมูล คุณสามารถทำได้โดยใช้โปรแกรมแก้ไขข้อความ เช่น Sublime หรือ Visual Studio Code ค้นหาและแทนที่ URL และตรวจสอบให้แน่ใจว่าได้แทนที่ URL อย่างระมัดระวังและถี่ถ้วน รวมถึง URL ในข้อมูลที่ต่อเนื่องกัน
3. นำเข้าฐานข้อมูล : หลังจากอัปเดต URL ในฐานข้อมูลแล้ว คุณจะต้องนำเข้าฐานข้อมูลกลับเข้าสู่สภาพแวดล้อมการพัฒนาในเครื่องของคุณ คุณสามารถนำเข้าฐานข้อมูลโดยใช้เครื่องมือจัดการฐานข้อมูล เช่น phpMyAdmin
4. ทดสอบไซต์ : หลังจากนำเข้าฐานข้อมูลที่อัปเดตแล้ว เป็นความคิดที่ดีที่จะทดสอบไซต์เพื่อให้แน่ใจว่าทุกอย่างทำงานได้อย่างถูกต้อง การดำเนินการนี้อาจเกี่ยวข้องกับการทดสอบฟังก์ชันการทำงาน ลิงก์ และรูปภาพของไซต์เพื่อให้แน่ใจว่าทำงานตามที่คาดไว้

การอัปเดต URL ในฐานข้อมูล

ทำตามขั้นตอนด้านล่างเพื่ออัปเดต URL ในฐานข้อมูลของคุณโดยตรง:

1. เข้าสู่ฐานข้อมูลของเว็บไซต์จริงโดยใช้ PHPMyAdmin
2. เลือกฐานข้อมูลของไซต์สด
3. ไปที่แท็บ “SQL”
4. Run the following SQL query to update the URLs:

UPDATE wp_options SET option_value = replace(option_value, 'http://old-url', 'http://new-url') WHERE option_name = 'home' OR option_name = 'siteurl';
UPDATE wp_posts SET guid = replace(guid, 'http://old-url','http://new-url');
UPDATE wp_posts SET post_content = replace(post_content, 'http://old-url', 'http://new-url');

Replace “old-url” with the URL of the local site and “new-url” with the URL of the live site.

5. Click “Go” to run the query.
6. This will update all references to the local site's URL with the live site's URL in the database, ensuring that all links and images on the live site work correctly.

If you have followed the above steps correctly, the URLs in your database should have successfully updated. After these steps, your local WordPress site should now be fully functional on the live server. Make sure to thoroughly test the live site to ensure that all features are working correctly, and make any necessary adjustments to ensure a seamless transition from the local development environment to the live server.

Local Development vs Webhost Staging Environment

While WordPress local development provides a safe and efficient environment to build, edit, and test WordPress websites, you may decide to work in a webhost staging environment instead (here are some good reasons why you may not want to develop WordPress locally).

Both local development environments and webhost staging environments, however, have their pros and cons.

Here is a brief overview of the pros and cons of using a WordPress local development versus a webhost staging environment:

Pros of Local Development Environment

• Easy to Use : Local development environments are easy to use, even for beginner developers.
• Flexibility : You have complete control over your local development environment, so you can configure it however you like.
• Test Any Changes : With a local development environment, you can test any changes you make to your site without affecting the live version.

Cons of Local Development Environment

• Not a Live Environment : A local development environment is not a live environment, so you cannot test your site with live data.
• Limited Resources : Your local machine may have limited resources, such as memory and processing power, which can affect your site's performance.
• Not a True Representation : A local development environment may not accurately represent a live server environment, so testing may not be 100% accurate.

Pros of Webhost Staging Environment

• Live Environment : A webhost staging environment is a live environment, so you can test your site with live data.
• More Accurate Testing : A webhost staging environment is a more accurate representation of a live server environment, so testing is more reliable.
• More Resources : A webhost staging environment typically has more resources available than a local development environment, so your site's performance will be better.

Cons of Webhost Staging Environment

• Cost : Setting up a webhost staging environment can be expensive, as you have to pay for hosting and a domain name.
• Not as Fast : A webhost staging environment is not as fast as a local development environment because it runs on a remote server.

For smaller projects, a local development environment is a great option because it is free and easy to use. For larger projects, however, a webhost staging environment may be a better option because it is a live environment and provides more accurate testing.

Ultimately, the choice between these two methods will depend on your individual needs, preferences, and hosting options.

Note: We recommend avoiding shared hosting, and hosting on our Quantum plan instead for basic WordPress sites, but if you have reasons for choosing shared hosting, then check out our article on how to run WordPress local development on shared hosting.

All WPMU DEV hosting plans (except for Quantum) include a staging environment. Refer to our staging documentation for more details on the benefits of using a staging environment to develop and test WordPress sites.

Do you use a local environment to build and test WordPress sites? Share your experiences and comments below!