ธีมลูกคืออะไรและเหตุใดจึงสำคัญ

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

หากคุณต้องการ ทำการเปลี่ยนแปลงธีมของไซต์ WordPress ของคุณ,คุณคงเคยเห็นคนบอกให้คุณใช้ธีมลูก

แต่ธีมลูกคืออะไรและเหตุใดธีมเด็กจึงมีความสำคัญ

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

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

แต่ถ้าคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ

แล้วกลับมาดูว่าเรามาที่นี่เพื่ออะไร

ธีม WordPress สำหรับเด็กคืออะไร?

ธีมลูกไม่ใช่ธีมแบบสแตนด์อะโลน มันเป็น "ลูก" ของธีมหลักที่มีอยู่ดังนั้นชื่อ

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

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

ประโยชน์ของธีมลูก

ณ จุดนี้คุณอาจสงสัยว่า:  ทำไมคุณไม่สามารถทำการเปลี่ยนแปลงโดยตรงกับธีมหลักได้?

เหตุผลหลักว่าทำไมจึงไม่ใช่ความคิดที่ดีคือไฟล์ อัปเดตธีม WordPress.

หากคุณต้องการให้เว็บไซต์ WordPress ของคุณปลอดภัยและใช้งานได้คุณต้องใช้การอัปเดตอย่างรวดเร็วเมื่อออกมารวมถึงการอัปเดตธีม WordPress ของคุณ

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

ซึ่งหมายความว่าคุณ:

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

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

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

บาง ธีม WordPress แม้แต่ใช้วิธีหลัก/รองที่เป็นค่าเริ่มต้นนี้ ตัวอย่างเช่น หากคุณต้องการใช้เฟรมเวิร์ก Genesis คุณจะต้องใช้ทั้งธีมหลัก (เฟรมเวิร์กพื้นฐาน) และธีมย่อยเพื่อควบคุมการออกแบบ

ควรใช้ธีมลูกเมื่อใด

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

เมื่อคุณไม่จำเป็นต้องใช้ธีมลูก

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

อย่างไรก็ตามมีข้อยกเว้นบางประการสำหรับกฎที่อาจมีตัวเลือกที่ดีกว่าการใช้ธีมลูก

ก่อนอื่นหากคุณต้องการปรับแต่ง CSS เล็กน้อยอาจเป็นการใช้งานมากเกินไปในการสร้างชุดรูปแบบลูกสำหรับการปรับแต่งเล็กน้อย

แต่คุณสามารถเพิ่ม CSS ที่กำหนดเองโดยใช้คุณลักษณะนี้ CSS เพิ่มเติม รวมเข้ากับ WordPress Customizer หรือคุณสามารถใช้ ปลั๊กอิน WordPress ฟรีเช่น Simple CSS.

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

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

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

ตอนนี้คุณรู้แล้วว่าเหตุใดธีมเด็กจึงมีความสำคัญมาดูวิธีสร้างธีมย่อยสำหรับเว็บไซต์ WordPress ของคุณ

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

หากคุณใช้ธีม WordPress อื่นคุณควรตรวจสอบ Google อย่างรวดเร็วเพื่อดูว่านักพัฒนาธีม WordPress ของคุณกำลังให้ธีมลูกหรือไม่ ตัวอย่างเช่น Astra, GeneratePress และ OceanWP ล้วนมีเครื่องมือ / ไฟล์ที่จะช่วยคุณดาวน์โหลดธีมลูก

หากธีม WordPress ของคุณยังไม่มีธีมลูกคุณสามารถสร้างธีมลูกสำหรับธีม WordPress ใดก็ได้:

  1. ใช้ a WordPress ปลั๊กอิน เครื่องกำเนิดธีมเด็กฟรี
  2. สร้างธีมลูกของคุณเอง

เราจะแสดงวิธีดำเนินการทั้งสองวิธี

วิธีใช้ปลั๊กอิน WordPress ธีมลูก

ปลั๊กอินตัวสร้างธีมลูกช่วยให้คุณสร้างธีมลูกได้โดยไม่ต้องออกจากแผงควบคุม WordPress

ตัวเลือกยอดนิยมที่นี่คือ ปลั๊กอินตัวกำหนดค่าธีมลูกฟรีซึ่งมีการใช้งานบนเว็บไซต์มากกว่า 300.000 แห่ง

