สภาพแวดล้อม WordPress Staging ที่ผู้ใช้ชื่นชอบ!

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

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

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

มีสองสามวิธีในการสร้างไซต์การแสดงละคร WordPress ตัวอย่างเช่น คุณสามารถเลือกปลั๊กอินสำหรับแสดง WordPress เช่น “WP Staging”, BlogVault หรือค้นหาโฮสติ้ง WordPress ที่มีการจัดการพร้อมการแสดงละครเพื่อสร้างเว็บไซต์ทั้งหมดก่อนที่จะเผยแพร่

ในคู่มือนี้ ฉันจะพูดถึงทั้งสองวิธีในการตั้งค่าสภาพแวดล้อมการแสดงละคร

WordPress Staging Environment คืออะไร?

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

คุณจะสร้างไซต์การแสดงละคร WordPress ได้อย่างไร?

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

โฮสติ้ง WordPress พร้อม Staging

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

เมื่อบัญชีได้รับการยืนยันแล้ว ให้ลงชื่อเข้าใช้แพลตฟอร์ม Cloudways แล้วคลิก เปิด ใช้

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

ในตัวอย่างนี้ ฉันเลือก WordPress เป็นแอปพลิเคชันและ DigitalOcean เป็นโฮสติ้ง WordPress พร้อมเซิร์ฟเวอร์การแสดงละคร หากต้องการ คุณสามารถเลือกผู้ให้บริการโฮสติ้งบนคลาวด์ห้ารายเพื่อเปิดใช้เซิร์ฟเวอร์การแสดงบนเวทีของ WordPress

เข้าสู่เว็บไซต์ WordPress Staging

เมื่อเปิดตัวเว็บไซต์ WordPress staging แล้ว ให้ไปที่เว็บไซต์ WordPress โดยไปที่แท็บ Applications และเลือกแอปพลิเคชั่น WordPress

ให้ฉันกำหนดป้ายกำกับ:

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

เมื่อเว็บไซต์ทดสอบ WordPress โหลดขึ้นมา คุณจะเห็นหน้าจอดังนี้:

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

เข้าถึง WordPress Staging Server

เมื่อเปิดเซิร์ฟเวอร์ staging แล้ว คุณสามารถเข้าถึงเซิร์ฟเวอร์ได้จากแถบเมนูด้านบน

ให้ฉันกำหนดป้ายกำกับ:

1. รับรายชื่อเซิร์ฟเวอร์ที่โฮสต์โดยบัญชีนี้
2. รายละเอียดของเซิร์ฟเวอร์ staging
3. จำนวนแอปพลิเคชัน (WordPress, PHP, Magento เป็นต้น) ที่โฮสต์บนเซิร์ฟเวอร์นี้
4. เมนูที่ขยายได้พร้อมตัวเลือกเพิ่มเติมสำหรับเซิร์ฟเวอร์
5. คล้ายกับตัวเลือกในการโฮสต์เว็บไซต์หลายแห่งบนเซิร์ฟเวอร์เดียว คุณสามารถเปิดใช้เซิร์ฟเวอร์หลายเครื่องในบัญชี Cloudways เดียว

ชี้โดเมน

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

ตอนนี้คุณสามารถสร้างมันด้วยความมั่นใจ และเมื่อเสร็จแล้ว ชี้โดเมน ติดตั้งใบรับรอง SSL ฟรี และทำให้โดเมนใช้งานได้จริง

หมายเหตุ: ฉันคิดว่าคุณได้สร้างไซต์ WordPress และทำให้ใช้งานได้โดยชี้โดเมน ในภาพด้านบน ตรวจสอบตัวชี้ที่ 3 ฉันเปลี่ยนชื่อ WP_Staging เป็น Live_WP

สร้างการแสดงละครสำหรับไซต์สด & การเปลี่ยนแปลงแบบพุช/ดึง

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

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

โคลน WordPress ไซต์สด

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

มาดูขั้นตอนการสร้างโคลน/การแสดงละครสำหรับไซต์ WordPress แบบสดกัน

ไปที่ แท็บ Applications จากแถบเมนูด้านซ้ายบน มองหา WordPress ที่ใช้งานอยู่ แล้วคลิก ( ⋮ ) เพื่อเข้าถึงตัวเลือกเพิ่มเติม จากเมนูที่เปิดขึ้น ให้เลือก Clone App/Create Staging

หมายเหตุ: ฉันตั้งชื่อแอปพลิเคชัน WordPress แบบสดของฉันเป็น “ Live_WP ”

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

สำคัญ : อย่าลืมทำเครื่องหมายที่ช่อง " Create as Staging ” เมื่อสร้างไซต์การแสดงละคร มีความแตกต่างเล็กน้อยแต่มีนัยสำคัญระหว่างการโคลนและการแสดงละครแอปพลิเคชัน:

1. 1. Clone สร้างแบบจำลองของแอปพลิเคชัน อย่างไรก็ตาม จะ ไม่มีการซิงโครไนซ์ ระหว่างแอปพลิเคชันดั้งเดิมกับแอปพลิเคชันที่ลอกแบบมา
   2. การแสดงละคร ยังสร้างแบบจำลองของแอปพลิเคชันอีกด้วย อย่างไรก็ตาม ทั้งแอปพลิเคชันที่ใช้งานจริงและการจำลองนั้น ซิงค์ กัน นอกจากนี้ คุณสามารถดำเนินการ Push & Pull ได้ ทั้งเวอร์ชันจริงและเวอร์ชันจำลอง

