Theme คือ เครื่องมือที่ใช้สำหรับออกแบบ และจัดวาง layout หน้าตาเว็บไซต์ WordPress ของเราให้สวยงามในแบบที่เราต้องการ หากเราใช้งานธีมได้เก่งๆ เราจะสามารถออกแบบหน้าเว็บของเราอย่างไรก็ได้ ทุกไอเดีย หรือออกแบบเว็บเลียนแบบหน้าตาของเว็บที่เราชอบก็ได้
การใช้งานธีมนั้นจะมีอยู่ 2 ประเภท คือ
- ธีมฟรี ที่เราสามารถอัพโหลดผ่านหลังบ้านเว็บไซต์ของเราได้เลย
แต่เราไม่สามารถออกแบบหน้าตามเว็บตามใจเราได้เอง เราทำได้แค่เพียงต่อตาม template ที่เขาออกแบบเว็บไว้แล้ว - ธีมเสียเงิน หรือที่เรามักจะเรียกกันว่า พรีเมี่ยมธีม (Premium Theme)
หากเราซื้อธีมที่เป็น พรีเมี่ยมธีม และเราใช้งานเขาเป็น เราจะสามารถออกแบบเว็บให้มีหน้าตาอย่างไรก็ได้ เห็นเว็บไหนสวยๆ เราสามารถออกแบบเว็บของเราเลียนแบบเว็บที่เราชอบได้หมดเลยนั้นเอง
เพราะพวกธีมฟรีมีข้อจำกัดเยอะ ในระยะยาวต้องซื้อธีมกันทุกคนครับ คราวนี้ถ้าจะซื้อ ซื้อธีมไหนดี ถ้าเป็นมือใหม่ควรใช้ธีมที่เป็น bestseller ที่มีคนใช้เยอะๆ ติดขัดอะไรจะได้มีคนช่วยได้ครับ หรือไม่ก็ลองเอาชื่อธีมที่เราสนใจไปเสริจหาบนยูทูปดูก่อนว่ามีคลิปสอนเยอะมั้ย การเซ็ทอัพธีมจะได้ง่ายขึ้นครับ เพราะการทำเว็บมันไม่ง่ายอย่างที่เราคิดไว้แน่นอนครับ
แหล่งซื้อธีมคุณภาพระดับโลกคือที่นี่ครับ Themeforest ทุกธีมจะมี live preview ว่าธีมนี้ทำอะไรได้บ้าง แต่ถ้าเป็นธีมที่สร้างโดยคนไทยก็ต้องที่นี่เลยครับ seedtheme
แต่เราต้องมองให้ออกว่า ธีม คือชิ้นส่วนที่เปรียบเหมือนกับตัวต่อเลโก้ เราซื้อมาหนึ่งธีม เราก็ได้ชิ้นส่วนมา 1 ถุง เราจะต่อเป็นเว็บอะไรก็ได้ โดยใช้ชิ้นส่วนที่ธีมมีให้ จะต่อเป็นเว็บบริษัทก็ได้ จะต่อเป็นเว็บร้านค้าก็ได้ ต่อเป็นเว็บบล็อคก็ได้ แล้วแต่ไอเดียของเราเลย ส่วนพวกเดโมที่เราเห็น ผู้สร้างธีมเขาแค่ต่อเว็บให้ดูเป็นตัวอย่าง จากชิ้นส่วนต่างๆ ที่ธีมนั้นมีให้เฉยๆ ครับ เรายังสามารถต่อเติมเสริมแต่งอะไรเพิ่มขึ้นอีกก็ได้ครับ
หากยังตัดสินไม่ถูกลองเข้าไปดูรายชื่อธีมที่ผมแนะนำไว้ที่นี่ก็ได้ครับ 2020’s Best Selling Themes ใช้ดีทุกธีม ปล. ถ้าเราใช้งานมันเป็นนะ
แต่สำหรับบทความชุดต่อไปผมจะพูดถึงเรื่องการออกแบบเว็บด้วย พรีเมี่ยมธีม ผมจะสอนผ่านธีมนี้ครับ Flatsome Theme ดังนั้นหากคุณต้องการที่จะทำเว็บสวยๆ ที่ละขั้นตอนตามบทความชุดนี้ได้ ผมแนะนำว่าให้มาใช้ธีมเดียวกันกับที่ผมใช้ จะง่ายที่สุดครับ
หน้าที่หลักๆ ของธีม
- ช่วยในการออกแบบ (layout) หน้าเว็บแต่ละหน้า
- ปรับแต่งส่วน Header และ Footer
- เปลี่ยน Logo, เปลี่ยนสี, เปลี่ยนฟอนต์ (font)
วิธีการเปลี่ยนธีม
1) ธีมฟรี
ให้เราไปที่ Appearance > เลือก Theme > Add new > ชอบธีมไหน เราก็กด install และ Activate ใช้งานธีมนั้นได้เลย
2) ธีมเสียเงิน (Premium Theme)
ให้เราไปที่ Appearance > เลือก Theme > Add new > คลิก Upload ไฟล์ธีมที่เราซื้อมากนั้นเอง จากนั้นให้คลิก Install และ Activate ให้เรียบร้อย
แต่ความยากของ WordPress ก็คือ หากเราใช้ Premium Theme ซึ่งแต่ละธีมจะมีขั้นตอนการลงธีมและ set up ไม่เหมือนกัน ก่อนที่เราจะใช้งานธีมไหน เราต้องเข้าไปอ่านคู่มือของธีมๆ นั้นก่อนเสมอ ซึ่งวิธีการใช้งานธีมแบบละเอียด ผมจะพูดถึงในบทถัดไปครับ
ตัวอย่างการติดตั้งธีม Flatsome
คำแนะนำหลักการเลือกธีม
- ควรใช้พรีเมี่ยมธีม (ธีมตัวเสียเงิน) ธีมฟรีจะมีข้อจำกัดค่อนข้างเยอะ และไม่มีความยืดหยุ่น จะออกแนวเว็บสำเร็จรูป เราไม่สามารถปรับแต่งตามใจ หรือตามไอเดียที่เรามีได้แต่หากเราเลือกใช้ธีมตัวเสียเงิน อารมณ์การใช้งาน จะเปรียบเหมือนเราซื้อตัวต่อเลโก้ เราซื้อ 1 ธีม เราก็จะได้ชิ้นส่วนมา 1 ถุง หน้าที่ของเราคือเอาชิ้นส่วนเหล่านั้นมาประกอบเป็นเว็บให้มีหน้าตาแบบใดก็ได้ ตามไอเดียของเราได้หมด เหมือนกับเราต่อตัวต่อเลโก้ให้มีรูปร่างอะไรก็ได้นั้นเอง
- มีการอัพเดทอยู่เสมอ ธีมที่ดีควรมีการอัพเดทล่าสุดให้สามารถใช้งานบน WordPress เวอร์ชั่นล่าสุดอยู่เสมอ
- อัพเดทตาม Woo เวอร์ชั่นล่าสุด (4+)
- มียอดขายพอสมควร ทุกคนสามารถทำธีมแล้วเอาไปลงขายที่ ThemeForest ได้หมด แต่ไม่ใช่ทุกธีมที่วางขายบน ThemeForest แล้วจะขายดี ในหลายๆ ธีมหากไม่ค่อยมียอดขาย ผู้สร้างธีมมักหยุดพัฒนาธีม หรืออัพเดทธีมในรองรับ WordPress และ Woocommerce เวอร์ชั่นใหม่ๆ หากเราใช้ธีมนั้นๆ ต่อไป ก็มีความเสี่ยงสูงว่าเว็บเราจะใช้งานไม่ได้เมื่อมีการอัพเดทนั้นเอง
- มีคลิปสอนการ setup ธีม บน YouTube การทำเว็บ WordPress นั้นไม่ยาก เราไม่ต้องเขียนโค้ด แต่มันก็ไม่ง่าย เพราะมันมีรายละเอียดที่เยอะมาก และแต่ละธีมมีการ Setup ที่ไม่เหมือนกันเลย หากเราจะซื้อธีมไหน ลองเอาชื่อธีมนั้นไปเสริจหาบน Youtube ดู ถ้าธีมนั้นมีคลิปสอน ก็จะช่วยให้เราเรียนรู้การทำเว็บได้เร็วขึ้นนั้นเอง
- มี Facebook Group ช่วย ถาม-ตอบ ในบางธีม เขาจะสร้าง Facebook Group เพื่อคอย Support คนที่ใช้ธีมเดียวกัน ติดขัดตรงไหนเราก็สามารถไปตั้งกระทู้ถามได้เลย แต่มีแค่บางธีมนะที่มี
- แหล่งซื้อธีมคุณภาพ themeforest.net
อ่านเพิ่มเติม: คู่มือการใช้งานธีม Flatsome
บทเรียนถัดไป: การใช้งาน Woocommerce