การพัฒนา WordPress วิธีการตั้งค่าสภาพแวดล้อมการจัดเตรียม

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

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

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

ขั้นตอนการพัฒนา

นี่คือจุดเริ่มต้นของเรา เราสร้างเว็บไซต์ของเราใน localhost: เว็บเซิร์ฟเวอร์ที่ทำงานในคอมพิวเตอร์ของเรา หากคุณใช้ OS X คุณสามารถตั้งค่าได้อย่างง่ายดายด้วย MAMP ผู้ใช้ Windows มีตัวเลือกเพิ่มเติมไม่กี่อย่างเช่น MAMP (สำหรับ Windows), WAMP และ XAMPP.

ในขั้นตอนนี้คุณสามารถใช้เครื่องมือในการพัฒนาเช่น Codekit และ Grunt หรือ Gulp คุณสามารถทำงานร่วมกับเพื่อนร่วมงานของคุณโดยใช้การควบคุมเวอร์ชัน Git; คุณยังสามารถทำการทดลองได้อย่างอิสระและทำผิดพลาดอย่างปลอดภัย.

ในช่วงการพัฒนาฉันขอแนะนำให้คุณเปิดใช้งาน WP_DEBUG และเพื่อติดตั้งปลั๊กอิน WordPress สองสามตัวเช่น Query Monitor, RTL Tester และ User Switching นอกเหนือจากปลั๊กอินที่เราจะปรับใช้ในไซต์สด ปลั๊กอินพิเศษเหล่านี้มีไว้เพื่อ อำนวยความสะดวกในการพัฒนา เช่นเดียวกับ กระบวนการทดสอบ. ดังที่กล่าวไว้เราจะไม่เปิดใช้งานปลั๊กอินเหล่านี้ที่ไซต์ชั่วคราวหรือไซต์สด.

เปิด WP-config.php, และเพิ่มบรรทัดต่อไปนี้หลังจาก define ('WP_DEBUG', จริง);.

 define ('WP_DEBUG', จริง); define ('WPLT_SERVER', 'dev'); 

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

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

หากคุณไม่ชอบสีเขียวเริ่มต้นคุณสามารถเปลี่ยนได้โดยกำหนด WPLT_COLOR. สีสามารถกำหนดได้ด้วยคำสำคัญสีหรือด้วยรูปแบบ Hex ที่แสดงด้านล่าง.

 define ('WPLT_COLOR', '# 7ab800'); 

นอกจากนี้คุณอาจต้องการปิดการใช้งานปลั๊กอินบางตัวที่ไม่จำเป็นในระหว่างการพัฒนาเช่นปลั๊กอินแคชปลั๊กอินสำรองข้อมูลและ Akismet.

ในการทำเช่นนั้นให้ระบุแต่ละปลั๊กอินในอาร์เรย์ด้วย WPLT_DISABLED_PLUGINS.

 define ('WPLT_DISABLED_PLUGINS', ทำให้เป็นอนุกรม (array ('w3-total-cache / w3-total-cache.php', 'akismet / akismet.php',))) 

“การแสดงละคร” เวที

“การแสดงละคร” ไซต์เป็นที่ที่เราทดสอบเว็บไซต์ของเรา เป็นการดีที่ควรจะอยู่ในสภาพแวดล้อมที่เป็น เลียนแบบอย่างใกล้ชิด (เนื้อหาข้อกำหนดของเซิร์ฟเวอร์และอื่น ๆ ) เว็บไซต์สดใน เพื่อ จับข้อบกพร่องและข้อผิดพลาด ที่เราอาจพลาดในขั้นตอนการพัฒนา.

โดยทั่วไปแล้วไซต์ควรจะสามารถเข้าถึงได้เฉพาะบางคนรวมถึงลูกค้าเพื่อแสดงเวอร์ชันสุดท้ายของเว็บไซต์.

ปลั๊กอินบางตัวถูกปิดการใช้งานที่ดีขึ้นเช่นปลั๊กอินที่เราใช้ในขั้นตอนการพัฒนาปลั๊กอินแคชและปลั๊กอินสำรองข้อมูล ตัวอย่างเช่นไซต์การแสดงละครสามารถตั้งค่าในโดเมนย่อยได้, staging.coolsite.com หรือในโดเมนอื่นเช่น coolsitestaging.com.

เรากำหนดไซต์การแสดงละครเป็น WP-config.php ดังนี้.

 define ('WP_DEBUG', จริง); define ('WPLT_SERVER', 'test'); define ('WPLT_DISABLED_PLUGINS', ทำให้เป็นอนุกรม ('w3-total-cache / w3-total-cache.php', 'akismet / akismet.php', 'debug-bar / debug-bar.php', 'debug-bar / debug-bar.php') -extender / debug-bar-extender.php ',' debug-bar-console / debug-bar-console.php ',' Simply-show-ids / Simply-show-ids.php ',' monster-widget / monster -widget.php ',' theme-check / theme-check.php ',' wordpress-beta-tester / wp-beta-tester.php ',))) 

ตอนนี้เราตั้งค่าเซิร์ฟเวอร์เป็น การแสดงละคร หรือ การทดสอบ. สีของแถบผู้ดูแลระบบควรเปลี่ยนเป็นสีส้ม.

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

เวทีสด

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

 define ('WP_DEBUG', false); define ('WPLT_SERVER', 'live'); define ('WPLT_DISABLED_PLUGINS', ทำให้เป็นอนุกรม ('developer / developer.php', 'debug-bar / debug-bar.php', 'debug-bar-extender / debug-bar-extender.php', 'debug-bar -console / debug-bar-console.php ',' Simply-show-ids / simply-show-ids.php ',' สร้างใหม่ - ภาพขนาดย่อ / สร้างใหม่ - thumbnails.php ',' เขียนกฎใหม่ - ตรวจสอบ / เขียนกฎใหม่ -inspector.php ',' rtl-tester / rtl-tester.php ',' user-switching / user-switching.php ',' monster-widget / monster-widget.php ',' ธีมตรวจสอบ / ธีมตรวจสอบ .php ',' query-monitor / query-monitor.php ',' wordpress-beta-tester / wp-beta-tester.php ',))); 

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

เพิ่มบรรทัดต่อไปนี้ในเซิร์ฟเวอร์สด WP-config.php ทำเช่นนั้น.

 กำหนด ( 'WPLT_NOTIFY', '[email protected]'); 

เมื่อตั้งค่าแล้วเราจะได้รับการแจ้งเตือนทางอีเมลเมื่อลูกค้าของเราเพิ่มเนื้อหาใหม่ (โพสต์และหน้า) ในเซิร์ฟเวอร์สด เมื่อทำเสร็จให้คัดลอกฐานข้อมูลเนื้อหาจาก live.

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

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