คู่มือฉบับสมบูรณ์สำหรับธีม 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 ยังเสนอคุณลักษณะที่เรียกว่าชุดแม่แบบซึ่งให้ชุดแม่แบบที่สร้างไว้ล่วงหน้าทั้งหมดซึ่งคุณอาจต้องใช้เพื่อสร้างการออกแบบที่สอดคล้องกัน

อ่านเพิ่มเติมเกี่ยวกับความแตกต่างระหว่างธีม WordPress กับเทมเพลตในคู่มือเชิงลึกนี้