วิธีสร้าง WordPress Child Theme & ทำไมคุณถึงต้องการ

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

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

ธีมเด็กคืออะไร?

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

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

ทำไมคุณต้องสร้างธีมลูกของ WordPress?

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

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

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

คุณต้องสร้างธีมลูกเมื่อใด

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

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

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

วิธีสร้างธีมลูก WordPress

ในการสร้างธีมลูก WordPress เราต้องหมุนรอบ 3 ประเด็นหลัก:

1. ไดเร็กทอรีธีมลูก

2. สไตล์ชีต (style.css)

3. functions.php

ขั้นตอนแรกในการสร้างธีมลูกคือการสร้างไดเร็กทอรีใน wp-content/themes มันจะดีกว่าถ้าไดเร็กทอรีธีมลูกมีชื่อเรื่องของธีมหลักและส่วนท้ายของ "ลูก"

ลองใช้ธีม SKT Perfect เป็นตัวอย่าง

ในกรณีนี้ เราจะตั้งชื่อธีมลูกของเราว่า " skt-perfect-child ” (กรุณาตรวจสอบส่วนที่ไฮไลท์)

นอกจากนี้ คุณต้องสร้างสไตล์ชีตของธีม (ไฟล์ style.css) สไตล์ชีตควรเริ่มต้นด้วยสิ่งต่อไปนี้:

 *
 ชื่อกระทู้: SKT Perfect Child
 URI ธีม: http://mysite.com/skt-perfect-child/
 คำอธิบาย: SKT Perfect Child Theme
 ผู้เขียน: จอห์น สมิธ
 URI ผู้แต่ง: http://mysite.com
 แม่แบบ: sktperfect
 เวอร์ชัน: 1.0.0
 ใบอนุญาต: GPL
 URI ใบอนุญาต: http://www.gnu.org/licenses/gpl-2.0.html
 แท็ก: สมบูรณ์แบบ, ตอบสนอง, วิดเจ็ตที่เป็นมิตร
 โดเมนข้อความ: skt-perfect-child
*/

อย่าลืมเพิ่มรายละเอียดของคุณเองในขณะที่จัดการกับส่วนนี้ของสไตล์ชีต

ไฟล์สุดท้ายที่เราต้องสัมผัสคือ functions.php ในการจัดคิวสไตล์ชีตธีมพาเรนต์คือการเพิ่ม wp_enqueue_scripts action (https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts)
และใช้ wp_enqueue_style() (https://developer.wordpress.org/reference/functions/wp_enqueue_style/) ใน functions.php ของธีมลูก

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

ตัวอย่างด้านล่างควรทำงานอย่างถูกต้อง หากธีมหลักของคุณมี style.css หลักเพียงรายการเดียว

 add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
ฟังก์ชั่น my_theme_enqueue_styles() 
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

หากมีโค้ด CSS จริงอยู่ใน style.css ของธีมลูก คุณจะต้องเพิ่มโค้ดดังกล่าวด้วย ที่จริงแล้ว คุณต้องเพิ่ม "parent-style" เป็นการพึ่งพา นี่คือตัวอย่างที่เหมาะสม:

 ฟังก์ชั่น my_theme_enqueue_styles() 

    $parent_; // นี่คือ 'skt-perfect-style' สำหรับธีม SKT Perfect 

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'สไตล์เด็ก',
        get_stylesheet_directory_uri() . '/style.css',
        อาร์เรย์( $parent_style ),
        wp_get_theme()->get('เวอร์ชัน')
    );

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

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

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

ตัวสร้างธีมเด็ก:

One Click Child Theme เป็นปลั๊กอินที่จะทำให้ชีวิตของคุณง่ายขึ้น สร้างและเรียกใช้ธีมลูกของคุณในเวลาไม่กี่นาที และด้วยการคลิกง่ายๆ เพียงไม่กี่ครั้งเพื่อหลีกเลี่ยงปัญหาอันไม่พึงประสงค์มากมาย

ตัวสร้างธีมลูกด่วน:

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

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

ตัวกำหนดค่าธีมย่อย:

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

ตรวจสอบธีมเด็ก:

สุดท้าย Child Theme Check สามารถเป็นมือขวาของคุณเมื่อต้องทำให้ธีมลูกของคุณอยู่ภายใต้การควบคุมและเฝ้าระวังอย่างต่อเนื่องทุกครั้งที่มีการเปลี่ยนแปลง