วิธีใช้ GitHub Pages เพื่อโฮสต์เว็บไซต์ WordPress

สมมติว่าคุณมีไซต์ WordPress และต้องการใช้ GitHub Pages เพื่อโฮสต์ไซต์ของคุณ: 1. ลงชื่อเข้าใช้ไซต์ WordPress ของคุณ 2. ในแถบด้านข้างซ้าย คลิกที่ "ลักษณะที่ปรากฏ" 3. ใต้ "ลักษณะที่ปรากฏ" ให้คลิกที่ "ธีม" 4. ในหน้า "ธีม" ให้คลิกที่ปุ่ม "เพิ่มใหม่" 5. ในหน้า "เพิ่มธีม" ให้คลิกที่ปุ่ม "อัปโหลดธีม" 6. ในหน้า "อัปโหลดธีม" ให้คลิกที่ปุ่ม "เรียกดู" 7. ค้นหาธีม WordPress ที่คุณต้องการอัปโหลดไปยัง GitHub Pages บนคอมพิวเตอร์ของคุณ 8. เมื่อคุณพบธีม WordPress แล้ว ให้คลิกที่ปุ่ม "เปิด" 9. ในหน้า "อัปโหลดธีม" ให้คลิกที่ปุ่ม "ติดตั้งทันที" 10. หลังจากติดตั้งธีมแล้ว ให้คลิกที่ปุ่ม "เปิดใช้งาน" 11. หลังจากเปิดใช้งานธีมแล้ว ให้คลิกที่แท็บ "ลักษณะที่ปรากฏ" ในแถบด้านข้างด้านซ้ายอีกครั้ง 12. ใต้ "ลักษณะที่ปรากฏ" ให้คลิกที่ "ตัวแก้ไข" 13. ในหน้า "Editor" เลือก "stylesheet" จากเมนูแบบเลื่อนลง "Select theme to edit:" 14. ค้นหาส่วน "GitHub Pages" ในเอกสาร "stylesheet" 15. ในส่วน "หน้า GitHub" ให้เพิ่มชื่อผู้ใช้ GitHub และชื่อที่เก็บ GitHub ที่คุณต้องการใช้โฮสต์ไซต์ WordPress ของคุณ 16. บันทึกเอกสาร "สไตล์ชีต" 17. ที่แถบด้านข้างซ้าย ให้คลิกที่ “การตั้งค่า” 18. ในหน้า "การตั้งค่า" ให้คลิกที่ลิงก์ "การอ่าน" 19. ในหน้า "การอ่าน" ในส่วน "การแสดงหน้าแรก" ให้เลือกตัวเลือก "หน้าคงที่ (เลือกด้านล่าง)" 20. ในเมนูแบบเลื่อนลง "หน้าแรก" เลือกหน้า "หน้าแรก" 21. ในเมนูแบบเลื่อนลง "หน้าโพสต์" เลือกหน้า "บล็อก" 22. บันทึกการตั้งค่า “การอ่าน” 23. เมื่อคุณกำหนดค่าไซต์ WordPress ของคุณให้ใช้ GitHub Pages แล้ว คุณสามารถอัปโหลดไซต์ WordPress ของคุณไปที่ GitHub สำหรับคำแนะนำโดยละเอียดเกี่ยวกับวิธีการทำเช่นนี้ โปรดดูบทความต่อไปนี้: วิธีใช้หน้า GitHub เพื่อโฮสต์เว็บไซต์ WordPress

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

ในคำแนะนำทีละขั้นตอนนี้ คุณจะได้เรียนรู้วิธีติดตั้ง GitHub และกำหนดค่าในสภาพแวดล้อมภายในเครื่อง GitHub เป็นจุดเริ่มต้นที่ดี หากคุณต้องการสร้างธีม WordPress หรือปลั๊กอิน การทำงานกับไซต์ทั้งหมดค่อนข้างยาก ด้วยเหตุนี้ อาจจำเป็นต้องหลีกเลี่ยงไฟล์บางไฟล์ เช่น ไฟล์หลักของ WordPress ไฟล์มักจะอยู่ใน C:/Program Files/Ampps/www/WP หากคุณต้องการอัปโหลดทั้งไซต์ เราขอแนะนำให้ใช้ GitHub repo การรวมไฟล์เหล่านั้นใน gitignore ก็เพียงพอแล้ว

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

คุณสามารถอัปโหลด WordPress ไปยังหน้า Github ได้หรือไม่?

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

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

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

ฉันสามารถปรับใช้บนหน้า Github ได้หรือไม่

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

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

WordPress Github

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

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

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

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

Github Pages

หน้า GitHub เป็นบริการโฮสต์ไซต์แบบคงที่ที่นำไฟล์ HTML, CSS และ JavaScript โดยตรงจากที่เก็บ GitHub และเผยแพร่ไปยัง URL ที่กำหนดให้กับที่เก็บ

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

หากคุณต้องการเผยแพร่ไซต์ของคุณภายใต้ URL อื่น คุณสามารถใช้ GitHub Pages ซึ่งช่วยให้คุณสร้างที่เก็บใหม่และลิงก์ไปยังไซต์จากโดเมนต่างๆ หลังจากนั้น ให้สร้างบัญชี GitHub และติดตั้ง GitHub App โคลนที่เก็บไปยังคอมพิวเตอร์ของคุณหลังจากนั้น สุดท้าย เปลี่ยนชื่อโดเมนย่อยเป็นชื่อใหม่ในการตั้งค่าของที่เก็บ หากคุณต้องการเผยแพร่ไซต์ของคุณในโดเมนย่อยอื่น คุณสามารถใช้คุณลักษณะการโฮสต์ GitHub Pages เพื่อสร้างที่เก็บใหม่และปรับใช้ไซต์ที่นั่น