วิธีปรับแต่งธีม WordPress

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

ตัวเลือกสำหรับปรับแต่งธีม WordPress

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

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

จะรู้ได้อย่างไรว่าคุณต้องปรับแต่งธีม WordPress

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

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

วิธีปรับแต่งธีม WordPress ของคุณผ่านหน้าจอผู้ดูแลระบบ WordPress

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

ปรับแต่งธีม WordPress ผ่านเครื่องมือปรับแต่ง

วิธีที่ง่ายที่สุดในการปรับแต่งธีม WordPress ของคุณคือการใช้ WordPress Customizer คุณสามารถทำได้ด้วยวิธีใดวิธีหนึ่งจากสองวิธี:

• เมื่อคุณเข้าสู่ระบบและดูเว็บไซต์ของคุณ คลิกลิงก์ "ปรับแต่ง" ในแถบผู้ดูแลระบบที่ด้านบนของหน้าจอ
• หรือในหน้าจอผู้ดูแลระบบ ให้คลิกที่ ลักษณะที่ปรากฏ > ปรับแต่ง

ทั้งสองวิธีจะนำคุณไปสู่เครื่องมือปรับแต่ง

ตัวแก้ไขธีม WordPress

เมื่อคุณดูที่หน้าจอผู้ดูแลระบบของเว็บไซต์ WordPress คุณอาจเห็นตัวเลือกที่เรียกว่า “ตัวแก้ไขธีม” ซึ่งคุณสามารถดูได้ผ่าน ลักษณะที่ปรากฏ > ตัวแก้ไขธีม ซึ่งจะทำให้คุณสามารถดูไฟล์ในธีมของคุณและแก้ไขได้โดยตรง อย่างไรก็ตาม นี่เป็นความคิดที่ไม่ดี แม้ว่าคุณจะรู้วิธีเขียน CSS หรือ PHP ก็ตาม ไม่ควรแก้ไขไฟล์ในธีมของคุณ ก่อนอื่น หากคุณซื้อหรือดาวน์โหลดธีมของบุคคลที่สาม การเปลี่ยนแปลงใดๆ ที่คุณทำจะสูญหายไปในครั้งต่อไปที่คุณอัปเดต ประการที่สอง หากคุณทำการเปลี่ยนแปลงที่ทำให้เว็บไซต์ของคุณเสียหาย จะไม่มีการติดตามและเวอร์ชันก่อนหน้าของไฟล์จะไม่มีการเปลี่ยนแปลง เป็นไปได้ว่าคุณสามารถทำลายเว็บไซต์ของคุณได้อย่างถาวร

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

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

วิธีใช้ตัวสร้างหน้าและกรอบงานเพื่อปรับแต่งธีม WordPress ของคุณ

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

ใช้ตัวสร้างเพจเพื่อปรับแต่งธีม WordPress ของคุณ

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

ใช้ Theme Framework เพื่อปรับแต่งธีม WordPress ของคุณ

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

วิธีแก้ไขโค้ดธีม WordPress ของคุณ

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

วิธีแก้ไขไฟล์ธีม

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

สไตล์ชีต

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

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

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

หากการพูดถึง CSS และความจำเพาะเป็นเรื่องใหม่และสร้างความสับสนให้กับคุณ เราขอแนะนำให้คุณหลีกเลี่ยงการแก้ไข CSS ของธีมด้วยตัวคุณเอง และลองใช้ตัวเลือกอื่นเพื่อปรับแต่งธีม WordPress ของคุณ หรือให้ผู้เชี่ยวชาญที่ SEO Design Chicago ช่วยคุณ!

ไฟล์ฟังก์ชัน

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

ไฟล์เทมเพลตของธีม

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

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

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

การปรับแต่งธีมของบุคคลที่สามด้วยธีมย่อย

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

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

1. ใน wp-content/themes ให้สร้างโฟลเดอร์ใหม่
2. ในโฟลเดอร์นี้ ให้สร้างสไตล์ชีต ในสไตล์ชีตใหม่ บอก WordPress ว่านี่เป็นธีมลูกของธีมที่คุณมีอยู่
3. จากนั้น เพิ่มสำเนาของไฟล์ที่คุณต้องการแก้ไขในธีมย่อย แก้ไขไฟล์ในโฟลเดอร์นี้
4. สุดท้าย เปิดใช้งานธีมลูกบนเว็บไซต์ของคุณ

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

แนวทางปฏิบัติที่ดีที่สุดสำหรับการปรับแต่งธีม WordPress ของคุณ

นี่คือแนวทางปฏิบัติที่ดีที่สุดเมื่อคุณปรับแต่งธีม WordPress ของคุณ

ปรับแต่งโดยไม่ต้องเพิ่มโค้ดทุกครั้งที่ทำได้

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

ใช้ไซต์พัฒนาท้องถิ่นเพื่อทำการเปลี่ยนแปลง

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

ใช้การควบคุมเวอร์ชัน

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

ใช้ไซต์การแสดงละครเพื่อทดสอบการเปลี่ยนแปลง

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

ทำให้ธีมของคุณตอบสนองมือถือ

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

ตรวจสอบให้แน่ใจว่าการปรับแต่งของคุณสามารถเข้าถึงได้สำหรับทุกคน

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

ยึดมั่นในมาตรฐานการเข้ารหัสของ WordPress

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

ปรับแต่งธีม WordPress ของคุณด้วย SEO Design Chicago

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

คำถามที่พบบ่อย:

• คุณจำเป็นต้องปรับแต่งธีม WordPress ของคุณหรือไม่?
• เหตุใดฉันจึงไม่ควรใช้ WordPress Theme Editor
• ฉันจะค้นหาเครื่องมือปรับแต่งใน WordPress ได้อย่างไร
• ฉันจะแก้ไขเลย์เอาต์ ฟอนต์ และสีของธีม WordPress ได้อย่างไร
• แนวทางปฏิบัติที่ดีที่สุดสำหรับการปรับแต่งธีม WordPress มีอะไรบ้าง