3 วิธีในการปรับแต่งธีม WordPress ของบุคคลที่สาม

เผยแพร่แล้ว: 2022-10-23

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

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

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

ฉันจะปรับแต่งธีมของฉันบน WordPress ได้อย่างไร

เครดิต: Kinsta

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

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

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

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

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

วิธีปรับแต่งธีม WordPress ของคุณ

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


คุณสามารถปรับแต่งธีม WordPress ได้อย่างเต็มที่หรือไม่?

เครดิต: www.designtrends.com

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

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

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

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

การปรับแต่งธีมใน WordPress

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

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

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

Elementor, WPBakery และ Gutenberg นอกเหนือจาก Elementor เป็นปลั๊กอินสำหรับสร้างเพจ WordPress ทั้งหมดที่ Porto เข้ากันได้ ตัวสร้าง Jenga แบบลากแล้ววางก็มีให้ดาวน์โหลดฟรีเช่นกัน โดยไม่ต้องเรียนรู้ภาษาการออกแบบ เป็นวิธีที่ง่ายและรวดเร็วในการรักษาสถานะออนไลน์แบบมืออาชีพ ธีมอเนกประสงค์ นี้เป็นตัวเลือกที่ยอดเยี่ยมสำหรับผู้สร้างเพจ WordPress เพราะสามารถใช้กับ WPBakery ได้ Massive Dynamic มาพร้อมกับโปรแกรมแก้ไขข้อความสดที่น่าทึ่งที่คุณสามารถใช้งานได้โดยตรงจากส่วนหน้า H-Code มีมากกว่า 50 แนวคิดโฮมเพจที่พร้อมใช้งานซึ่งคุณสามารถใช้เพื่อให้เว็บไซต์ของคุณมีผลกระทบมากที่สุด หากคุณมีปัญหากับเครื่องมือปรับแต่งบนไซต์ WordPress ของคุณ อาจเกิดจากปลั๊กอิน ธีม หรือคอร์ที่ล้าสมัย

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