วิธีการสร้างธีมลูก WordPress เงิน
เผยแพร่แล้ว: 2022-10-31หากคุณต้องการสร้างธีมลูก Argent WordPress คุณต้องทำตามขั้นตอนสองสามขั้นตอนเพื่อเริ่มต้น ขั้นแรก คุณต้องสร้างโฟลเดอร์ใหม่ในไดเร็กทอรีการติดตั้ง WordPress ของคุณ โฟลเดอร์นี้จะเก็บธีมลูกของคุณ ถัดไป คุณต้องสร้างสไตล์ชีตสำหรับธีมลูกของคุณ สไตล์ชีตนี้ควรมีชื่อว่า style.css และควรอยู่ในโฟลเดอร์ใหม่ที่คุณสร้างขึ้น ในสไตล์ชีตของคุณ คุณต้องระบุสิ่งต่อไปนี้: @import url(“../argent/style.css”); การดำเนินการนี้จะนำเข้าสไตล์ชีตของธีมหลัก Argent ลงในธีมย่อยของคุณ ถัดไป คุณต้องสร้างไฟล์ functions.php ในธีมย่อยของคุณ ไฟล์นี้ควรอยู่ในโฟลเดอร์ใหม่ที่คุณสร้างขึ้น ในไฟล์ functions.php ของคุณ คุณต้องมีสิ่งต่อไปนี้: function my_theme_enqueue_styles() { $parent_style = 'argent-style'; wp_enqueue_style( $parent_style, get_template_directory_uri() . ' /style.css' ); wp_enqueue_style( 'my-child-theme', get_stylesheet_directory_uri() . ' /style.css', array( $parent_style ), wp_get_theme()->get('Version') ); } add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); ? > รหัสนี้จะจัดคิวสไตล์ชีตของธีมลูกของคุณต่อจากสไตล์ชีตของธีมหลัก ถัดไป คุณต้องสร้างไฟล์เทมเพลตในธีมย่อยของคุณ ไฟล์นี้ควรชื่อ header.php และควรอยู่ในโฟลเดอร์ใหม่ที่คุณสร้างขึ้น ในไฟล์ header.php คุณต้องมีสิ่งต่อไปนี้: /** * ส่วนหัวสำหรับธีมของเรา * * แสดงส่วนทั้งหมดและทุกอย่างจนถึง * * @package Argent */ ? > > หากคุณเพิ่งเริ่มใช้ธีมเด็ก เราขอแนะนำให้คุณเริ่มด้วยธีมเจเนซิสแล้วแก้ไขเพื่อสร้างธีมของคุณเอง เป็นไปได้ในทางเทคนิคที่จะรวมธีมหลานเข้ากับปาร์ตี้ของคุณ แต่มันจะยาก หากคุณต้องการสร้างธีมลูกของคุณเอง คุณควรเน้นที่แต่ละธีมและกำหนดองค์ประกอบการออกแบบของคุณ ตัวอย่างเช่น สมมติว่าฉันกำลังสร้างโครงการเว็บใหม่สำหรับกลุ่มที่ปรึกษาที่เรียกว่า Smart Passive-Aggressive แม้ว่าจะมีธีมย่อยมากมายที่เหมาะกับอุปกรณ์พกพา แต่ธีม Smart Passive Income Pro ก็โดดเด่นกว่าใคร มีสี่สิ่งที่ฉันต้องทำก่อนจึงจะสามารถเปลี่ยนแปลงธีมได้ จำเป็นต้องเปลี่ยนชื่อธีมย่อยและย้ายไปยังโฟลเดอร์ที่เหมาะสม โปรดอัปเดตบล็อก doc ที่เหลืออย่างมีสไตล์ ซีเอสเอส. ไปที่โฟลเดอร์ธีมแล้วไปที่ screenshot.png ซึ่งสามารถแก้ไขได้โดยใช้โปรแกรมแก้ไขรูปภาพ คุณสามารถใส่ชื่อเต็มของคุณในฐานะผู้แต่งได้ คุณยังสามารถอัปเดต URI ผู้เขียนเพื่อแสดงโดเมนของธีม (มีประโยชน์หากนักพัฒนารายอื่นพัฒนามัน) ส่วนที่เหลือจะได้รับการจัดการในลักษณะเดียวกัน คุณต้องเปิดเผยและซื่อสัตย์กับลูกค้าว่าคุณต้องการสร้างการออกแบบและธีมแบบกำหนดเองที่สมบูรณ์สำหรับพวกเขาหรือไม่ ในฐานะนักออกแบบ คุณมีตัวเลือกในการมอบความเป็นเจ้าขององค์ประกอบกราฟิก ภาพถ่าย และการออกแบบ ตลอดจนการออกแบบที่กำหนดเองใดๆ งานที่คุณสร้าง... ไม่มีรหัส มีตะขอและตัวกรองการดำเนินการมากมายภายใน Genesis Framework ที่คุณสามารถใช้เพื่อเปลี่ยนพฤติกรรมเริ่มต้นหรือเพิ่มพฤติกรรมใหม่ คุณควรทราบเคล็ดลับบางประการในการสร้างธีมลูก หากคุณเพิ่งเริ่มต้น เอกสารรหัสของคุณในรูปแบบของเอกสารรหัส ทำสำเนาโค้ดทุกชิ้นที่คุณเขียน หากคุณกำลังทำงานบนเว็บไซต์สด คุณจะเสียเวลาหากคุณไม่ได้ใช้ WordPress ในเครื่อง ผู้คน 100 คนจะตอบคำถามของคุณโดยให้คำตอบ ข้อดีของการใช้ธีมลูกเริ่มต้นคือช่วยให้คุณนำโค้ดที่คุณเขียนไปแล้วมาใช้ซ้ำได้ เพียงเพิ่มโค้ดที่จำเป็น คุณก็จะเข้าใจ Genesis Framework ลึกซึ้งยิ่งขึ้น ไม่จำเป็นต้องเขียนวงล้อใหม่ทุกครั้งที่คุณเปลี่ยนธีม วิธีปรับแต่งธีม WordPress หากคุณยังไม่มี Genesis Sample Theme คุณจะต้องเปลี่ยนชื่อและแก้ไขไฟล์ Style.css ของธีมของคุณ คุณสามารถใช้ Default.css ซึ่งเป็นสไตล์ชีตในตัว เป็นจุดเริ่มต้นในการสร้าง Genesis Stylesheet คุณอาจต้องปรับแบบอักษร สี และการตั้งค่าอื่น ๆ เพื่อให้ได้รูปลักษณ์และความรู้สึกที่ต้องการ วิธีสร้างแหล่งที่มาของธีมลูก: templatetoaster.com ในการสร้างธีมย่อย คุณต้องสร้างไดเร็กทอรีใหม่สำหรับธีมย่อยและ เพิ่มไฟล์ style.css ไฟล์ style.css ควรมีดังต่อไปนี้: /* ชื่อธีม: URI ธีมของธีมลูก: http://example.com/child-theme/ คำอธิบาย: ผู้เขียนธีมรอง: John Doe Author URI: http://example.com แม่แบบ: Twentytwelve เวอร์ชัน: 1.0.0 */ @import url(“../twentytwelve/style.css”); /* =การปรับแต่งธีมเริ่มต้นที่นี่ ————————————————————– */ ขั้นตอนต่อไปคือการเพิ่มการปรับแต่งของคุณไปยังไฟล์ style.css ของธีมย่อย สิ่งเหล่านี้อาจเป็นการเปลี่ยนแปลง CSS อย่างง่ายหรือการแทนที่ที่ซับซ้อนมากขึ้นโดยใช้กฎ @import คุณยังสามารถเพิ่มไฟล์เทมเพลตให้กับธีมย่อยเพื่อแทนที่เทมเพลตจากธีมหลักได้อีกด้วย ตัวอย่างเช่น หากคุณต้องการแทนที่เทมเพลตส่วนหัว คุณจะต้องสร้างไฟล์ header.php ในไดเร็กทอรีธีมย่อย ในขณะที่ฟังก์ชันของธีมหลักยังคงไม่เปลี่ยนแปลง ธีมย่อยช่วยให้คุณปรับแต่งได้ ผู้ปกครองสามารถเข้าถึงธีมย่อยในโฟลเดอร์ที่แยกต่างหากจากธีมหลัก ธีมย่อยช่วยให้ดูแลและอัปเดตเว็บไซต์ของคุณได้ง่ายขึ้น คุณจะสามารถหลีกเลี่ยงการเขียนบทความที่ซับซ้อนเกินไปและสูญเสียรูปลักษณ์ของเว็บไซต์ของคุณโดยใช้เทคนิคนี้ องค์ประกอบทั้งหมดในธีมหลักจะถูกโอนไปยังธีมย่อย หมวดหมู่นี้ประกอบด้วยไฟล์เทมเพลต ฟังก์ชัน และเนื้อหาทั้งหมด ตลอดจน JavaScript และรูปภาพ ในกรณีส่วนใหญ่ คุณจะต้องเพิ่มโค้ดเพียงไม่กี่บรรทัดในไฟล์ style.CSS การสร้างธีมลูกของ WordPress นั้นง่ายมากโดยใช้ปลั๊กอิน หากต้องการเลือกธีมหลัก ให้เลือกจากเมนูดรอปดาวน์ หากคุณมีหลายธีมบนไซต์ของคุณ คุณต้องเลือกธีมที่คุณต้องการปรับแต่ง ขั้นตอนต่อไปคือการสร้างคำอธิบายสำหรับธีมของบุตรหลานและตั้งชื่อ ในหน้านี้ คุณสามารถส่งการวิเคราะห์ข้อมูลดิบหรือส่งคำขอรับการสนับสนุนสำหรับผู้สร้างปลั๊กอิน ขั้นตอนนี้อาจเป็นไปไม่ได้สำหรับผู้ปกครองที่มีธีมแบบพรีเมียมหรือแบบจำกัด ก่อนที่จะทำการเปลี่ยนแปลงใดๆ ในเว็บไซต์ของคุณ ให้สำรองข้อมูลไว้ ธีมลูกของ WordPress สามารถตั้งค่าได้เพื่อให้การเปลี่ยนแปลงทั้งหมดที่คุณต้องการทำโดยอัตโนมัติ ขั้นตอนแรกคือการสร้างโฟลเดอร์ที่มีธีมลูกของคุณอยู่ในนั้น ขั้นตอนที่ 2 คือการสร้างสไตล์ชีตสำหรับธีมของบุตรหลาน ตอนนี้คุณสามารถกำหนดค่าสไตล์ชีตด้วยตนเองสำหรับทั้งธีมหลักและธีมลูก ขั้นตอนที่สี่คือการเพิ่มไฟล์ style.css ลงในโฟลเดอร์ไดเร็กทอรีของคุณ เมื่อคุณไปที่ ลักษณะที่ปรากฏ > ธีม > อัปโหลด คุณสามารถเปิดใช้งานธีมลูกได้ คุณสามารถหลีกเลี่ยงการแก้ไขธีมหลักได้โดยตรงโดยใช้ธีมลูก ธีมย่อยทำให้ง่ายต่อการเปลี่ยนแปลงเว็บไซต์ที่มีอยู่ในธีมย่อย การหาผู้ให้บริการโฮสติ้งที่มีทั้งความน่าเชื่อถือและตอบสนองก็เป็นสิ่งสำคัญเช่นกัน สำหรับแผนโฮสติ้งที่ใช้ร่วมกันราคาไม่แพงพร้อมประสิทธิภาพสูง ให้ดูแพ็คเกจโฮสติ้งที่ใช้ร่วมกันของ DreamHost ธีมย่อยคืออะไร? WordPress Codex กำหนดธีมย่อยเป็นธีมที่ "สืบทอดฟังก์ชันการทำงานและสไตล์ของธีมอื่นที่เรียกว่าธีมหลัก" ธีมเด็กควรได้รับการแก้ไขเพื่อรักษาการออกแบบและโค้ดของธีมในขณะที่ปรับเปลี่ยนการออกแบบพื้นฐานด้วย วิธีสร้างธีมลูกใน WordPress โดยไม่ต้องใช้ปลั๊กอิน ธีมย่อยคือธีมที่สืบทอดฟังก์ชันการทำงานของธีมอื่น เรียกว่าธีมหลัก ธีมย่อยมักใช้เมื่อคุณต้องการเปลี่ยนแปลงธีมที่มีอยู่ หากคุณต้องการสร้างธีมลูกโดยไม่มีปลั๊กอิน คุณสามารถทำได้โดยสร้างไดเร็กทอรีใหม่ในการติดตั้ง WordPress ของคุณ ในไดเร็กทอรีใหม่นี้ คุณจะต้องสร้างไฟล์สองไฟล์: style.css และ functions.php ไฟล์ style.css จะมีโค้ด CSS ทั้งหมดที่คุณต้องการเพิ่มหรือเปลี่ยนแปลง ไฟล์ functions.php จะมีฟังก์ชันทั้งหมดที่คุณต้องการเพิ่มหรือเปลี่ยนแปลง เมื่อคุณสร้างไฟล์ทั้งสองนี้แล้ว คุณจะต้องเปิดใช้งานธีมลูก คุณสามารถทำได้โดยไปที่หน้า ลักษณะที่ปรากฏ > ธีม ในแผงการดูแลระบบ WordPress ธีมย่อยเป็นวิธีที่สะดวกและง่ายที่สุดในการปรับเปลี่ยนหรือปรับแต่งธีม WordPress ของคุณโดยไม่ต้องแก้ไขไฟล์ต้นฉบับ ธีมลูก นอกเหนือจากการปรับแต่งแล้ว ยังรวมถึงฟังก์ชันของธีมหลักด้วย คุณอาจสามารถให้ประโยชน์มากมายโดยผสมผสานธีมเด็กเข้ากับบ้านของคุณ เมื่อคุณอัปเดตธีมหลัก การปรับแต่งทั้งหมดของคุณจะหายไป แม้ว่าคุณจะปรับแต่งได้โดยตรงก็ตาม ความสามารถในการอัปเดตธีมของคุณโดยไม่สูญเสียโค้ดที่กำหนดเองหากคุณใช้ธีมย่อยเป็นคุณลักษณะที่ยอดเยี่ยม ไม่มีการจำกัดเวลาที่คุณสามารถกลับไปใช้ธีมหลักได้ ในไดเร็กทอรีธีมลูก จำเป็นต้องใช้ไฟล์ style.html และ functions.html สิ่งเดียวที่คุณต้องทำคือคัดลอกและวางไฟล์ธีมดั้งเดิม เช่น single.php ลงในโฟลเดอร์ธีมย่อยของคุณและปรับแต่งตามต้องการ . หากคุณต้องการใช้ธีมลูก มีปลั๊กอิน WordPress มากมายให้เลือก แต่ฉันแนะนำให้ใช้ One-Click Child Theme ด้วยการคลิกเมาส์เพียงไม่กี่ครั้ง คุณสามารถสร้างธีมลูกใน WordPress มันมีความสามารถในการคัดลอกไฟล์ธีมอื่น ๆ นอกเหนือจากการคัดลอกไฟล์หลักอื่น ๆ วิธีสร้างธีม WordPress ด้วย 10we หลังจากที่คุณคลิกปุ่มสร้างธีม คุณจะเข้าสู่หน้าว่าง ทีมงาน 10Web จะเริ่มสร้างธีมของคุณ และคุณจะสามารถดูตัวอย่างได้บนเว็บไซต์ของคุณก่อนที่จะบันทึก วิธีสร้างธีมลูกใน WordPress ทีละขั้นตอน สมมติว่าคุณมีความเข้าใจพื้นฐานเกี่ยวกับธีม WordPress ธีมย่อยคือ ธีมที่สืบทอดฟังก์ชันการทำงานของธีมอื่น เรียกว่าธีมหลัก ธีมย่อยมักใช้เมื่อคุณต้องการปรับแต่งหรือปรับแต่งธีม WordPress ที่มีอยู่โดยไม่สูญเสียความสามารถในการอัปเกรดธีมนั้น กล่าวอีกนัยหนึ่ง ธีมลูกเป็นวิธีที่ปลอดภัยในการปรับเปลี่ยนธีมที่มีอยู่ นี่คือขั้นตอนพื้นฐานสำหรับการสร้างธีมย่อย: 1. สร้างโฟลเดอร์ใหม่สำหรับธีมย่อยของคุณ 2. สร้างไฟล์ style.css ในโฟลเดอร์ธีมลูกของคุณ 3. เพิ่มโค้ดบรรทัดต่อไปนี้ในไฟล์ style.css ของคุณ โดยแทนที่ “ชื่อธีม” ด้วยชื่อธีมลูกของคุณ: /* ชื่อธีม: ชื่อธีม เทมเพลต: parent-theme-folder */ 4. สร้างฟังก์ชัน php ในโฟลเดอร์ธีมลูกของคุณ 5. เพิ่มบรรทัดโค้ดต่อไปนี้ในไฟล์ functions.php ของคุณ: add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' ); ฟังก์ชัน theme_enqueue_styles() { wp_enqueue_style( 'parent-style', get_template_directory_uri() . ' /style.css' ); } ? > 6. เปิดใช้งานธีมลูกของคุณ สำหรับคำแนะนำโดยละเอียดเพิ่มเติม โปรดดูที่ WordPress Codex: https://codex.wordpress.org/Child_ThemesWhat Is A Child Theme ธีมย่อยคือธีมที่สืบทอดฟังก์ชันการทำงานของธีมอื่น เรียกว่าธีมหลัก ธีมย่อยมักใช้เมื่อคุณต้องการเปลี่ยนแปลงธีมที่มีอยู่ เหตุใดการสร้างธีมย่อยจึงเป็นแนวคิดที่ยอดเยี่ยม เมื่อสร้างธีมย่อย คุณกำลังคัดลอกธีมหลักเป็นหลัก ฟีเจอร์และสไตล์ของธีมทั้งหมด เช่น เลย์เอาต์ของธีม ฟอนต์ สี และเนื้อหา จะถูกเก็บไว้โดยธีมย่อย หลังจากนั้น คุณสามารถเปลี่ยนองค์ประกอบเหล่านี้เป็นข้อกำหนดของคุณเองได้โดยไม่ส่งผลต่อธีมหลัก ธีมลูกช่วยให้คุณปรับแต่งธีม WordPress ได้โดยไม่ต้องทำการเปลี่ยนแปลงใดๆ กับไฟล์ต้นฉบับ หากคุณสร้างธีมย่อย คุณสามารถเปลี่ยนรูปลักษณ์ของเว็บไซต์ของคุณได้โดยไม่ต้องแก้ไขซอร์สโค้ดของธีมหลักของคุณ ในทางกลับกัน ธีมย่อยสามารถช่วยคุณประหยัดเวลาและเงิน โดยให้คุณปรับแต่งธีมที่มีอยู่แล้วแทนที่จะสร้างใหม่ทั้งหมด ปลั๊กอิน WordPress Child Theme ธีมย่อยของ WordPress เป็นธีมที่สืบทอดฟังก์ชันการทำงานของธีมอื่น เรียกว่าธีมหลัก ธีมย่อยมักใช้เมื่อคุณต้องการเปลี่ยนแปลงธีมที่มีอยู่ การใช้ธีมลูกเป็นวิธีที่ดีในการเรียนรู้เกี่ยวกับการพัฒนาธีม WordPress นอกจากนี้ยังอาจเป็นวิธีที่ดีในการเปลี่ยนแปลงเล็กน้อยในธีมที่มีอยู่โดยไม่ต้องแก้ไขธีมหลัก ใน WordPress ธีมย่อยจะเหมือนกับธีมหลักที่รวมเอาฟังก์ชันการทำงานทั้งหมดไว้ด้วย ธีมสำหรับเด็กจะปรับเปลี่ยนได้มากขึ้นในแง่ของการออกแบบและเสรีภาพในการแสดงออก นอกจากนี้ แม้ว่าคุณจะอัปเดตแล้ว พวกเขาจะพร้อมยอมรับการเปลี่ยนแปลงใดๆ และทั้งหมดในการออกแบบและโค้ดของคุณ บทช่วยสอนนี้จะแนะนำคุณตลอดขั้นตอนการสร้างธีมลูกโดยใช้ปลั๊กอิน การใช้ปลั๊กอิน Child Theme Configurator คุณสามารถสร้างธีม WordPress ใหม่สำหรับไซต์ของคุณได้ หลังจากที่คุณได้ทำการเปลี่ยนแปลงการตั้งค่าแล้ว คุณสามารถใช้ปลั๊กอินเพื่อบันทึกธีมย่อยไปยัง WordPress ได้ คุณยังสามารถอัปเกรดปลั๊กอินเป็นเวอร์ชัน Pro ได้ ซึ่งช่วยให้คุณควบคุมรูปลักษณ์และการทำงานของไซต์ได้ดียิ่งขึ้น ในกรณีของฟังก์ชันที่ประสบความสำเร็จ ธีมย่อยใหม่ของคุณจะปรากฏที่ด้านบนสุดของหน้า ธีมลูก WordPress ใหม่ของคุณถูกสร้างขึ้นแล้ว ดังนั้นคุณไม่ต้องกังวลกับมัน หากคุณต้องการจัดการหรือเข้าถึงไฟล์บางไฟล์ คุณสามารถทดลองกับไฟล์เหล่านั้นได้ นักพัฒนาของปลั๊กอินนี้ยังมีวิดีโอแนะนำโดยละเอียดจำนวนมากเพื่อช่วยคุณในการนำทางไซต์
