วิธีสร้างธีม WordPress สำหรับเด็ก

การสร้างธีม WordPress สำหรับเด็กเป็นวิธีที่ยอดเยี่ยมในการปรับแต่งธีม WordPress ที่มีอยู่โดยไม่ต้องสร้างธีมใหม่ตั้งแต่ต้น ด้วยการสร้างธีมลูก คุณสามารถเปลี่ยนแปลงโค้ด CSS และ PHP ได้โดยไม่กระทบต่อธีมหลัก สิ่งนี้มีประโยชน์อย่างยิ่งหากคุณต้องการเปลี่ยนแปลงธีมที่มีอยู่ซึ่งคุณวางแผนจะใช้เป็นเวลานาน มีบางสิ่งที่คุณจำเป็นต้องรู้ก่อนจึงจะสามารถสร้างธีม WordPress สำหรับเด็กได้ ขั้นแรก คุณต้องมีความเข้าใจพื้นฐานเกี่ยวกับ CSS และ PHP ประการที่สอง คุณต้องมีสำเนาของธีมหลักที่คุณต้องการสร้างธีมย่อย สุดท้าย คุณต้องมีโปรแกรมแก้ไขข้อความ เช่น Notepad++ หรือ Sublime Text เมื่อคุณมีไฟล์ที่จำเป็นทั้งหมดแล้ว คุณสามารถเริ่มสร้างธีมลูกของคุณได้ สิ่งแรกที่คุณต้องทำคือสร้างโฟลเดอร์ใหม่ในไดเร็กทอรี WordPress ของคุณ โฟลเดอร์นี้จะเก็บไฟล์ทั้งหมดสำหรับธีมลูกของคุณ ถัดไป คุณต้องสร้างไฟล์ style.css และไฟล์ functions.php ไฟล์สองไฟล์นี้จำเป็นสำหรับธีม WordPress ทุกชุด ในไฟล์ style.css คุณจะต้องมีสิ่งต่อไปนี้: /* ชื่อธีม: My Child Theme Theme URI: http://example.com/my-child-theme/ คำอธิบาย: นี่คือธีมลูกของฉัน ผู้แต่ง: John Doe ผู้แต่ง URI: http://example.com แม่แบบ: ยี่สิบสอง */ บรรทัดแรกคือชื่อธีมลูกของคุณ บรรทัดที่สองคือ URI ของธีมลูกของคุณ บรรทัดที่สามคือคำอธิบายสั้น ๆ เกี่ยวกับธีมลูกของคุณ บรรทัดที่สี่คือผู้เขียนธีมลูกของคุณ บรรทัดที่ห้าคือ URI ของผู้เขียน บรรทัดที่หกคือชื่อของชุดรูปแบบหลัก ในกรณีนี้ ธีมหลักคือยี่สิบสิบสอง สิ่งต่อไปที่คุณต้องทำคือเปิดไฟล์ functions.php และเพิ่มสิ่งต่อไปนี้: add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); ฟังก์ชั่น my_theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . ' /style.css' ); } ? > รหัสนี้บอกให้ WordPress โหลดสไตล์ชีตของธีมหลักหลังธีมลูก

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

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

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

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

การสร้าง ธีมปู่ย่าตายาย เป็นไปไม่ได้ในความหมายปกติ กล่าวคือ แม้ว่าข้อเท็จจริงที่ว่า Smashing Magazine ระบุไว้ในปี 2013 (และคนอื่นๆ ได้กล่าวไว้ตั้งแต่นั้นเป็นต้นมา) ดูเหมือนว่าเป็นไปไม่ได้ในทางเทคนิค

ธีมลูกใน WordPress คืออะไร?

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

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

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

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

ประโยชน์ของการสร้างธีมเว็บไซต์ WordPress ของคุณ

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

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

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

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

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

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

ความแตกต่างระหว่างธีม WordPress และธีมลูกคืออะไร?

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

ฉันต้องการธีม Divi Child หรือไม่?

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

ธีมเด็ก WordPress

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

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

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

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

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

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

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