การรวม WordPress และ GitHub

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

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

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

วิธีรวม GitHub และ WordPress (ใน 4 ขั้นตอน)

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

ขั้นตอนที่ 1: สร้างสภาพแวดล้อม WordPress ท้องถิ่น

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

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

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

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

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

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

หลังจากเลือกชื่อโดเมนเสร็จแล้ว ให้คลิก ดำเนินการต่อ จากนั้น คุณจะได้รับแจ้งให้เลือกชื่อผู้ใช้และรหัสผ่านสำหรับการติดตั้ง WordPress ในเครื่องของคุณ:

เมื่อสภาพแวดล้อมการพัฒนาของคุณเสร็จสมบูรณ์ คุณจะเห็นหน้าจอพร้อมข้อมูลสรุปของไซต์ใหม่ของคุณ:

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

ขั้นตอนที่ 2: ติดตั้ง GitHub

หากต้องการเปิดใช้งาน GitHub กับ WordPress คุณจะต้องสร้างบัญชี GitHub ฟรีและดาวน์โหลดและติดตั้ง Git บนไดรฟ์ในเครื่องของคุณ Git คือระบบควบคุมเวอร์ชันแบบโอเพ่นซอร์ส (VCS) ที่จัดการเวิร์กโฟลว์ทั้งหมดบน GitHub

คุณมีสองตัวเลือกสำหรับสิ่งที่จะใช้ติดตั้งและกำหนดค่า Git หากคุณสะดวกใจที่จะใช้เครื่องมือบรรทัดคำสั่ง นั่นเป็นทางเลือกหนึ่ง หรือคุณสามารถใช้ไคลเอนต์ GitHub Desktop:

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

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

เมื่อเสร็จแล้ว คุณสามารถใช้ Git เพื่อส่งการเปลี่ยนแปลงไปยัง GitHub ดังนั้นไฟล์ของคุณจะเป็นปัจจุบันอยู่เสมอ

ขั้นตอนที่ 3: สร้างพื้นที่เก็บข้อมูล

ตอนนี้คุณมีสภาพแวดล้อมในเครื่องของคุณพร้อมใช้งานแล้ว โดยติดตั้ง WordPress และ Git ไว้ในเครื่องของคุณ คุณก็พร้อมที่จะสร้างพื้นที่เก็บข้อมูลสำหรับโครงการของคุณแล้ว จาก GitHub Desktop คุณสามารถเลือก Create a New Repository on Your Hard Drive :

จากนั้นคุณจะได้รับแจ้งให้กำหนดค่าที่เก็บในเครื่องใหม่ของคุณ:

หลังจากตั้งชื่อพื้นที่เก็บข้อมูลของคุณและกำหนดการตั้งค่าอื่นๆ บางอย่าง เช่น การเลือกใบอนุญาต หากจำเป็น ให้คลิก สร้างพื้นที่เก็บข้อมูล จากนั้นคุณจะเห็นที่เก็บใหม่ของคุณในส่วนติดต่อผู้ใช้ GitHub Desktop:

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

หากคุณสร้างที่เก็บของคุณด้วยวิธีนี้ คุณสามารถใช้คุณสมบัติ Clone repository ในอินเทอร์เฟซเดสก์ท็อปของคุณเพื่อดึงเข้าในสภาพแวดล้อมการพัฒนาท้องถิ่นของคุณ:

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

ขั้นตอนที่ 4: เผยแพร่พื้นที่เก็บข้อมูลของคุณ

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

หลังจากคลิกที่ Publish repository คุณจะได้รับแจ้งให้เพิ่มคำอธิบายและดำเนินการเผยแพร่ให้เสร็จสิ้น:

จากนั้น คุณสามารถตรวจสอบบัญชี GitHub เพื่อให้แน่ใจว่าพื้นที่เก็บข้อมูลของคุณได้รับการเผยแพร่แล้ว:

เมื่อคุณทำการเปลี่ยนแปลงไฟล์และทดสอบในสภาพแวดล้อม Local by Flywheel WordPress คุณก็สามารถยอมรับการเปลี่ยนแปลงใน GitHub Desktop ได้อย่างง่ายดาย จากนั้น คุณจะสามารถเผยแพร่ที่เก็บที่อัปเดตของคุณไปยัง GitHub ได้ด้วยคลิกเดียว

ปลั๊กอิน Github สำหรับ WordPress

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

1. Github ฝัง

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

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

2. ตัวอัปเดต GitHub

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

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

ขั้นตอนถัดไป

ณ จุดนี้ คุณพร้อมที่จะสร้างเวิร์กโฟลว์ Git ระหว่าง Flywheel, WordPress และ GitHub แล้ว! คุณจะสามารถดึงโค้ดจาก GitHub และสร้างธีมและปลั๊กอินของคุณเองหรือมีส่วนร่วมในโครงการปัจจุบันในชุมชน WordPress

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

อยู่ในการควบคุมด้วย WP Engine

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

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