วิธีการติดตั้งธีมลูกใน WordPress

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

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

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

ฉันจะอัปโหลดธีมลูกไปยัง WordPress ได้อย่างไร

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

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

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

คุณจำเป็นต้องรับช่วงข้อมูลจากสไตล์ชีตของธีมหลักของคุณเพื่อเข้าถึงคุณลักษณะนี้ ไม่ว่าในกรณีใด จะต้องปฏิบัติตามกฎ CSS และ @import หากคุณทำทุกอย่างถูกต้องแล้ว คุณควรรู้สึกมั่นใจว่าธีมลูกจะคล้ายกับธีมหลัก ตอนนี้เราสามารถเริ่มปรับแต่งธีมของเราและทำการเปลี่ยนแปลงเพื่อให้ได้ผลลัพธ์ที่เราต้องการ เราจะพิจารณาตัวเลือกการปรับแต่งที่หลากหลายในบทความของเรา คุณสามารถเพิ่มสไตล์ที่กำหนดเองลงในธีมย่อยได้ ซึ่งจะแทนที่สไตล์เริ่มต้นในธีมหลัก คุณสามารถทำการเปลี่ยนแปลงประเภทใดก็ได้ในเว็บไซต์ของคุณโดยใช้วิธีนี้

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

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

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

ฉันควรติดตั้ง WordPress Child Theme หรือไม่

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

WordPress Child Theme

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

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

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

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

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

การพัฒนาความรู้ความเข้าใจเบื้องต้นรวมถึงการได้มาซึ่งความรู้พื้นฐานและทักษะ เช่น ความสามารถในการให้เหตุผล เข้าใจสัญลักษณ์และความสัมพันธ์ และแก้ปัญหาต่างๆ เช่น ที่อธิบายไว้ใน Sieler et al., 2014 (. การพัฒนาความรู้ความเข้าใจคงอยู่ชั่วชีวิต และอัตรา และรูปแบบการเติบโตของแต่ละคนมีเอกลักษณ์เฉพาะตัว (Siegler et al., 2009) การใช้ Infant Theme Editor ผู้ปกครองและผู้ดูแลสามารถอำนวยความสะดวกและสนับสนุนการพัฒนาความรู้ความเข้าใจในเด็ก ผู้ปกครองและผู้ดูแลสามารถใช้ Infant Theme Editor ได้ฟรีเพื่ออำนวยความสะดวกและ สนับสนุนการพัฒนาความรู้ความเข้าใจของเด็ก Infant Theme Editor เป็นเครื่องมือที่ยอดเยี่ยมสำหรับผู้ปกครองและผู้ดูแลในการแก้ไขไฟล์ของธีมได้อย่างง่ายดายโดยไม่ต้องเรียนรู้ CSS หรือ HTML Infant Theme Editor นอกจากจะเป็นเครื่องมือที่ยอดเยี่ยมสำหรับผู้ปกครองและผู้ดูแลแล้ว ช่วยให้คุณเปลี่ยนแปลงไฟล์ธีมได้โดยไม่ต้องเรียนรู้ HTML หรือ CSS

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

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

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

ในการสร้างธีมลูกของ WordPress โดยไม่ต้องใช้ปลั๊กอิน คุณจะต้องสร้างไฟล์สองไฟล์เท่านั้น: สไตล์และไฟล์ ฟังก์ชั่นและ CSS สามารถพบได้ในเนื้อหาของเอกสาร ธีมลูกถูกโฮสต์ในไดเร็กทอรี/โฟลเดอร์ที่มี php.ini ในโฟลเดอร์ธีมของคุณ ซึ่งอยู่ที่ “/WP-content/themes” คุณสามารถสร้าง โฟลเดอร์ธีมใหม่ ได้

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

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

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

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

WordPress ต้องการธีมลูกหรือไม่?

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

วิธีเพิ่มไฟล์ Css ใน WordPress Child Theme

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

ในบทช่วยสอนนี้ คุณจะได้เรียนรู้วิธีใส่สไตล์ชีตสำหรับผู้ปกครองในธีมของบุตรหลาน วิธี @import ซึ่งมีชุดคำเตือนและ gotchas ของตัวเองนั้นยังไม่ได้รับการพัฒนาให้ดีนักในหมู่นักพัฒนา แทนที่จะนำเข้า style.html ให้ใช้วิธีการ enqueue เพื่อนำเข้า style.html จากไฟล์ของธีมลูก ในบทช่วยสอนนี้ เราจะเรียนรู้วิธีจัดคิวสไตล์ชีตในธีมย่อย บทช่วยสอนนี้จะก้าวไปอีกขั้นด้วยการเพิ่มทั้งสไตล์ลูกและแม่ในธีมลูก WordPress จะโหลดสไตล์ลูกโดยเร็วที่สุดเนื่องจาก WordPress กำหนดสไตล์หลัก ตามแนวทางปฏิบัติที่ดีที่สุด เป็นการดีที่สุดที่จะลงทะเบียนสไตล์ชีตของคุณก่อนที่จะจัดคิวหากคุณกำลังพัฒนาธีมสำหรับการแจกจ่าย

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