วิธีสร้างธีมลูก WordPress
ทำไมคุณไม่ควรกำหนด WordPress เองในธีมหลักที่มีอยู่ จะเกิดอะไรขึ้นกับการปรับแต่งของคุณเมื่ออัพเดตธีมที่คุณใช้อยู่?
คำตอบคือมันหายไปและการทำงานอย่างหนักของคุณในการสร้างเว็บไซต์ของคุณตามแนวทางแบรนด์และการส่งข้อความและการตั้งค่าของคุณก็จะหายไปเช่นกัน
<รูป class =" lazy aligncenter ">
A ธีมลูกช่วยให้คุณสามารถสร้างสไตล์ชีท CSS แยกต่างหาก และเพิ่มฟังก์ชันการทำงานเพิ่มเติมที่จะไม่สูญหายหรือ รับผลกระทบเมื่อมีการอัปเดตชุดรูปแบบหลัก
ซึ่งสามารถทำได้ด้วยตนเองหรือติดตั้งปลั๊กอินผู้สร้างชุดรูปแบบลูก มาเริ่มด้วยกระบวนการแบบแมนนวล
สร้างไดเรกทอรีใหม่
เริ่มต้นด้วยการสร้างไดเรกทอรีใหม่สำหรับธีมลูกของคุณ คุณสามารถใช้ ไคลเอนต์ FTP หรือเข้าถึงไดเรกทอรี wp-content / themesที่มีอยู่ผ่าน cPanel ของคุณ
หากต้องการใช้ cPanel ให้ไปที่แผงควบคุมการโฮสต์ของคุณ . เลือก ตัวจัดการไฟล์และไปที่ไดเรกทอรีที่ติดตั้ง WordPress
In_content_1 ทั้งหมด: [300x250] / dfp: [640x360]->
โดยปกติจะอยู่ในไดเรกทอรีชื่อ public_htmlค้นหาและเปิดโฟลเดอร์ wp-contentคลิกที่ สร้างโฟลเดอร์ใหม่และป้อนชื่อสำหรับธีมลูกของคุณ อย่าลืมตั้งชื่อที่คุณจะจำได้ในภายหลัง ตัวอย่างที่ดีคือ nameofparenttheme-child
อย่ารวมช่องว่างใด ๆ ในชื่อไฟล์ของคุณเพื่อหลีกเลี่ยงข้อผิดพลาด
เนื่องจากการจัดการภายใน ชื่อโฟลเดอร์จะต้องมีชื่อของชุดรูปแบบหลัก (ชุดรูปแบบ 'กระสุน') ดังแสดงในตัวอย่างด้านล่าง
<รูป class = "lazy aligncenter">
สร้างสไตล์ชีท CSS
สไตล์ชีทใช้ในธีม WordPress ด้วยเหตุผลสองประการ
เป็นที่ตั้งของสไตล์ที่มีผลต่อลักษณะที่ไซต์ของคุณมอง
สไตล์ชีทหลักของชุดรูปแบบคือตำแหน่งที่ WordPress มองหาข้อมูลเกี่ยวกับธีม
คุณอาจไม่ต้องการเพิ่มสไตล์ใหม่ในธีมลูก อย่างไรก็ตามสไตล์ชีทยังคงต้องมีอยู่เพื่อกำหนดเฉพาะเช่นชื่อธีมและชื่อธีมหลักของคุณ
ดังนั้นคุณต้องสร้างสไตล์ชีทใหม่สำหรับธีมลูกของคุณ ดังนั้นขั้นตอนต่อไปของคุณคือการสร้างไฟล์ข้อความสำหรับสไตล์ชีท CSS ที่จะกำหนดกฎที่ควบคุมรูปลักษณ์ของธีมลูกของคุณ
ไฟล์ CSS ของธีมลูกจะมีความสำคัญเหนือกว่าธีมหลัก
คุณต้องรวม ข้อมูลต่อไปนี้ในไฟล์ข้อความของคุณ:
ชื่อธีมของคุณ
ชื่อของไดเรกทอรีธีมหลัก
ชื่อและคำอธิบายที่ สมเหตุสมผลแล้ว
ตรวจสอบให้แน่ใจว่าได้รวมสไตล์ชีทไว้ในข้อคิดเห็นของส่วนหัวต่อไปนี้ที่ด้านบนของไฟล์ WordPress จะอ่านข้อมูลนี้และรู้ว่ามีการใช้ชุดรูปแบบของเด็ก
คุณต้องการให้ความสนใจกับเทมเพลต แท็ก มันบอก WordPress ว่าธีมหลักของลูกคุณคืออะไร โปรดทราบว่าโฟลเดอร์ที่ธีมหลักของคุณอยู่นั้นต้องตรงตามตัวพิมพ์ใหญ่ - เล็ก
โดยทางเทคนิคคุณสามารถเปิดใช้งานธีมลูกของคุณได้แล้ว อย่างไรก็ตามหากคุณต้องการสร้างธีมลูกที่ซับซ้อนยิ่งขึ้นคุณจะต้องเพิ่มฟังก์ชั่น PHP ที่กำหนดเอง
สร้างไฟล์ function.phpในธีมลูก ( ในไดเรกทอรีเดียวกันกับไฟล์ style.cssที่คุณทำ) นี่คือสิ่งที่ควรเพิ่มรูปแบบการโพสต์เพิ่มเติม
เช่นเดียวกับไฟล์ CSS ของคุณการเปลี่ยนแปลงหรือการเพิ่มไฟล์ PHP ของคุณจะถูกรวมเข้ากับหรือแทนที่ฟังก์ชั่นของผู้ปกครองโดยอัตโนมัติ
สำหรับสิ่งต่าง ๆ เช่นรูปแบบโพสต์ที่เพิ่มด้วย add_theme_support ()มันทำหน้าที่แทนทับแทนที่จะรวม
เมื่อใช้ add_theme_support ()คุณต้องทำตามขั้นตอนเพิ่มเติมเพื่อให้แน่ใจว่าชุดรูปแบบเด็ก ๆ จะแทนที่ผู้ปกครอง
สิ่งนี้อาจซับซ้อนได้โปรดอ้างอิงทีมตรวจสอบ WordPress Theme ปัจจุบันทีมนำ โพสต์ในการใช้รูปแบบโพสต์ WordPress ของ William Patton
เพิ่มสไตล์และสคริปต์เพื่อแทนที่ฟังก์ชั่นชุดรูปแบบผู้ปกครอง
ขั้นตอนต่อไปของคุณคือเพื่อให้แน่ใจว่าชุดรูปแบบลูกของคุณสืบทอดคุณสมบัติของชุดรูปแบบหลักและ สไตล์หรือสะท้อนถึงสิ่งใหม่ที่คุณต้องการใช้
สไตล์ที่ใช้ในการเปลี่ยนรูปลักษณ์ของเว็บไซต์ของคุณ สคริปต์ปรับปรุงการทำงาน วิธีเพิ่มสไตล์และสคริปต์ในไซต์ WordPress ของคุณนั้นมีความสำคัญเท่ากับเนื้อหาของไฟล์
ฟังก์ชั่นการเข้าคิวของ WordPress เป็นวิธีการทำให้สำเร็จนี้
การเข้าคิวหมายถึงวิธีเพิ่มสไตล์และสคริปต์ในไซต์ WordPress เพื่อให้สามารถส่งผลต่อสิ่งที่ผู้ใช้เห็นเมื่อพวกเขาเยี่ยมชมเว็บไซต์ของคุณ
การใช้ปลั๊กอินจำนวนมากเพื่อให้ได้ผลลัพธ์เดียวกันมักจะนำไปสู่ ปัญหาความเข้ากันได้และไซต์ที่ใช้งานไม่ได้
Wp_enqueueไม่เพียง แต่ปรับปรุงประสิทธิภาพเว็บไซต์ของคุณโดยการลดค่าใช้จ่ายของปลั๊กอิน แต่ยังช่วยเพิ่มประสบการณ์ผู้ใช้ด้วย
วิธีใช้ 'wp_enqueue'
หากต้องการแสดงสไตล์ของธีมลูกคุณจะต้องใช้ฟังก์ชั่นที่ชื่อว่า wp_enqueue_style ()
ฟังก์ชั่นนี้ใช้ข้อมูลไม่กี่บิต แต่ที่สำคัญที่สุดคือชื่อ (หรือ 'จับ') และตำแหน่งของไฟล์
ภายในฟังก์ชั่น phpไฟล์เพิ่ม c ต่อไปนี้ ode.
<รูป class = "lazy aligncenter">
รหัสนี้เพิ่ม สไตล์ชีทจากไดเรกทอรีหลักแล้วเพิ่มสไตล์ชีทสำหรับเด็กที่เราสร้างไว้ก่อนหน้านี้ โปรดทราบว่าข้อความ สไตล์พ่อแม่ควรตรงกับชื่อของธีมหลักโดยเพิ่ม -styleไว้ที่ท้าย
เปิดใช้งานลูกของคุณ ธีม
หากคุณสร้างไฟล์สำหรับธีมลูกของคุณบนเซิร์ฟเวอร์ในโฟลเดอร์ wp-content / themes / yourthemenameโฟลเดอร์นั้นจะพร้อมใช้งานใน WordPress ของคุณ แดชบอร์ดเพื่อให้คุณเปิดใช้งาน
ลงชื่อเข้าใช้แผงควบคุมของคุณ
ไปที่ ลักษณะ>ธีม
ธีมลูกของคุณควรจะอยู่ในรายการ
li>เลือก ดูตัวอย่างเพื่อดูว่าไซต์มีลักษณะอย่างไรกับธีมลูกใหม่
เมื่อคุณพอใจกับรูปลักษณ์แล้วให้คลิก เปิดใช้งานมันจะเริ่มขึ้น
หากคุณสร้างธีมลูกของคุณที่อื่นที่ไม่ใช่บนเซิร์ฟเวอร์ในโฟลเดอร์ wp-content / themes / yourthemenameคุณควรทำการ zip โฟลเดอร์ธีมลูกใหม่
ลงชื่อเข้าใช้แดชบอร์ด WordPress ของคุณ
ไปที่ ลักษณะ>ธีม
คลิก
เข้ม>เพิ่มใหม่
เลือก อัปโหลดธีม
ลากไฟล์ซิปของคุณไปยังกล่องใหม่ที่ปรากฏขึ้นหรือคลิกตัวเลือกไฟล์และ เรียกดูบนคอมพิวเตอร์ของคุณ
เมื่ออัปโหลดแล้วคุณสามารถดูตัวอย่างได้แล้วเปิดใช้งานเพิ่มไฟล์เทมเพลต
หากต้องการแทนที่เทมเพลตอื่นคุณสามารถคัดลอกเทมเพลตจากธีมหลักไปไว้ในธีมลูก ไฟล์เท็มเพลตใด ๆ ที่มีชื่อเดียวกันในชายด์เช่นเดียวกับในพาเรนต์ทำหน้าที่แทนทับ จากนั้นปรับเนื้อหาของเทมเพลตตามต้องการ
เพื่อเพิ่มเทมเพลตใหม่ เป็นเพียงการสร้างไฟล์ใหม่ด้วยชื่อที่ถูกต้องและเพิ่มเนื้อหาของคุณเอง ส่วนข้างต้นอธิบายถึงกระบวนการแมนนวล
ตอนนี้เรามาดูวิธีสร้างธีมลูกด้วยปลั๊กอิน WordPress
ใช้ปลั๊กอิน WordPress
บันทึก ลงในแผงควบคุม WordPress ของคุณ คลิกที่ ปลั๊กอิน>เพิ่มใหม่ค้นหา ชุดรูปแบบเด็ก
<รูป class = "lazy aligncenter">
ปลั๊กอินแรกที่คุณจะเห็นคือ Child Theme Configurator นี่เป็นตัวเลือกที่ดีอย่างที่เห็นในภาพหน้าจอด้านบนเนื่องจาก:
เข้ากันได้กับ WP เวอร์ชันปัจจุบัน
มีการติดตั้งจำนวนมาก
เพิ่งได้รับการปรับปรุง
คลิกที่ ติดตั้งตอนนี้>เปิดใช้งานขั้นตอนต่อไปคือไปที่ เครื่องมือจากนั้นเลือก ธีมลูก
ค้นหาและเลือกธีมหลักของคุณจากเมนูแบบเลื่อนลง เลือก วิเคราะห์เพื่อให้แน่ใจว่าชุดรูปแบบของคุณนั้นสามารถใช้เป็นชุดรูปแบบเด็กได้
ด้านล่างนี้เป็นแบบฝึกหัดทีละขั้นตอนเกี่ยวกับวิธีตั้งค่าตัวปรับแต่งชุดรูปแบบลูก หากคุณตัดสินใจใช้ปลั๊กอิน WordPress ที่แตกต่างกันคุณสามารถค้นหาบทช่วยสอนเกี่ยวกับวิธีตั้งค่าได้อย่างง่ายดาย
<รูป class = "ขี้เกียจ wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-width-16-9 WP- มีอัตราส่วนภาพ ">
ตามที่คุณทราบแล้วชุดรูปแบบลูกเป็นชุดรูปแบบที่แตกต่างกันซึ่งขึ้นอยู่กับชุดรูปแบบหลักสำหรับฟังก์ชันการทำงานบางอย่างของพวกเขา
เมื่อคุณใช้ชุดรูปแบบลูก WordPress จะมองหาเด็กก่อนที่ผู้ปกครองและทำตามสไตล์และการทำงานของเด็กถ้ามันมีอยู่
ช่วยตัวเองมากเวลาปัญหาและปวดหัวในอนาคตเมื่อชุดรูปแบบผู้ปกครองปรับปรุงด้วย การสร้างเด็กที่จะไม่ได้รับผลกระทบจากการอัปเดต
วิธีการสร้าง Theme WordPress Step By Step ขั้นเริ่มต้น
กระทู้ที่เกี่ยวข้อง: