วิธีสร้างธีมลูกพื้นฐานสำหรับไซต์ WordPress
เผยแพร่แล้ว: 2022-10-19นักพัฒนา WordPress ที่ดี ทุกคนจะบอกคุณว่าธีมลูกเป็นวิธีที่ดีที่สุดในการปรับเปลี่ยนธีม WordPress ที่มีอยู่ ทำไม เนื่องจากธีมลูกจะสืบทอดฟังก์ชันทั้งหมดของธีมหลัก และให้คุณทำการเปลี่ยนแปลงได้โดยไม่ต้องแตะโค้ดของธีมหลัก ด้วยวิธีนี้ เมื่ออัปเดตธีมหลัก การเปลี่ยนแปลงของคุณจะยังคงอยู่ การสร้างธีมลูกเป็นกระบวนการที่ค่อนข้างง่าย ในบทความนี้ เราจะแสดงวิธีสร้างธีมย่อยพื้นฐานสำหรับไซต์ WordPress
ในบทช่วยสอนนี้ เราจะพูดถึงวิธีสร้างธีม WordPress ที่ตอบสนองโดยใช้ CSS3 และ HTML5 เมื่อคุณเพิ่งเริ่มใช้ WordPress การพัฒนาธีมจากศูนย์นั้นค่อนข้างง่าย ธีมของคุณต้องตอบสนองได้จึงจะใช้งานได้ ดังนั้นโปรดปฏิบัติตามหลักเกณฑ์บางประการในขณะที่สร้างธีม เราจะใช้ HTML5 และ CSS3 เพื่อสร้างธีม WordPress แบบกำหนดเองชุดแรกของเราในบทช่วยสอนนี้ HTML5 ซึ่งเป็นเวอร์ชันล่าสุดของภาษามาร์กอัปเว็บ HTML เป็นภาษาที่ห้าและทันสมัยที่สุด Cascading Style Sheets (CSS) คือชุดของชีตที่สามารถดูและแก้ไขได้โดยใช้คอมพิวเตอร์ มีเครื่องมือที่ช่วยให้คุณกำหนดลักษณะการทำงานของเว็บไซต์ของคุณในขนาดหน้าจอต่างๆ
หากคุณต้องการทดสอบธีมก่อนอัปโหลดไปยังเซิร์ฟเวอร์ที่ใช้งานจริง ตรวจสอบให้แน่ใจว่าคุณได้ทดสอบมันในสภาพแวดล้อมท้องถิ่น WordPress สามารถใช้ได้กับทั้งเซิร์ฟเวอร์เดสก์ท็อปและเซิร์ฟเวอร์ WAMP ทั้ง WAMP และ Desktop Server ได้รับการออกแบบมาให้ทำงานได้ทั้งบน Windows และ Mac แต่ WAMP ได้รับการออกแบบมาสำหรับ Windows และ Desktop Server ได้รับการออกแบบมาสำหรับ Mac ขั้นตอนที่สามเกี่ยวข้องกับการเพิ่มรหัสต่อไปนี้: sidebar.php และ function.php รหัสเหล่านี้ถูกแทรกเพื่อให้แน่ใจว่าธีมของคุณสามารถปรับเปลี่ยนได้ ในขั้นตอนที่ 4 คุณจะสร้างเค้าโครงสำหรับธีมของคุณ การใช้แบบสอบถามสื่อ เราสามารถแก้ไขส่วนหัว ส่วนท้าย index.html, style.html และส่วนอื่นๆ ของหน้าเว็บได้
ต้องใช้ไฟล์ PHP สำหรับหน้านี้ หากคุณทำตามขั้นตอนเหล่านี้ ธีม WordPress ใหม่ ของคุณน่าจะพร้อมแล้ว โดยมีเทมเพลตและสไตล์ชีตที่จำเป็นทั้งหมด ไฟล์ footer.php กำหนดระดับที่ต่ำกว่าของไซต์ของคุณ รวมถึงแท็ก <html> และ >เนื้อหา นอกจากนี้ คุณต้องรวมองค์ประกอบเชิงความหมาย HTML5 จำนวนหนึ่ง เช่น เนื้อหาหลัก HTML5 ส่วนหัว HTML5 ส่วน HTML5 และบทความ HTML5 ในการแสดงเนื้อหาโพสต์ คุณจะต้องใช้ WordPress loop ซึ่งเป็นส่วนประกอบที่สำคัญ การสร้างธีม WordPress ตั้งแต่เริ่มต้นไม่ใช่เรื่องง่าย โดยเฉพาะอย่างยิ่งหากคุณเป็นมือใหม่ หากคุณต้องการธีม WordPress ที่ตอบสนองได้ คุณจำเป็นต้องรู้ขั้นตอนที่คุณต้องดำเนินการ
วิธีการสร้างธีมเด็ก
ในการสร้างธีมลูก คุณต้องสร้างโฟลเดอร์ใหม่สำหรับธีมลูกและ ไฟล์ style.css ไฟล์ style.css ควรมีสิ่งต่อไปนี้: /* ชื่อธีม: เทมเพลตธีมลูกของฉัน: parent-theme-folder */ @import url(“../parent-theme-folder/style.css”); จากนั้นคุณสามารถเพิ่มโค้ด CSS ที่กำหนดเองของคุณด้านล่างกฎ @import
แม้ว่าฟังก์ชันการทำงานของธีมย่อยจะเหมือนกับของธีมหลัก คุณสามารถเพิ่มคุณลักษณะใหม่และปรับแต่งได้ ธีมสำหรับเด็กจะถูกแยกออกจากธีมของผู้ปกครอง และไม่มีผู้ปกครองคนใดเข้าถึงธีมเหล่านั้นได้ การมีธีมลูกทำให้การอัปเดตและดูแลเว็บไซต์ของคุณเป็นเรื่องง่าย นอกจากนี้ยังป้องกันไม่ให้คุณเขียนทับและสูญเสียรูปลักษณ์ของเว็บไซต์ของคุณ ทุกสิ่งที่คุณทำกับธีมลูกจะคัดลอกมาจากธีมหลัก ซึ่งรวมถึง ไฟล์เทมเพลต ฟังก์ชัน และเนื้อหาทั้งหมด รวมถึงเนื้อหา JavaScript ในกรณีส่วนใหญ่ คุณเพียงแค่เพิ่มโค้ดสองสามบรรทัดลงในไฟล์ style.html
หนึ่งในวิธีที่รวดเร็วที่สุดในการสร้างธีมลูกของ WordPress คือการใช้ปลั๊กอิน หากต้องการเลือกธีมหลัก ให้คลิกที่เมนูดรอปดาวน์ หากคุณมี หลายธีม ในไซต์ของคุณ อย่าลืมเลือกธีมที่คุณต้องการปรับแต่ง หลังจากนั้น คุณควรดำเนินการตั้งชื่อธีมของบุตรหลานและเขียนคำอธิบายให้เสร็จสิ้น หน้านี้ยังอนุญาตให้คุณส่งคำขอรับการสนับสนุนหรือการวิเคราะห์ข้อมูลดิบไปยังผู้สร้างปลั๊กอิน ขั้นตอนต่อไปนี้อาจไม่สามารถดำเนินการได้หากธีมที่คุณใช้ในฐานะผู้ปกครองเป็นแบบพรีเมียมหรือแบบจำกัด หากคุณต้องการเปลี่ยนแปลงเว็บไซต์ ตรวจสอบให้แน่ใจว่าได้สำรองข้อมูลการตั้งค่าทั้งหมดแล้ว
ในการสร้างธีมลูกของ WordPress คุณสามารถทำการเปลี่ยนแปลงทั้งหมดที่คุณต้องการในระดับที่เป็นส่วนตัวมากขึ้น สร้างโฟลเดอร์สำหรับธีมลูกของคุณก่อน ขั้นตอนที่สองคือการสร้างสไตล์ชีตสำหรับธีมของบุตรหลาน อัปโหลด สไตล์ชีตของธีม หลักและรอง ไฟล์ style.css ซึ่งขณะนี้อยู่ในโฟลเดอร์ไดเร็กทอรีที่คุณเพิ่งสร้างขึ้น จะต้องอยู่ในขั้นตอนถัดไป จำเป็นต้องเปิดใช้งานธีมลูกในขั้นตอนที่ 5 โดยไปที่ Appearance การใช้ธีมลูกเป็นวิธีที่มีประสิทธิภาพในการหลีกเลี่ยงการแก้ไขธีมหลักโดยตรง
ด้วย ธีม ย่อย คุณสามารถทำการเปลี่ยนแปลงต่างๆ ในเว็บไซต์ที่มีอยู่โดยไม่ต้องเรียนรู้ภาษาโปรแกรมใดๆ นอกจากบริการโฮสติ้งที่เหมาะสมแล้ว คุณจะต้องมีบริการที่เหมาะกับความต้องการของคุณ สำหรับแผนการแชร์โฮสติ้งราคาประหยัดที่ให้ความสำคัญกับประสิทธิภาพของเว็บไซต์ อย่ามองข้าม DreamHost
ข้อดีและข้อเสียของการใช้ธีมเด็ก
มีข้อดีมากมายในการใช้ธีมลูก หากคุณต้องการเทมเพลต เทมเพลตเหล่านี้สามารถปรับแต่งให้ตรงกับความต้องการเฉพาะของคุณ หรือคุณจะรับธีมที่ออกแบบไว้ล่วงหน้าก็ได้ นอกจากนี้ พวกเขาสามารถช่วยคุณในการจัดระเบียบไซต์ของคุณโดยการจัดเก็บการเปลี่ยนแปลงทั้งหมดที่คุณทำกับธีมของคุณในที่เดียว
แม้ว่าที่จริงแล้ว WordPress อาจไม่สนับสนุนธีมย่อย แต่ก็เป็นเครื่องมือที่ทรงพลังและช่วยประหยัดเวลาได้อย่างแน่นอน
ธีมลูกคืออะไร
ธีมลูกคือธีมที่สืบทอดฟังก์ชันการทำงานและการกำหนดสไตล์ของธีมอื่น ที่เรียกว่าธีมหลัก ธีมย่อยมักใช้เมื่อคุณต้องการเปลี่ยนแปลงธีมที่มีอยู่ โดยไม่สูญเสียความสามารถในการอัปเดตธีมหลัก
ทำไมคุณควรใช้ธีมเด็ก
ข้อดีอย่างหนึ่งของการใช้ธีมลูกคือ ลูกของคุณจะสามารถเคลื่อนไหวได้รวดเร็วขึ้นมาก แทนที่จะเขียนทุกอย่างด้วยตัวเอง คุณต้องพึ่งพาผู้ปกครองเพื่อทำหน้าที่เป็นกระดูกสันหลังและทำการเปลี่ยนแปลงที่จำเป็นตามความจำเป็น วิธีนี้ยังสามารถช่วยให้คุณรักษาธีมของคุณให้สอดคล้องและเป็นระเบียบ ทำให้คุณสามารถเพิ่มคุณลักษณะใหม่หรือเปลี่ยนแปลงธีมที่มีอยู่ได้ง่ายขึ้น