อีกทางหนึ่ง สามารถสร้างเวอร์ชัน Clone/Staging ได้โดยเข้าไปที่แอปพลิเคชัน เมื่อเข้าไปแล้ว ให้เลื่อนเมาส์ไปที่ ปุ่มสีส้มด้านล่างขวา และเลือก Clone App/Create Staging

และคุณก็พร้อมที่จะไป!

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

ตอนนี้ ไซต์ทดสอบ WordPress พร้อมแล้ว และคุณสามารถดำเนินการต่อกับไซต์ WordPress ได้

มาดำดิ่งลึกลงไปอีกหน่อย

Staging Management สำหรับ Live Application

เข้าถึงแอปพลิเคชัน WordPress แบบสด และคุณจะเห็นรายการเมนูใหม่ที่มีป้ายกำกับ “ Staging Management ” ในเมนูด้านซ้าย นี่คือลักษณะที่ปรากฏ:

คุณสามารถดูปุ่ม/ตัวเลือกสามปุ่มต่อไปนี้:

• ดึง: ดึงการเปลี่ยนแปลงจากไซต์การแสดงละครไปยังไซต์สด
• พุช: พุชการเปลี่ยนแปลงจากไซต์สดไปยังไซต์การแสดงละคร
• ดูบันทึก: ดูบันทึกสำหรับการดำเนินการบันทึกแบบพุช/ดึง

การจัดการการแสดงละครสำหรับไซต์การแสดงละคร

ไปที่เว็บไซต์ WordPress staging และคุณจะเห็นรายการเมนูใหม่ที่มีป้ายกำกับ “ Staging Management ” ในเมนูด้านซ้าย

ตัวเลือกจะคล้ายกับตัวเลือกที่พบในแอปพลิเคชัน WordPress แบบสด เมื่อคุณทำการเปลี่ยนแปลงบนไซต์การแสดงละคร WP เสร็จแล้ว และมั่นใจมากพอที่จะผลักดันการเปลี่ยนแปลงไปยังเว็บไซต์ที่ใช้งานจริง เพียงแค่แตะปุ่ม พุช คุณจะถูกถาม:

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

ในทำนองเดียวกัน ปุ่ม Pull จะดึงการเปลี่ยนแปลงของเว็บไซต์ Live ไปยังเว็บไซต์การแสดงละคร

PS: นี่คือ คู่มือที่ ต้องอ่าน พร้อมหมายเหตุสำคัญ เกี่ยวกับสภาพแวดล้อม Cloudways Staging

ขยายคุณสมบัติการโคลน

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

• Clone Server: สร้างสำเนาของเซิร์ฟเวอร์ทั้งหมดสำหรับบัญชีเดียวกัน
• โอนเซิร์ฟเวอร์: คุณสามารถโอนเซิร์ฟเวอร์ไปยังบัญชี Cloudways อื่นที่มีที่อยู่ IP ของเซิร์ฟเวอร์เดียวกัน

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

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

ปลั๊กอิน WordPress Staging

ปลั๊กอินหลายตัว เช่น BlogVault, WP Staging และ WP Migrate DB ก็เป็นตัวเลือกยอดนิยมสำหรับการสร้างไซต์การแสดงละครของเว็บไซต์ที่ใช้งานจริงของคุณ ทดสอบการเปลี่ยนแปลงและผลักดัน

ลงชื่อเข้าใช้เว็บไซต์ WordPress สดของคุณ ไปที่ Plugins -> Add New และค้นหา WP Staging หรือ WP Migrate DB

ในคู่มือนี้ ฉันจะใช้ปลั๊กอิน WP Staging ดังนั้นเพื่อดำเนินการต่อ ให้ติดตั้งและเปิดใช้งานปลั๊กอิน

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

คลิกปุ่ม สร้างไซต์การจัดเตรียมใหม่ ซึ่งจะนำคุณไปยังหน้าจอการกำหนดค่า ป้อน Staging Site Name และสำรวจตัวเลือกอื่นๆ เพื่อเลือกสิ่งที่คุณต้องการโคลน

อย่าลืม ตรวจสอบพื้นที่ว่างในดิสก์ โดยเฉพาะอย่างยิ่งถ้าคุณมีเว็บไซต์สดขนาดใหญ่

ตอนนี้ให้คลิกปุ่ม เริ่มการโคลน

ไซต์ WP Staging จะถูกสร้างขึ้นในไม่กี่นาที และคุณสามารถเข้าสู่แดชบอร์ดด้วยข้อมูลประจำตัวของผู้ดูแลระบบของเว็บไซต์ที่ใช้งานจริงของคุณ

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

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

โยกย้ายไซต์ WordPress

ฟีเจอร์ของ Cloudways Staging Environment ดูน่าสนใจไหม

ต้องการลองใช้สภาพแวดล้อมการจัดเตรียมเว็บไซต์ WordPress หรือไม่? เราใส่ใจคุณ คุณสามารถย้ายไซต์ WordPress ไปยัง Cloudways ได้อย่างง่ายดายโดยใช้ “ปลั๊กอิน WordPress Migrator” ของเรา

แนวทางปฏิบัติที่ดีที่สุดที่เราแนะนำสำหรับไซต์การแสดงละคร

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

สำรองข้อมูลทั้งหมด

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

ล้างแคชของคุณ

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

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

แยกฐานข้อมูลการผลิตของคุณออกจากฐานข้อมูลการแสดงละคร

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

อย่าให้สาธารณะเข้าถึงไซต์การแสดงละคร

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

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