WordPress Child Theme Guide ฉบับสมบูรณ์

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


  • ธีมเวิร์ดเพรสสำหรับเด็กคืออะไร
  • ข้อดีของธีมเด็ก WordPress
  • Demerits ของธีมลูก WordPress
  • วิธีการสร้างธีมลูก WordPress
  • WordPress ธีมเด็กทรัพยากร

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

ดังนั้นอะไรคือธีมลูก WordPress?

ธีมลูกของเวิร์ดเพรสนั้นเป็นธีมของเวิร์ดเพรสที่“ ยืม” ไฟล์เทมเพลตและฟังก์ชั่นการใช้งานจากธีมเวิร์ดเพรสอื่นที่เรียกว่าธีมหลัก ยังไม่ได้ชกต่อยฉันจะอธิบายทุกอย่างอย่างละเอียดตามที่ฉันสัญญา.

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

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

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

กำลังเดินทางไป…

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

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

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

/ *
ชื่อชุดรูปแบบ: ชื่อของชุดรูปแบบลูกของคุณ (เช่นชุดรูปแบบลูกทั้งหมด)
URI ของธีม: http://www.example.com (URL ของธีมลูกของคุณ)
คำอธิบาย: คำอธิบายสั้น ๆ ของธีมลูกของคุณ
ผู้เขียน: ชื่อของคุณไปที่นี่
แม่แบบ: ชื่อไดเรกทอรีธีมหลักของคุณ (เช่นทั้งหมดยี่สิบสี่ ฯลฯ )
เวอร์ชัน: 1.0.0
* /

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

แม่แบบ: ชื่อไดเรกทอรีธีมหลักของคุณ (เช่นทั้งหมดยี่สิบสี่ ฯลฯ )

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

พอจะพูดได้หากไม่มีบรรทัดนี้คุณจะไม่มีธีมลูก คุณมีโฟลเดอร์และไฟล์ style.css ทั่วไป.

โดยสรุปบรรทัดแม่แบบสืบทอด (ส่วนใหญ่) ชุดรูปแบบหลักของคุณเมื่อคุณเปิดใช้งานชุดรูปแบบของเด็ก การเปลี่ยนแปลงทั้งหมดที่คุณทำกับธีมลูกของคุณจะไม่ได้รับผลกระทบหาก / เมื่อคุณอัปเดตธีมหลัก คุณชอบคำอธิบายนั้นอย่างไร คุณกำลังติดตามหรือไม่ชัดเจนเพียงพอหรือไม่ หากคุณอยู่กับฉันไปต่อไปที่ข้อดีและข้อเสียของธีมเด็ก WordPress.

ประโยชน์ของการใช้ธีมลูกคืออะไร?

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

ความสำเร็จ

อัพเดตที่ปลอดภัย

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

ธีมลูกสามารถขยายได้อย่างง่ายดาย

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

ธีมลูกเป็นทางเลือกที่ปลอดภัย

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

สิ่งที่เป็นลบของการใช้ชุดรูปแบบของเด็ก?

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

มี Curve การเรียนรู้

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

สิ่งต่าง ๆ หรือถูกทิ้งไว้ข้างหลัง

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

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

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

ฉันต้องการสมมติว่าคุณเป็นเชิงรุกและได้สร้างโฟลเดอร์และไฟล์ “the” พิเศษ style.css สำหรับธีมลูกของคุณ หากคุณข้ามไปที่ส่วนนี้ (หรือกำลังรอส่วนนี้อย่างเร่งด่วน) โปรดเปิดไดเรกทอรีธีม WordPress ของคุณผ่าน FTP / SFTP (… / wp-content / themes) และสร้างโฟลเดอร์ที่คุณจะเก็บธีมลูกของคุณ.

บันทึก: คุณสามารถเข้าถึงไดเรกทอรีธีมผ่านตัวจัดการไฟล์ใน cPanel ของคุณ หรือคุณสามารถใช้ไคลเอนต์ FTP เช่น FileZilla หากคุณเปิดใช้งานบัญชี FTP.

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

/ *
ชื่อชุดรูปแบบ: ชื่อของชุดรูปแบบลูกของคุณ (เช่นชุดรูปแบบลูกทั้งหมด)
URI ของธีม: http://www.example.com (URL ของธีมลูกของคุณ)
คำอธิบาย: คำอธิบายสั้น ๆ ของธีมลูกของคุณ
ผู้เขียน: ชื่อของคุณไปที่นี่
แม่แบบ: ชื่อไดเรกทอรีธีมหลักของคุณ (เช่นทั้งหมดยี่สิบสี่ ฯลฯ )
เวอร์ชัน: 1.0.0
* /

เป็นรหัสเดียวกับที่เราใช้ก่อนหน้านี้.

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

ฟังก์ชัน total_child_enqueue_parent_theme_style () {

// รับหมายเลขเวอร์ชันของสไตล์ชีทหลัก (อนุญาตให้เบราว์เซอร์ทำการแคชสไตล์ชีทของคุณอีกครั้งเมื่อคุณอัพเดตธีม)
$ theme = wp_get_theme ('ทั้งหมด');
$ version = $ theme-> get ('Version');

// โหลดสไตล์ชีท
wp_enqueue_style ('สไตล์ผู้ปกครอง', get_template_directory_uri (). '/ style.css', อาร์เรย์ (), $ version);

}
add_action ('wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style');

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

ปรับแต่งธีมลูกของคุณ

เด็ก-theme-การปรับแต่ง

ตอนนี้มาสนุกกัน คุณมักจะสร้างธีมลูกของคุณเพื่อปรับแต่งดังนั้นดำน้ำมา!

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

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

และนั่นคือมัน.


เพื่อห่อสิ่งที่ …

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

ออกแบบและสนุกไปกับมันและอย่าออกไปก่อนที่จะแบ่งปันกับเราในความคิดเห็นด้านล่าง เรารักและให้คุณค่ากับความคิดเห็นของคุณ��

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map