Child Theme Configurator ไม่เพียง แต่ช่วยคุณสร้างไฟล์ธีมลูกเท่านั้น แต่ยังวิเคราะห์ธีมที่คุณใช้และธีมและสไตล์ชีตแบบอักษรได้ตามต้องการ

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

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

เมื่อคุณมีข้อมูลสำรองพร้อมแล้วให้เริ่มด้วยการติดตั้งและเปิดใช้งานปลั๊กอิน Child Theme Configurator ฟรีจาก WordPress.org จากนั้นไปที่เมนู เครื่องมือ→ ธีมเด็ก เพื่อสร้างธีมลูกของคุณ

ในรายการ เลือกรายการแบบเลื่อนลงหนึ่งรายการ ธีมหลัก เลือกธีมที่คุณต้องการสร้างธีมลูกของคุณ จากนั้นคลิกที่ วิเคราะห์:

จากนั้นปลั๊กอินจะวิเคราะห์ธีมหลักสำหรับการอ้างอิงใด ๆ

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

 

เมื่อคุณเลือกเสร็จแล้วให้คลิกปุ่มด้านล่างเพื่อ เพื่อสร้างไฟล์ ธีมลูกใหม่.

และนั่นคือทั้งหมด! จากนั้นปลั๊กอินจะสร้างธีมลูกให้คุณ อย่างไรก็ตามจะไม่เปิดใช้งาน ขั้นตอน ธีมลูกนี้

ในการเปิดใช้งาน:

  • Aller à ลักษณะที่ปรากฏ→ธีม
  • ดูตัวอย่างว่าเว็บไซต์ของคุณมีลักษณะอย่างไรด้วยธีมลูกนี้ (เพื่อให้แน่ใจว่าใช้งานได้ - หากเว็บไซต์ของคุณดูแปลกอาจเป็นเพราะปัญหาเกี่ยวกับ CSS)
  • เปิดใช้งานธีมลูกของคุณเหมือนที่คุณทำกับธีม WordPress อื่น ๆ อย่างไรก็ตามอย่าลืมติดตั้งธีมหลักของคุณไว้

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

จากนั้นคุณสามารถคัดลอกไฟล์จากธีมหลักไปยังธีมลูกได้

ตัวอย่างเช่นหากคุณต้องการเปลี่ยนแปลงบางอย่างกับ single.phpคุณสามารถคัดลอกไฟล์นี้ไปยังธีมลูกเพื่อให้คุณสามารถแก้ไขได้อย่างปลอดภัย:

คุณจะพบเครื่องมืออื่น ๆ อีกมากมายที่จะช่วยคุณทำงานกับ CSS

เราจะอธิบายว่าเหตุใดเครื่องมือเหล่านี้จึงมีประโยชน์ในภายหลัง

วิธีสร้างธีมลูกด้วยตนเอง

สำหรับส่วนนี้เราจะถือว่าคุณรู้เกี่ยวกับ PHP และ CSS มากขึ้นเล็กน้อย หากคุณรู้สึกไม่สบายใจกับคำแนะนำที่นี่เราขอแนะนำให้ใช้ปลั๊กอินฟรีจากส่วนก่อนหน้านี้

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

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

style.css

ขั้นแรกสร้างไฟล์ชื่อ style.css และเพิ่มรหัสต่อไปนี้:

ขั้นแรกสร้างไฟล์ชื่อ style.css และเพิ่มรหัสต่อไปนี้:

/*

ชื่อธีม: สวัสดี Elementor Child

URI ธีม: https://github.com/elementor/hello-theme/

คำอธิบาย: Hello Elementor Child เป็นธีมลูกของ Hello Elementor ที่สร้างโดยทีม Elementor

ผู้แต่ง: Elementor Team

ผู้แต่ง URI: https://elementor.com/

แม่แบบ: hello-elementor

เวอร์ชัน: 1.0.1

โดเมนข้อความ: hello-elementor-child

ใบอนุญาต: GNU General Public License v3 หรือใหม่กว่า

URI ใบอนุญาต: https://www.gnu.org/licenses/gpl-3.0.html

*/

