ทำไมคุณควรสร้างธีมเด็กและเคล็ดลับเพื่อให้ง่ายขึ้น [WordPress]

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

ธีมย่อยคืออะไร

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

เมื่อคุณทราบแล้วว่าธีมย่อยคืออะไร มาดูวิธีสร้างธีมย่อยและแนวทางปฏิบัติที่ดีที่สุดบางวิธีในบางส่วนกัน

เริ่มต้นใช้งาน

ฉันจะใช้ธีม Twenty Fifteen สำหรับบทช่วยสอนนี้ แต่จะใช้ได้กับธีมใดๆ ที่คุณเลือกใช้

ในการสร้างธีมย่อย เพียงไปที่ไดเร็กทอรี "wp-content/themes" และสร้างโฟลเดอร์ใหม่สำหรับธีมย่อยของคุณ คุณจะตั้งชื่อโฟลเดอร์ว่า "twentyfifteen-child" หรืออะไรทำนองนั้น

ถัดไป คุณจะต้องสร้างไฟล์ “style.css” ภายในโฟลเดอร์ธีมลูกใหม่และเติมไฟล์ด้วยเนื้อหาต่อไปนี้:

/*
Theme Name:     Twenty Fifteen Child 
Theme URI:      https://www.maketecheasier.com
Description:    Twenty Fifteen Child
Author:         Ayo Isaiah 
URI:            https://www.maketecheasier.com/author/ayoisaiah
Template:       twentyfifteen
Version:        1.0.0
*/

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

ในกรณีนี้ ชื่อไดเร็กทอรีสำหรับธีมหลักของเราคือ "twentyfifteen" ดังนั้นเทมเพลตจะเป็น "twentyfifteen" หากคุณใช้ธีมอื่น อย่าลืมอัปเดตเทมเพลตให้สอดคล้อง มิฉะนั้นธีมย่อยของคุณจะพัง

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

วิธีที่ดีที่สุดในการจัดคิวรูปแบบธีมหลักคือการสร้างไฟล์ “functions.php” ในโฟลเดอร์ธีมลูกของคุณ และเพิ่มเนื้อหาต่อไปนี้:

<?php
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>

เคล็ดลับคือการแทนที่ "parent-style" ด้วยไดเร็กทอรีของธีมหลักของคุณและตามด้วย "-css" ในตอนท้าย ในกรณีของเรา "parent-style" จะถูกแทนที่ด้วย "twentyfifteen-css"

แค่นั้นแหละ; ธีมลูกของคุณพร้อมเปิดใช้งานแล้ว

เปิดใช้งานธีมลูกของคุณ

การเปิดใช้งานธีมลูกเป็นกระบวนการเดียวกับธีมปกติ เพียงไปที่ “ลักษณะที่ปรากฏ -> ธีม” บนแดชบอร์ด WordPress และเปิดใช้งานธีมลูกของคุณ

การสร้างธีมลูกด้วยปลั๊กอิน

หากคุณต้องการเร่งกระบวนการสร้างธีมลูก คุณสามารถใช้ปลั๊กอินฟรีเพื่อสร้างธีมให้คุณโดยอัตโนมัติ One-Click Child Theme ทำให้ทำสิ่งนี้ได้ง่ายเพียงคลิกปุ่ม เพียงติดตั้งและเปิดใช้งานปลั๊กอิน จากนั้นไปที่ "ลักษณะที่ปรากฏ -> ธีมย่อย" บนแดชบอร์ด และกรอกแบบฟอร์มบนหน้าพร้อมรายละเอียดที่เกี่ยวข้องเกี่ยวกับธีมย่อยของคุณ เมื่อเสร็จแล้ว ให้กดปุ่ม "สร้างลูก" เพื่อสร้างและเปิดใช้งานธีมลูกของคุณ

การปรับแต่ง

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

หากคุณต้องการเพิ่มฟังก์ชันใหม่ให้กับเว็บไซต์ของคุณ คุณจะต้องประกาศฟังก์ชันในไฟล์ "function.php" ของธีมลูกของคุณ ซึ่งจะโหลดอยู่ข้างไฟล์ "function.php" ของธีมหลัก

ไฟล์เทมเพลตอื่นๆ

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

บรรทัดล่างสุด

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