วิธีคัดลอกไฟล์ธีมไปยังธีมลูกใน WordPress

เผยแพร่แล้ว: 2022-10-22

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

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

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

ฉันจะเพิ่มไฟล์ในธีมลูกได้อย่างไร

เครดิต: Sublime Text

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

ทำไมคุณไม่จำเป็นต้องติดตั้งธีมลูกใน WordPress

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

WordPress ธีมสำหรับผู้ปกครองและเด็กต่างกันอย่างไร?

เครดิต: riccialexis.com

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

ธีมลูกสามารถปรับแต่งได้ และการเปลี่ยนแปลงไฟล์ style.css หรือ functions.php สามารถทำได้ตามข้อกำหนดของคุณ ด้วยเหตุนี้ นักพัฒนาและนักออกแบบจึงสามารถปรับแต่งธีมได้ในขณะที่ยังคงรักษาเทมเพลตเดิมไว้ กล่าวอีกนัยหนึ่ง ธีมย่อยถูกสร้างขึ้นเพื่อทำการเปลี่ยนแปลงกับธีมหลักในรูปแบบเล็กๆ แต่ เทมเพลตของธีมหลักดั้งเดิม ยังคงไม่เสียหาย เนื่องจากธีมลูกไม่มีไฟล์ขนาดใหญ่และมีเพียงสองไฟล์เท่านั้น จึงมีประโยชน์ในการประหยัดเวลาและเรียนรู้สิ่งใหม่ได้อย่างรวดเร็ว นอกจากนี้ยังช่วยลดระยะเวลาที่ใช้ในการค้นหาข้อมูลในกระบวนการดีบักอีกด้วย ตรงกันข้ามกับธีมลูก ซึ่งขึ้นอยู่กับธีมพาเรนต์โดยสิ้นเชิง ธีมพาเรนต์ไม่มีการควบคุมการทำงานของธีมย่อย ธีมย่อยไม่มีไฟล์ทั้งหมด แต่มีไฟล์สองไฟล์ - style.html และ function.html เป็นไปได้ที่จะทำงานกับธีมหลังจากที่ผู้พัฒนาได้ลบธีมนั้นเป็นโครงการโอเพ่นซอร์ส ตรงกันข้ามไม่ใช่กรณี เนื่องจากธีมหลักไม่จำเป็นต้องมีธีมลูก

WordPress Child Theme

เครดิต: createwptheme.com

ธีมลูกของ WordPress เป็นธีมที่สืบทอดฟังก์ชันการทำงานของธีมอื่น เรียกว่าธีมหลัก ธีม ย่อยมักใช้เมื่อคุณต้องการเปลี่ยนแปลงธีมที่มีอยู่

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

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

ขั้นตอนแรกคือการสร้างโฟลเดอร์สำหรับธีมลูกของคุณ ขั้นตอนที่ 2 คือการสร้างสไตล์ชีตสำหรับธีมของบุตรหลาน ตรวจสอบเพื่อดูว่าสไตล์ชีตสำหรับธีมหลักและธีมย่อยพร้อมหรือยัง โดยการคัดลอกไฟล์ style.css ไปยังโฟลเดอร์ไดเร็กทอรีของคุณ คุณจะสามารถเข้าถึงได้ง่ายขึ้นในขณะนี้ ในขั้นตอนที่ 5 ไปที่ ลักษณะที่ปรากฏ ธีมลูกมีประโยชน์เพราะช่วยปรับปรุงกระบวนการแก้ไขธีมหลักได้โดยตรง ความง่ายในการปรับธีมย่อยช่วยให้คุณทำการเปลี่ยนแปลงที่สำคัญในเว็บไซต์ที่มีอยู่โดยใช้ธีมย่อย

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

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

วิธีการสร้างธีมเด็ก

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

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

ผู้ใช้ใหม่อาจไม่แน่ใจว่าจะตรวจสอบโค้ด HTML และ CSS บนหน้าเว็บได้อย่างไร มีสองวิธีในการค้นหาโค้ดดังกล่าว: ผ่าน Chrome หรือ Firefox Inspector หรือจากไฟล์ style.css ของธีมโดยตรง เมื่อเราเปลี่ยนสีพื้นหลังของหน้า โค้ดเดิมของเราคือ: '-color-background' ตัวแปรสามารถใช้ได้ในหลายตำแหน่งตลอดทั้งธีม ใน style.css ของธีมพาเรนต์ มีตัวแปรสีมากมายเหลือเฟือ คุณสามารถปรับแต่งธีมลูกของคุณได้อย่างง่ายดายโดยใช้ตัวแปรเหล่านี้ หากต้องการเปลี่ยนสีในตำแหน่งเหล่านี้ทั้งหมดพร้อมกัน เพียงแค่เปลี่ยนค่าของตัวแปร

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

ประโยชน์ของธีมเด็ก

ธีมลูกนั้นง่ายต่อการติดตั้งและใช้งาน และคุณสามารถแก้ไขได้โดยไม่ต้องแก้ไขโค้ด คุณสามารถแก้ไข/ปรับแต่งธีม WordPress ของคุณโดยไม่ต้องแก้ไขไฟล์ธีมของคุณโดยใช้ธีมย่อย

วิธีสร้างธีมลูกใน WordPress โดยไม่ต้องใช้ปลั๊กอิน

ฟังก์ชั่นและ css เป็นองค์ประกอบหลักสองประการของ CSS ไฟล์ php ควรอยู่ในไดเร็กทอรี/โฟลเดอร์ธีมลูก โฟลเดอร์ธีม ต้องอยู่ในไดเร็กทอรี "/ WP-content/themes" ไม่มีใครสามารถเขียนทับปลั๊กอินที่กำหนดเองได้ และวิธีเดียวในการปรับแต่งสิ่งที่คุณสร้างขึ้นคือการคัดลอกเนื้อหาของเขาและปรับแต่งด้วยตัวเอง

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

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

ฉันจะแทนที่ปลั๊กอินในธีมลูกได้อย่างไร

ฉันจะเพิ่มไฟล์ในธีมลูกได้อย่างไร

ไฟล์ใดที่จำเป็นหากคุณต้องการสร้างธีมลูก

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

การเพิ่มไฟล์ให้กับธีมลูก

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