อย่าลืมแทนที่สิ่งที่อยู่หลังลำไส้ใหญ่ด้วยข้อมูลจริงของคุณ:

  • ชื่อธีม - ชื่อธีมลูกของคุณ
  • ธีม URI - เว็บไซต์ของธีมของคุณและเอกสารประกอบ
  • รายละเอียด - คำอธิบายสั้น ๆ ของธีม
  • ผู้เขียน - ชื่อผู้แต่งชุดรูปแบบ
  • ผู้แต่ง URI: - เว็บไซต์ธีมของผู้แต่ง
  • แบบ - ชื่อโฟลเดอร์ธีมหลักของคุณ (ตามชื่อในโฟลเดอร์ wp-content / themes ของคุณ) นี่คือบรรทัดที่สำคัญที่สุด ธีมลูกของคุณจะใช้ไม่ได้หากไม่มีมัน
  • เวอร์ชั่น - หมายเลขเวอร์ชันของธีมลูกของคุณ
  • ช่องข้อความ - ใช้สำหรับการทำให้เป็นสากล คุณสามารถเพิ่ม "child" ต่อท้ายชื่อเทมเพลตได้
  • ใบอนุญาต - ปล่อยให้เป็นค่าเริ่มต้น
  • ใบอนุญาต URI - ปล่อยให้เป็นค่าเริ่มต้น

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

หากคุณต้องการเพิ่มสไตล์ที่กำหนดเองในอนาคตคุณสามารถเพิ่มลงในสไตล์ชีตนี้ได้ภายใต้รหัสแผ่นความร้อน

functions.php

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

ในไฟล์ ฟังก์ชั่น.php, เพิ่มรหัสต่อไปนี้:

<?php

/ * ฟังก์ชันเพื่อจัดคิวสไตล์ชีตจากธีมหลัก * /

function child_enqueue__parent_scripts () {
wp_enqueue_style ('หลัก', get_template_directory_uri (). '/ style.css');
}
add_action ('wp_enqueue_scripts', 'child_enqueue__parent_scripts');

อัปโหลดไฟล์ไปยังเว็บไซต์ WordPress

เมื่อคุณมีไฟล์ของคุณแล้ว style.css et functions.phpคุณต้องอัปโหลดไปยังเว็บไซต์ WordPress ของคุณเป็นธีมใหม่

ในการดำเนินการนี้ให้เชื่อมต่อกับเว็บไซต์ WordPress ของคุณโดยใช้ FTP

จากนั้นไปที่ไดเร็กทอรีธีมของเว็บไซต์ของคุณ (wp-content / ธีม)และสร้างโฟลเดอร์ใหม่สำหรับธีมลูกของคุณ

ตัวอย่างเช่นหากโฟลเดอร์ของธีมหลักของคุณคือ Hello-elementorคุณสามารถตั้งชื่อโฟลเดอร์ธีมลูกได้ Hello-eletor เด็ก เพื่อช่วยให้คุณจำได้

จากนั้นอัปโหลดไฟล์ของคุณ style.css et functions.php ภายในโฟลเดอร์นี้:

เมื่อคุณดาวน์โหลดทั้งสองไฟล์แล้วคุณสามารถไปที่ ลักษณะที่ปรากฏ→ธีม และเปิดใช้งานธีมลูกของคุณเหมือนที่คุณทำกับธีม WordPress อื่น ๆ

วิธีติดตั้งธีม WordPress ลูก

เราได้กล่าวถึงประเด็นเหล่านี้บางส่วนข้างต้นในวิธีการเฉพาะ แต่เราจะอธิบายวิธีการติดตั้งธีมลูกของ WordPress อีกครั้ง

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

คุณสามารถติดตั้งธีมลูกของ WordPress ได้เช่นเดียวกับธีม WordPress อื่น ๆ :

  • การเข้าถึง ลักษณะที่ปรากฏ→ธีม ในแดชบอร์ดของคุณ WordPress
  • คลิกที่ เพิ่มใหม่.
  • อัปโหลดไฟล์ ZIP ของธีมลูก

ในระหว่างขั้นตอนการติดตั้ง WordPress ตรวจพบว่าคุณกำลังดาวน์โหลดธีมลูกและตรวจสอบว่ามีธีมหลักอยู่:

เมื่อคุณดาวน์โหลดไฟล์แล้วอย่าลืม เปิดใช้งาน

อย่าลืมว่าเพื่อให้ธีมลูกของคุณใช้งานได้คุณต้องติดตั้งที่ เวลานั้นธีมหลักและธีมลูก

ธีมลูกของคุณควรเป็นธีมที่ใช้งานอยู่ แต่คุณยังควรติดตั้งธีมหลักของคุณ

