วิธีการติดตั้งธีมลูกบน WordPress ด้วย SiteGround

เผยแพร่แล้ว: 2022-11-05

หากคุณมีเว็บไซต์ WordPress ที่โฮสต์ด้วย SiteGround คุณสามารถติดตั้งธีมย่อยได้อย่างง่ายดายโดยใช้ปลั๊กอิน SG Optimizer ปลั๊กอินนี้ได้รับการติดตั้งตามค่าเริ่มต้นในแผนการโฮสต์ SiteGround WordPress ทั้งหมด เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอินแล้ว ให้ทำตามขั้นตอนเหล่านี้: 1. ลงชื่อเข้าใช้แดชบอร์ด WordPress ของคุณและไปที่หน้า ลักษณะที่ปรากฏ > ธีม 2. คลิกที่ปุ่ม เพิ่มใหม่ ที่ด้านบนของหน้า 3. ในหน้าเพิ่มธีม ให้คลิกปุ่มอัปโหลดธีม 4. คลิกที่ปุ่ม Browse และเลือกไฟล์ ZIP ของธีมลูกจากคอมพิวเตอร์ของคุณ 5. คลิกที่ปุ่มติดตั้งทันที 6. เมื่อติดตั้งธีมลูกแล้ว ให้คลิกที่ปุ่มเปิดใช้งาน ธีมลูกของคุณได้รับการติดตั้งและเปิดใช้งานบนเว็บไซต์ WordPress ของคุณแล้ว

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

ฉันจะนำเข้าธีมลูกใน WordPress ได้อย่างไร

ที่มาของภาพ: https://www.pinterest.com/pin/603130575086670706/

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

ธีมลูกของ WordPress จะปรากฏในลักษณะเดียวกับธีมปกติของ WordPress แอ็ตทริบิวต์ของธีมลูกสืบทอดมาจากพาเรนต์ แม้ว่ามันอาจจะดูยาก แต่ก็ไม่ยากเมื่อคุณเรียนรู้วิธีสร้างมันขึ้นมา หรือคุณสามารถใช้ความสามารถ CSS ที่กำหนดเองหรือเพิ่มเติมของ WordPress ได้ หากคุณต้องการเปลี่ยนแปลง CSS เพียงเล็กน้อย คุณสามารถสร้างธีมลูกสำหรับเว็บไซต์ WordPress ของคุณได้ คุณสามารถค้นหาแต่ละธีมของเว็บไซต์ของคุณได้ในโฟลเดอร์แยกต่างหากบนเซิร์ฟเวอร์ของคุณ ซึ่งเรียกว่าไดเร็กทอรีธีมเฉพาะ Secure File Transfer Protocol (SFTP) เป็นวิธีที่ปลอดภัยที่สุดสำหรับการโต้ตอบกับโครงสร้างไฟล์ของเว็บไซต์ของคุณ มีตัวเลือกมากมายสำหรับการทำเช่นนั้น

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

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

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

คุณสามารถนำเข้าธีมไปยัง WordPress ได้หรือไม่?

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

ธีมลูกทำงานอย่างไรใน WordPress?

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

ฉันจะติดตั้งธีมลูกได้ที่ไหน

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

ฉันจะอัปโหลดธีมไปยังไซต์กราวด์ WordPress ได้อย่างไร

ที่มาของภาพ: https://www.webtipstech.com/how-to-upload-wordpress-theme-without-business-plan/

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

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

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

3 วิธีในการเปลี่ยนรูปลักษณ์ของธีม WordPress

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

ความแตกต่างระหว่างธีมลูกและธีมสำหรับผู้ปกครองคืออะไร?

ที่มาของรูปภาพ: https://coolestguidesontheplanet.com/creating-wordpress-child-theme-genesis-framework/

ธีมย่อยตามที่กำหนดโดย WordPress Codex เป็นธีมที่ “สืบทอดฟังก์ชันและสไตล์ของธีมหลัก” ซึ่งเป็นธีมอีกประเภทหนึ่ง ขอแนะนำให้แก้ไขธีมย่อยเพื่อให้คงการออกแบบและโค้ดไว้ แต่ให้แก้ไขด้วยวิธีใดวิธีหนึ่ง

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

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

เมื่อใดควรใช้ธีมลูกกับ ธีมผู้ปกครอง

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

วิธีสร้างเว็บไซต์ WordPress Siteground

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

บทความนี้จะอธิบายขั้นตอนการสร้างเว็บไซต์ WordPress โดยใช้ SiteGround [รุ่น 2021] การใช้ SiteGround Webhosting คุณจะได้เรียนรู้วิธีสร้างเว็บไซต์ WordPress ตั้งแต่เริ่มต้นในบทช่วยสอนนี้ โฮสติ้งของเว็บไซต์ใหม่ถือเป็นส่วนสำคัญของการดำเนินงาน เมื่อเว็บไซต์ของคุณเติบโตขึ้น คุณอาจสามารถอัพเกรดแผนของคุณได้ ขั้นตอนแรกคือการเลือกชื่อโดเมน ชื่อโดเมนของคุณต้องจดทะเบียนภายใต้นามสกุลเฉพาะ เช่น.co.uk หรือ.com ค่าธรรมเนียมการจดทะเบียนโดเมน ส่วนใหญ่จะพิจารณาจากปัจจัยหลายประการ

ลิงค์พันธมิตร (ซึ่งมีการเพิ่มส่วนขยาย) มีค่าใช้จ่าย 15.95 เหรียญต่อปี ขั้นตอนที่ 4 คือการสร้างเว็บไซต์ WordPress ขั้นตอนที่ 5 จะเป็นขั้นตอนการป้อนข้อมูลการเรียกเก็บเงินทีละขั้นตอน ป้อนข้อมูลการซื้อสำหรับโฮสติ้งและบริการเสริม หลังจากนั้น ให้ตั้งค่าข้อมูลการเข้าสู่ระบบของเว็บไซต์ WordPress ใหม่ของคุณ ขั้นตอนที่เก้าคือการทำเครื่องหมายที่ช่องถัดจากขอบคุณ แต่ฉันไม่ต้องการความช่วยเหลือซึ่งสามารถทำได้โดยคลิกที่ดำเนินการดังที่แสดงด้านบน Let's Encrypt เป็นวิธีการเพิ่ม SSL ลงในโดเมนของคุณ ในขั้นตอนที่สิบ ให้คลิกปุ่มเสร็จสิ้นเพื่อสร้างเว็บไซต์ของคุณ หลังจากที่คุณติดตั้ง WordPress และอัปโหลดไซต์ของคุณไปยัง SiteGround เสร็จแล้ว คุณก็พร้อมที่จะไป