สร้างและปรับแต่ง WordPress Child Theme

WordPress Child Themes ทำงานอย่างไร

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

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

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

ด้วยตนเอง

ในการสร้างธีมย่อยด้วยตนเอง คุณจะต้องใช้ไคลเอนต์ FTP หรือตัวจัดการไฟล์ นอกจากนี้ โปรดทราบว่าเราจะสร้างไฟล์ style.css ตามธีม Twenty Seventeen

• ผ่านไคลเอนต์ FTP หรือตัวจัดการไฟล์ เข้าถึง โฟลเดอร์ public_html > wp-content > ธีม
• ที่นี่ คุณควรสร้างโฟลเดอร์ใหม่ ข้อตกลงบอกว่าคุณควรตั้งชื่อโฟลเดอร์นี้ด้วยชื่อธีมหลัก แต่เพิ่ม -child เป็นคำต่อท้าย ที่นี่ ชื่อของโฟลเดอร์ใหม่จะเป็น ยี่สิบเจ็ดลูก
• สร้างไฟล์ style.css ภายในโฟลเดอร์และเพิ่มรหัสนี้:

 /* Theme Name: Twenty Twenty Child Theme URL: http://yourdomain.com Description: Twenty Twenty Child Theme Author: Your Name Author URL: http://yourdomain.com Template: twentytwenty Version: 1.0.0 Text Domain: twentytwenty-child */

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

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

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

การใช้ปลั๊กอินธีมลูก

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

การใช้เครื่องกำเนิดไฟฟ้าออนไลน์

การใช้ตัวสร้างธีมลูกออนไลน์ทำให้กระบวนการนี้ง่ายยิ่งขึ้น คุณเพียงแค่ต้องไปที่ https://childtheme-generator.com และทำตามขั้นตอน เมื่อคุณสร้างและดาวน์โหลดธีม ให้ไปที่ ลักษณะที่ปรากฏ>ธีม แล้วอัปโหลดและเปิดใช้งานธีมลูกของคุณ

วิธีปรับแต่งธีมลูก

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

เปลี่ยนสีพื้นหลัง

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

เปลี่ยนสีแถบด้านข้าง

นี่คือกฎ CSS ที่คุณควรแทรกเพื่อเปลี่ยนสีของแถบด้านข้าง:

หากต้องการเปลี่ยนประเภทฟอนต์ ขนาด และสีของธีมลูกของ WordPress ให้ใส่โค้ดด้านล่าง โปรดทราบว่าแท็ก p แสดงถึงข้อความย่อหน้า