นี่คือสิ่งที่ควรมีลักษณะดังนี้:

  1. ธีมลูกเป็นธีมที่ใช้งานอยู่
  2. ธีมหลักยังคงติดตั้งอยู่ แต่ไม่แอ็คทีฟ

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

เช่นเดียวกับการปรับแต่งธีม WordPress ทั่วไปคุณมีตัวเลือกมากมายในการ "ปรับแต่ง" ธีมลูก

เพื่อให้แม่นยำยิ่งขึ้นคุณคือ ไม่ได้ปรับแต่งธีมลูกอย่างแท้จริง - คุณกำลังใช้ธีมลูกเพื่อปรับแต่งธีม (พาเรนต์) ที่มีอยู่

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

ปรับแต่งธีมลูกด้วยรหัส

หากคุณต้องการปรับแต่งธีมลูกของคุณด้วยโค้ดคุณจะต้องมีความรู้เกี่ยวกับ CSS, HTML และ PHP เป็นอย่างดี

คุณสามารถทำได้ดังนี้

เพิ่ม CSS ที่กำหนดเอง

ในการปรับแต่งธีมลูกของคุณด้วย CSS คุณสามารถเพิ่มลงในไฟล์ได้โดยตรง style.css ของธีมลูกของคุณ

เพิ่ม CSS ด้านล่างโค้ดที่มีอยู่ที่ด้านบนของไฟล์

CSS ใด ๆ ที่คุณเพิ่มลงในธีมลูกของคุณจะแทนที่ธีมหลักของคุณตราบใดที่คุณใช้ตัวเลือกเดียวกัน

แทนที่เทมเพลตที่มีอยู่

หากคุณต้องการแทนที่เทมเพลตของธีมหลักของคุณคุณสามารถ:

  • คัดลอกไฟล์เทมเพลตจากธีมหลักของคุณไปยังธีมลูก
  • แก้ไขไฟล์เทมเพลตในธีมลูกของคุณ

ตัวอย่างเช่นหากคุณต้องการเปลี่ยน single.php, คุณคัดลอกไฟล์ก่อน single.php จากธีมหลักของคุณไปยังธีมลูก (อย่าลืมใช้โครงสร้างเดียวกัน)

จากนั้นคุณสามารถแก้ไขโค้ดในเวอร์ชันธีมลูกของคุณได้ single.php.

หมายเหตุ: WordPress จะใช้เทมเพลตของธีมลูกของคุณตราบใดที่ยังมีชื่อเดียวกัน ด้วยเหตุนี้คุณจึงซ่อนเทมเพลตที่มีอยู่ในธีมหลัก

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

เพิ่มเทมเพลตใหม่

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

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

ปรับแต่งธีมลูกด้วยตัวสร้างธีม Elementor

หากคุณไม่คุ้นเคย ตัวสร้างธีม Elementorให้คุณปรับแต่งธีม WordPress บางส่วนหรือทั้งหมดโดยใช้อินเทอร์เฟซแบบภาพ

ด้วย Elementor Pro และ Theme Builder คุณสามารถสร้างเทมเพลตที่กำหนดเองสำหรับเทมเพลตเว็บไซต์ของคุณ:

  • ส่วนหัว
  • ฟุตบอล
  • เดี่ยว (เช่นบล็อกโพสต์หรือเพจเดียว)
  • ที่เก็บถาวร (เช่นหน้าที่แสดงบทความบล็อกทั้งหมดของคุณ)

เทมเพลตเหล่านี้จะทำงานได้กับทั้งธีมลูกและธีมหลัก

ด้วย Elementor Theme Builder คุณไม่จำเป็นต้องทำงานกับโค้ดโดยตรง ไม่มีการเพิ่ม CSS ที่กำหนดเองหรือคัดลอกไฟล์เทมเพลต PHP ของคุณคุณทำได้ทั้งหมดด้วยการลากแล้วปล่อย

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

หากคุณยังใหม่กับ CSS, HTML และ PHP วิธีการไม่ใช้รหัสนี้ช่วยให้คุณปรับแต่งธีมลูกของคุณได้ และแม้ว่าคุณจะทำเช่นนี้วิธีการแสดงภาพนี้ยังช่วยให้คุณประหยัดเวลาได้มากกว่า PHP ในไฟล์เทมเพลตของคุณ

เมื่อคุณสร้างเทมเพลตใหม่ด้วย Elementor Theme Builder คุณจะสามารถเลือกประเภทเทมเพลตได้ ตัวอย่างเช่นส่วนหัว

