คู่มือฉบับสมบูรณ์สำหรับธีม WordPress
เผยแพร่แล้ว: 2020-08-27ในบทความสำหรับผู้เริ่มต้นใช้งานนี้ เราจะแบ่งปันทุกสิ่งที่คุณจำเป็นต้องรู้เกี่ยวกับธีม WordPress
หากคุณเป็นผู้ใช้ WordPress ที่ช่ำชอง คุณอาจทราบข้อมูลนี้เป็นจำนวนมากแล้ว แต่ถ้าคุณเพิ่งเริ่มใช้ WordPress โพสต์นี้เหมาะสำหรับคุณ เพื่อที่คุณจะได้ไม่เพียงแค่เข้าใจว่าธีมคืออะไร แต่ยังได้เรียนรู้วิธีใช้งานและปรับแต่งธีมของคุณเพื่อสร้างเว็บไซต์ที่ดูดีและตรงตามที่คุณต้องการ ถึง.
นี่คือทุกสิ่งที่เราจะกล่าวถึง:
- ธีม WordPress คืออะไร
- วิธีเลือกธีม WordPress (รวมถึงธีมฟรีและธีมที่ต้องชำระเงิน)
- ธีม WordPress เทียบกับผู้สร้างธีมและเทมเพลต
- วิธีใช้ธีม WordPress – เช่น ติดตั้ง เปลี่ยนแปลง อัปเดต ปรับแต่ง ฯลฯ
- วิธีสร้างธีม WordPress ของคุณเอง
ธีม WordPress คืออะไร?
ธีม WordPress ของคุณควบคุมการออกแบบส่วนหน้าของไซต์ WordPress ของคุณ การเปรียบเทียบที่ดีคือการคิดว่าธีมของคุณเป็น "เสื้อผ้า" ของไซต์ของคุณ:
- เมื่อคุณเปลี่ยนเสื้อผ้า คุณเปลี่ยนวิธีการมองโลกภายนอก
- เมื่อคุณเปลี่ยนธีม WordPress คุณจะเปลี่ยนรูปลักษณ์ของไซต์ต่อผู้เข้าชม
เว็บไซต์ WordPress ทุกแห่งต้องการธีม WordPress ซึ่งเป็นข้อกำหนดพื้นฐานของแพลตฟอร์ม ถ้าเราจะเปรียบเทียบเสื้อผ้ากันต่อไป การไม่มีธีมก็เหมือนการออกไปเที่ยวในที่สาธารณะโดยไม่มีเสื้อผ้า ที่จริงแล้ว เว็บไซต์ของคุณจะไม่ทำงานหากคุณไม่ได้ติดตั้งธีมไว้ ซึ่งเป็นสาเหตุที่ WordPress มาพร้อมกับธีมเริ่มต้นที่จะช่วยให้คุณเริ่มต้นได้
สิ่งสำคัญที่ต้องเข้าใจคือ ธีมของ WordPress จะไม่เปลี่ยนเนื้อหาเว็บไซต์พื้นฐานของคุณ (เช่นเดียวกับการเปลี่ยนเสื้อผ้าไม่ได้เปลี่ยนบุคคลที่อยู่ข้างใต้) แต่จะเปลี่ยน รูปลักษณ์ของ เนื้อหาเว็บไซต์พื้นฐานเท่านั้น
ตัวอย่างเช่น หากคุณได้เผยแพร่บทความในบล็อกไปแล้ว การเปลี่ยนธีม WordPress จะไม่ลบหรือแก้ไขเนื้อหาในบล็อกโพสต์เหล่านั้น แต่จะเปลี่ยนรูปลักษณ์ของเนื้อหานั้นแทน
นี่คือบล็อกโพสต์เริ่มต้นที่มีธีม OceanWP ยอดนิยม:
และนี่คือโพสต์บล็อกเดียวกันกับธีมเฮสเทีย:
เนื้อหาเหมือนกันทุกประการในทั้งสองภาพหน้าจอ – มันดูแตกต่างกัน
WordPress Themes vs Plugins
ธีมและปลั๊กอินของ WordPress มีฟังก์ชันที่แตกต่างกันมาก และสิ่งสำคัญคือต้องจำสิ่งนี้:
- ธีมควบคุมการออกแบบ/รูปลักษณ์
- ปลั๊กอินควบคุมการทำงาน
จริง ๆ แล้วเป็นแนวปฏิบัติที่ไม่ดีสำหรับธีมที่จะรวมฟังก์ชันในตัวในธีมเอง นักพัฒนาธีมควรปล่อยให้การออกแบบเป็นธีมและรวมฟังก์ชันที่จำเป็นในปลั๊กอินแยกต่างหาก
ตัวอย่างเช่น สมมติว่าคุณต้องการสร้างเว็บไซต์รายการกิจกรรมในพื้นที่ คุณจะ:
- ใช้ ปลั๊กอินเพื่อเพิ่มฟังก์ชันปฏิทินกิจกรรม
- ใช้ธีมเพื่อควบคุมลักษณะการทำงานของปฏิทินกิจกรรม
การแยกการออกแบบออกจากการทำงาน หมายความว่าคุณสามารถเปลี่ยนธีมได้อย่างง่ายดาย อย่างไรก็ตาม หากธีมของคุณรวมฟังก์ชันการทำงานไว้ด้วย คุณจะถูก "ล็อก" ไว้เพื่อใช้ธีมนั้นตลอดไป เนื่องจากการเปลี่ยนธีมจะทำให้คุณสูญเสียฟังก์ชันที่คุณต้องการ
วิธีเลือกธีม WordPress
เนื่องจากธีม WordPress ของคุณควบคุมการออกแบบไซต์ของคุณ ธีมนี้จึงมีบทบาทสำคัญในการทำให้ไซต์ของคุณประสบความสำเร็จ ธีมของคุณจะส่งผลต่อหลาย ๆ ด้านเช่น:
- ประสบการณ์ผู้ใช้
- ประสิทธิภาพ (ระยะเวลาที่เว็บไซต์ของคุณโหลด)
- การสร้างแบรนด์
- เป็นต้น
ด้วยเหตุผลดังกล่าว คุณจึงต้องการใช้ความคิดในการเลือกธีมที่สมบูรณ์แบบ ในส่วนนี้ เราจะแบ่งปันเคล็ดลับบางประการเกี่ยวกับวิธีการทำเช่นนั้น รวมถึงจะหาธีมฟรีหรือพรีเมียมได้ที่ไหน (และมีความแตกต่างระหว่างธีมฟรีกับธีมพรีเมียมหรือไม่)
เคล็ดลับในการเลือกธีมที่มีคุณภาพ
หากคุณไม่ใช่นักพัฒนาซอฟต์แวร์ การพิจารณาว่าธีมมี "คุณภาพสูง" หรือไม่อาจเป็นเรื่องยาก นักพัฒนามีตัวเลือกในการดูโค้ดโดยตรงเพื่อทำความเข้าใจธีม แต่ผู้ที่ไม่ใช่นักพัฒนาจะไม่มีความหรูหราดังกล่าว
ต่อไปนี้คือเคล็ดลับบางประการที่จะช่วยคุณเลือกธีมที่ยอดเยี่ยม แม้ว่าคุณจะไม่สามารถวิเคราะห์โค้ดพื้นฐานได้:
- อ่านบทวิจารณ์ – ไดเร็กทอรีธีมส่วนใหญ่มีบทวิจารณ์ของผู้ใช้ การใช้ภูมิปัญญาของฝูงชนเป็นวิธีที่ยอดเยี่ยมในการประเมินคุณภาพของธีมอย่างรวดเร็ว
- ตรวจสอบวันที่อัพเดตล่าสุด - ไดเร็กทอรีส่วนใหญ่จะแสดงวันที่อัพเดตล่าสุดด้วย คุณต้องการให้แน่ใจว่าธีมยังคงได้รับการบำรุงรักษาเป็นประจำจากผู้พัฒนา ตามหลักการแล้ว ธีมของคุณควรได้รับการอัปเดตภายในหกเดือนที่ผ่านมา
- ดูการสาธิตด้วยอุปกรณ์ต่างๆ – ในปัจจุบัน ปริมาณการใช้อินเทอร์เน็ตส่วนใหญ่เกิดขึ้นบนอุปกรณ์พกพา ดังนั้น เมื่อคุณดูการสาธิตของธีม อย่าเพียงแค่ดูเวอร์ชันเดสก์ท็อปเท่านั้น คุณควรเปิดการสาธิตบนสมาร์ทโฟนของคุณ และตรวจสอบให้แน่ใจว่าคุณชอบรูปลักษณ์ของทั้งสองเวอร์ชัน
- พิจารณาตัวเลือกการปรับแต่งเอง – หากคุณไม่ใช่นักพัฒนาซอฟต์แวร์ คุณจะต้องมองหาตัวเลือกการปรับแต่งที่ใช้งานง่าย เพื่อให้คุณสร้างธีมของคุณเองได้ เราจะพูดถึงวิธีปรับแต่งธีมในภายหลัง ซึ่งจะช่วยให้คุณเข้าใจวิธีการทำงานได้ดีขึ้น
- ทดสอบประสิทธิภาพ – คุณจำเป็นต้องเลือกธีมที่จะทำให้ไซต์ของคุณโหลดเร็ว น่าเสียดาย นี่เป็นการประเมินที่ยากที่สุดในการประเมินว่าไม่ใช่นักพัฒนา ตามหลักการแล้ว คุณจะต้องติดตั้งธีมบนไซต์ทดสอบและวิเคราะห์ด้วยเครื่องมืออย่าง GTmetrix หรือคุณยังสามารถวิเคราะห์ไซต์สาธิตของธีมได้อีกด้วย
ธีม WordPress ฟรีและจ่ายเงิน
หากคุณอ่านหัวข้ออื่นๆ เกี่ยวกับการเลือกธีม WordPress คุณอาจพบแนวคิดที่ว่าธีมพรีเมียมดีกว่าธีมฟรีโดยเนื้อแท้
คุณอาจเห็นคนพูดว่า:
- ธีมพรีเมียมมีการเข้ารหัสที่ดีกว่าธีมฟรี
- ธีมพรีเมียมมีการออกแบบที่ดีกว่าธีมฟรี
- ธีมพรีเมียมเป็นมิตรกับ SEO มากกว่าธีมฟรี
- ธีมพรีเมียมมีความปลอดภัยมากกว่าธีมฟรี
- เป็นต้น
ข้อความเหล่านี้ไม่เป็นความจริง แน่นอนพวกเขาสามารถเป็นจริงสำหรับแต่ละธีม แต่ไม่มีความแตกต่างโดยธรรมชาติระหว่างธีมฟรีและธีมพรีเมียมที่ใช้กับทุกธีม
ธีมฟรีเป็นเพียงโค้ด และธีมพรีเมียมเป็นเพียงโค้ด:
- คุณสามารถมีธีมฟรีที่มีโค้ด/ออกแบบ/ปรับให้เหมาะสม และธีมฟรีที่โค้ดไม่ดี/ออกแบบ/ปรับให้เหมาะสมได้
- คุณสามารถมีธีมพรีเมียมที่มีการกำหนดรหัส/ออกแบบ/ปรับให้เหมาะสม และธีมพรีเมียมที่มีโค้ดไม่ดี/ออกแบบ/ปรับให้เหมาะสม
นอกจากนี้ ธีมจำนวนมากยังทำงานบนโมเดล "ฟรีเมียม" ซึ่งหมายความว่าธีมหลักนั้นฟรี แต่คุณสามารถจ่ายเงินเพื่อเพิ่มคุณสมบัติอื่นๆ ได้ เป็นธีมหลักที่เหมือนกันทุกประการระหว่างเวอร์ชันฟรีและจ่ายเงิน ดังนั้นคุณจึงไม่สามารถพูดได้ว่าเวอร์ชันใดดีกว่าอีกเวอร์ชันหนึ่ง
ทั้งหมดที่กล่าวมา หากคุณพบธีมฟรีที่คุณชอบและมันทำทุกอย่างที่คุณต้องการ ก็ไม่เป็นไร อย่ารู้สึกว่าคุณ "ต้องการ" ธีมระดับพรีเมียมเพื่อให้มีเว็บไซต์ที่ประสบความสำเร็จ ตัวอย่างเช่น ธีม Hello ของเรานั้นฟรี 100% และถูกใช้โดยไซต์มากกว่า 300,000 แห่ง
ด้วยเหตุผลดังกล่าว มีเหตุผลสองสามประการที่คุณอาจต้องการเลือกธีมพรีเมียม:
- การสนับสนุน – โดยทั่วไป ธีมฟรีจะไม่ได้รับการสนับสนุนหรือมีการสนับสนุนที่จำกัด ด้วยธีมแบบพรีเมียม คุณมักจะได้รับการสนับสนุนแบบตัวต่อตัวจากนักพัฒนาโดยตรง
- ฟีเจอร์เพิ่มเติม – แม้ว่าจะไม่ใช่กฎตายตัว แต่โดยทั่วไปแล้วธีมพรีเมียมจะมีฟีเจอร์มากกว่าเพราะนักพัฒนาสามารถลงทุนเวลากับธีมเหล่านี้ได้มากขึ้น (เนื่องจากได้รับเงินแล้ว)
- การสาธิต/เทมเพลตเพิ่มเติม – เป็นไปตามเหตุผลเดียวกันกับ “คุณสมบัติเพิ่มเติม” ด้านบน
- อายุยืน – ด้วยธีมฟรี คุณมีโอกาสสูงที่นักพัฒนาจะละทิ้งธีมนี้ไปเพราะไม่ใช่แหล่งรายได้ ด้วยธีมที่ต้องชำระเงิน นักพัฒนาซอฟต์แวร์มีแรงจูงใจทางการเงินที่จะรักษาธีมนี้ต่อไป
จะหาธีม WordPress ฟรีได้ที่ไหน
สถานที่ที่ดีที่สุดในการค้นหาธีม WordPress ฟรีคือไดเร็กทอรีธีม WordPress.org อย่างเป็นทางการ
ณ เดือนสิงหาคม 2020 ไดเรกทอรีอย่างเป็นทางการมีธีมฟรีมากกว่า 7,600 ธีม ซึ่งทั้งหมดต้องเป็นไปตามมาตรฐานการเข้ารหัสพื้นฐาน
หากคุณไม่ต้องการท่องไปตามธีมมากกว่า 7,600+ ธีม คุณสามารถดูรายการธีม WordPress ที่ดีที่สุดฟรีที่รวบรวมไว้ของเรา
จะหาธีม WordPress พรีเมี่ยมได้ที่ไหน
ต่างจากธีม WordPress ฟรีตรงที่ ไม่มีไดเร็กทอรีอย่างเป็นทางการสำหรับค้นหาธีม WordPress ระดับพรีเมียม
ตลาดที่ใหญ่ที่สุดสำหรับธีมพรีเมียมคือตลาด ThemeForest ของ Envato ซึ่งมีธีมพรีเมียมมากกว่า 11,000 ธีม ณ เดือนสิงหาคม 2020 ราคาแตกต่างกันไปตามธีม แต่โดยทั่วไปคุณจะจ่ายประมาณ 60 ดอลลาร์สำหรับธีมจาก ThemeForest
นักพัฒนาหลายคนยังขายตรงผ่านเว็บไซต์ของตน คุณสามารถค้นหาผู้ขายอิสระเหล่านี้ได้ทาง Google หรือคำพูดจากปากต่อปาก
WordPress Themes vs Theme Builders vs Templates
ตอนนี้ มาดูการเปรียบเทียบเพื่อช่วยให้คุณเข้าใจคำศัพท์บางคำที่คุณอาจพบใน "ธีม WordPress"
WordPress Theme vs Theme Builder
หากคุณรู้สึกว่าถูกจำกัดด้วยแนวคิดในการใช้ธีม WordPress แบบออฟไลน์ คุณอาจต้องการตัวสร้างธีม (หรือที่เรียกว่าเครื่องมือสร้างเว็บไซต์ WordPress)
ตัวสร้างธีมช่วยให้คุณ "สร้าง" ธีม WordPress บางส่วนหรือทั้งหมดได้โดยใช้ตัวแก้ไขบางประเภท (ไม่ต้องใช้โค้ด) ตัวอย่างเช่น Elementor Theme Builder ให้คุณออกแบบธีมของคุณโดยใช้อินเทอร์เฟซแบบลากและวางแบบภาพ
คุณสามารถใช้ตัวสร้างธีมเพื่อออกแบบธีมของคุณได้ 100% หรือคุณสามารถใช้มันในการผ่าตัดเพื่อแทนที่บางส่วนของธีมของคุณได้ ตัวอย่างเช่น คุณสามารถใช้ตัวสร้างธีมเพื่อออกแบบส่วนหัวที่กำหนดเองสำหรับธีมของคุณ แต่ยังคงใช้ธีมของคุณเพื่อควบคุมส่วนอื่นๆ ของการออกแบบ (เช่น รูปลักษณ์ของโพสต์ในบล็อก)
แม้ว่าคุณจะใช้ตัวสร้างธีม คุณยังต้องติดตั้งธีม WordPress (ซึ่งเป็นข้อกำหนดพื้นฐานของ WordPress อีกครั้ง แม้ว่าคุณจะเปลี่ยนการออกแบบธีมนั้นโดยสิ้นเชิง) ในสถานการณ์นั้น คุณต้องการเลือก "ธีมพื้นฐาน" ที่มีน้ำหนักเบามาก เช่น ธีม Hello
ธีม WordPress กับตัวสร้างธีมอธิบายในรายละเอียดเพิ่มเติม
WordPress Theme vs Template vs Template Kit
เทมเพลตเป็นอีกเครื่องมือหนึ่งที่คุณสามารถใช้เพื่อควบคุมรูปลักษณ์ของเว็บไซต์ของคุณ
สิ่งนี้อาจทำให้สับสนเล็กน้อยเนื่องจาก “แม่แบบ” อาจหมายถึงสิ่งต่าง ๆ ในสถานการณ์ที่ต่างกัน
ในบริบทของธีม WordPress ธีม WordPress บางธีมมาพร้อมกับเทมเพลตต่างๆ ที่คุณสามารถใช้ได้เมื่อคุณสร้างเนื้อหา ตัวอย่างเช่น คุณอาจได้รับ "เทมเพลตแบบเต็มความกว้าง" และ "เทมเพลตความกว้างแคบ" ที่มีแถบด้านข้าง
ภายใต้ประทุน ธีม WordPress ยังประกอบด้วยเทมเพลตต่างๆ ที่เข้ากันได้ทั้งหมดผ่านสิ่งที่เรียกว่าลำดับชั้นของเทมเพลต WordPress อย่างไรก็ตาม การทำความเข้าใจลำดับชั้นของเทมเพลตเป็นหัวข้อขั้นสูงและเป็นสิ่งที่เฉพาะนักพัฒนาเท่านั้นที่ต้องเรียนรู้จริงๆ
ในบริบทของเครื่องมือ เช่น Elementor Theme Builder "เทมเพลต" เป็นส่วนหนึ่งของธีมของคุณโดยเฉพาะ ตัวอย่างเช่น คุณจะมีเทมเพลตแยกต่างหากสำหรับไซต์ของคุณ:
- หัวข้อ
- การออกแบบโพสต์บล็อก
- การออกแบบรายการบล็อก
- ส่วนท้าย
- เป็นต้น
จากนั้นคุณสามารถประกอบเทมเพลตเหล่านี้ลงในเว็บไซต์ที่สมบูรณ์ได้ เช่น เลโก้ เพื่อประหยัดเวลา Elementor ยังเสนอคุณลักษณะที่เรียกว่าชุดแม่แบบซึ่งให้ชุดแม่แบบที่สร้างไว้ล่วงหน้าทั้งหมดซึ่งคุณอาจต้องใช้เพื่อสร้างการออกแบบที่สอดคล้องกัน