ธีมลูกสำหรับเว็บไซต์ WordPress: คำแนะนำโดยละเอียดเกี่ยวกับการสร้างธีม

เผยแพร่แล้ว: 2021-11-16

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ตรวจสอบให้แน่ใจว่าได้เพิ่มไฟล์ธีมลูกทั้งหมดลงในโฟลเดอร์นี้ ที่กล่าวว่า ไฟล์เดียวที่ธีมลูกต้องการคือการทำงานอย่างถูกต้องในไฟล์ style.css

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

/*
 ชื่อกระทู้ : ลูกยี่สิบห้า
 URI ของธีม: http://example.com/twenty-fifteen-child/
 Description: นี่คือธีมเด็ก
 ผู้เขียน: XYZ
 URI ผู้แต่ง: http://xyz.com
 แม่แบบ: ยี่สิบห้าสิบ
 เวอร์ชัน: 1.0.0
 ใบอนุญาต: GNU General Public License v2 หรือใหม่กว่า
 URI ใบอนุญาต: http://www.gnu.org/licenses/gpl-2.0.html
 แท็ก: สว่าง, มืด, สองคอลัมน์, แถบด้านข้างขวา, เลย์เอาต์ที่ตอบสนอง, การเข้าถึงพร้อมใช้งาน
 โดเมนข้อความ: ยี่สิบห้าลูก
*/

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

จุดที่ต้องจำ:

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

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

ในการจัดคิวสไตล์ชีตของธีมสำหรับผู้ปกครอง คุณจะต้องเพิ่มไฟล์การดำเนินการ wp_unique_Scripts ลงใน functions.php ลูกของคุณ และในการทำเช่นนั้น คุณจะต้องสร้าง 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' );
}

ขั้นตอนที่ 4: เปิดใช้งานธีมลูก
เมื่อคุณสร้างธีมลูกแล้ว อย่าลืมบีบอัดเป็น "twenty-fifteen-child.zip"

ไปที่แผงการดูแลระบบ WP ของคุณ > ลักษณะที่ปรากฏ > ธีม

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

ข้อดีของธีมลูก
มีข้อดีหลายประการในการใช้เส้นทางธีมย่อย:

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

ธีมลูกสำหรับ WordPress สามารถประกอบด้วยโฟลเดอร์รูปภาพ, JavaScript, CSS, ไฟล์เลย์เอาต์ และสิ่งต่างๆ มากมาย อย่างไรก็ตาม สิ่งที่น่ายินดีก็คือพวกเขาไม่ต้องการ สามารถรวมการปรับแต่งมากหรือน้อยได้ตามต้องการตามความต้องการ

อันที่จริง ธีมลูกต้องการเพียงสามสิ่งเท่านั้น นั่นคือ โฟลเดอร์ สไตล์ชีต และไฟล์ function.php แค่นั้นแหละ. นอกจากนี้ ทั้งสองไฟล์ยังสามารถว่างเปล่าได้อีกด้วย

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

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

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

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