จากนั้นคุณสามารถเริ่มจากกระดานชนวนเปล่าหรือเลือกรุ่น Elementor Pro รุ่นใดรุ่นหนึ่ง:

จากนั้นคุณสามารถใช้ตัวเลือกการลากและวางแถบด้านข้างเพื่อควบคุมลักษณะของส่วนหัวของคุณ:

เมื่อเสร็จแล้วคุณสามารถเลือกตำแหน่งที่คุณต้องการใช้เทมเพลตส่วนหัวนี้ได้:

วิธีลบธีมลูกบน WordPress

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

นี่คือ :

  • Aller à ลักษณะที่ปรากฏ→ธีม.
  • เปิดใช้งานธีมอื่น ไม่ว่าจะเป็นธีมหลักหรือธีม WordPress ใหม่ล่าสุด

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

แต่คุณจะกลับไปออกแบบธีมหลักของคุณแทน

เริ่มใช้ธีมลูกของ WordPress

ธีมลูกช่วยให้คุณทำการเปลี่ยนแปลงธีม WordPress ของคุณได้อย่างปลอดภัย

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

ในการเริ่มต้นใช้งานธีมลูกของ WordPress คุณสามารถ:

  • ตรวจสอบว่านักพัฒนาธีมของคุณเสนอธีมลูกหรือไม่ หากคุณใช้ Hello Elementor คุณสามารถทำได้ ดาวน์โหลดธีมลูกจาก GitHub.
  • ใช้ปลั๊กอินตัวกำหนดค่าธีมลูกฟรี
  • สร้างธีมลูกของคุณด้วยตนเอง

จากนั้นคุณสามารถปรับแต่งธีมลูกของคุณโดยใช้ CSS, HTML และ PHP คุณยังสามารถข้ามโค้ดและใช้ Elementor Theme Builder เพื่อปรับแต่งธีมของคุณโดยใช้อินเทอร์เฟซการลากและวางแบบภาพ

ค้นพบบางธีมและปลั๊กอิน WordPress พรีเมี่ยม  

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

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 ตารางราคา AP

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

ตารางราคา AP ปลั๊กอินตัวสร้างตารางราคาที่ตอบสนองสำหรับ wordpress

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

อ่านยัง วิธีปรับแต่งปุ่ม "เพิ่มในรถเข็น" ของ WooCommerce

ปลั๊กอินนี้ยังช่วยให้คุณ เพิ่มเนื้อหาเสียงวิดีโอและ Google Map

ดาวน์โหลดสาธิต | เว็บโฮสติ้ง

2.wp ตัวสร้างหน้า

WordPress Page Builder เป็นเครื่องมือสร้างที่ดีที่สุดสำหรับเว็บไซต์ WordPress ของคุณที่มาพร้อมกับเครื่องมือที่ยอดเยี่ยมในการสร้างโพสต์แบบกำหนดเองอนุกรมวิธานแบบกำหนดเองหรือเมตาบ็อกซ์ที่กำหนดเอง 

ตัวสร้างหน้า WP - เมตาบ็อกซ์ปลั๊กอิน WordPress

เนื่องจากมีคุณสมบัติอื่น ๆ : ประเภทโพสต์ที่กำหนดเองCPT, อนุกรมวิธานส่วนบุคคลฟิลด์ที่กำหนดเองขั้นสูงฟังก์ชันการลากและวางตำแหน่งของ Google Map รองรับฟิลด์ที่ทำซ้ำได้เช่นกันและอื่น ๆ อีกมากมาย

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 Rankie

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

Rankie wordpress plugin สำหรับ SEO

ในฐานะที่เป็นปลั๊กอินติดตามอันดับ Rankie จะอัปเดตตำแหน่งคำหลักทุกวันและสร้างรายงานที่ถูกต้อง

 อ่านยังของเรา 6 คำถามปกติเกี่ยวกับ SEO และการเปลี่ยนเส้นทาง

นอกจากนี้ยังรวมเครื่องมือวิจัยที่มีประสิทธิภาพซึ่งสร้างรายการคำหลักที่มีคุณค่า Google ใช้เพื่อการวิจัยอยู่แล้ว

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

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

สรุป

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

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

อย่าลังเลที่จะ แบ่งปันกับเพื่อนของคุณบนเครือข่ายโซเชียลที่คุณชื่นชอบ

...