วิธีเลือกธีม WordPress By Wpthaiuser.com

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

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

theme-options.png

เราสามารถแบ่งประเภทของธีม WordPress เป็น 2 ประเภทใหญ่ๆ ดังต่อไปนี้

ธีมเฉพาะด้าน

ธีมเหล่านี้ถูกสร้างมาเพื่อการใช้แบบจำเพาะเจาะจงสำหรับเว็บไซต์แต่ละแนว เช่น เว็บไซต์แมกกาซีนหรือเว็บประเภทข่าว, เว็บไซต์แนว protfolio, เว็บแนวบล็อก, เว็บไซต์แนว Real Estate, eCommerce เป็นธีมปรับแต่งพิเศษสำหรับปลั๊กอิน WooCommerce เป็นต้น ธีมเหล่านี้มีการออกแบบและเพิ่มฟังชั่นพิเศษมาสำหรับเว็บแต่ละด้านอยู่แล้ว ทำให้สะดวกสบายในการใช้งานมากยิ่งขึ้น เว็บขายของออนไลน์ก็จะมีหน้าร้านสวยๆ ต่างจากการใช้ปลั๊กอินอย่างเดียว เว็บโรงแรมก็อาจจะมีระบบจองมาให้ด้วย เว็บเกี่ยวกับการศึกษาก็อาจจะมีระบบจัดการสมาชิกหรือห้องเรียนมาให้ เป็นต้น

นอกจากนี้หลายธีมยังเพิ่มความสามารถในด้านความยืดหยุ่นเข้าไปอีก โดยการใส่ Page Builder Plugin เข้าไป เพื่อให้เราสามารถที่จะออกแบบหน้าบางหน้าเป็นพิเศษได้ เช่น Extra ต่อยอดจาก Divi ที่เป็น Page builder theme อยู่แล้ว แต่นำมาสร้างเป็นธีมเฉพาะด้านสำหรับทำบล็อก ทำให้มีระบบ Divi builder มาในตัว หรือ News Paper เว็บสำหรับทำข่าวหรือนิตยสารนั้นก็จะใส่ปลั๊กอิน Visual Composer ปลั๊กอิน Page Builder ตัวดังเสริมมาให้ด้วย

 

Newspaper ธีมเฉพาะด้านแนวข่าวสารแมกกาซีน

มีเว็บไซต์มากมายที่ขายธีม WordPress โดยเราสามารถที่จะค้นหาตามหมวดหมู่ของเว็บที่ต้องการได้ โดยการใช้งานภายใต้เงื่อนไข เช่น สามารถใช้ 1 ธีม/ 1 เว็บเท่านั้น เช่น Themeforest.net ที่เป็นเจ้าใหญ่ที่สุดในตลาด โดยมีนักเขียนธีมทั่วโลกส่งธีมขึ้นไปขาย

themeforest

นอกจากนี้ยังมีเว็บสร้างธีมที่เขียนธีมขึ้นมาขายเองโดยเฉพาะ ข้อแตกต่างคือเว็บจำพวกนี้สามถใช้ได้แบบไม่จำกัด แถมยังมีการขายแบบแพเกจหรือที่เรียกว่า Plan โดยเป็นการขายแบบเหมารวมทั้งเว็บเป็นต้น เช่น Elegantthemes.com เริ่มต้นที่ $69 ได้ 87 ธีม หรือหากต้องการซื้อแบบแยกเฉพาะธีมเดียวก็ได้ เช่นที่ Mythemeshop.com เป็นต้น

Elegantthemes

Mythemeshop

เราไม่จำเป็นต้องเสียเงินเสมอไป เพราะธีมเฉพาะด้านบางแนว เช่น บล็อก แมกกาซีน portfolio นั้น มีคนเขียนให้ใช้ฟรีเป็นจำนวนมาก หาได้ง่ายๆ โดยการเสริช Google คำว่า WordPress Free Theme แล้วตามด้วยประเภทของธีมที่ต้องการ แต่ควรเลือกจากแหล่งที่ปลอดภัยไว้ก่อน เช่น เว็บที่ขายธีมอย่าง Mythemeshop เอง เขาก็จะมีส่วนของ Free ให้เราได้ทดลองใช้งานอยู่แล้ว ใช้งานได้ดีเช่นกัน หรือในขั้นตอนการติดตั้ง WordPress เขาก็มีธีมฟรีมากมายจาก WordPress.org เอง ให้เราได้เลือกใช้งานได้ฟรีๆ อ่าน การติดตั้งธีม WordPress แต่ระวังอย่าใช้ธีมผิดลิขสิทธิ์ที่แจกตามเว็บทั่วไป เพราะอาจฝังโค้ดอันตรายไว้ก็ได้

ข้อเสียของธีมเฉพาะด้าน

  • หากใช้ธีมเดียวกันทำเว็บหลายเว็บ หน้าตาของเว็บจะคล้ายกันมากๆ เพราะไม่สามารถที่จะปรับแต่งได้ถึงขีดสุด เวลาเปิดดูเว็บบางเว็บแทบจะบอกได้เลยว่าใช้ธีมไหน (เราพูดถึงในกรณีที่เราเป็นคนธรรมดาที่ไม่ได้รู้เรื่อง CSS ในการปรับแต่งธีม) ถ้าทำเว็บใหม่ก็ซื้อธีมใหม่จะดีกว่า
  • ธีมสำหรับเว็บบางประเภทมีเยอะมากๆ เยอะจนอาจจะทำให้มันดูคล้ายๆ กัน แต่ระบบหลังบ้านอาจจะคนละเรื่องเลยก็ได้
  • การปรับแต่งเป็นเรื่องที่ท้าทาย เพราะบางธีมอาจสร้าง Theme Options มาแบบน่าปวดหัว เพราะธีมเฉพาะด้านแต่ละแนวก็มีระบบที่ต่างกัน บางแนวที่มีระบบพิเศษเพิ่มเข้ามามากเท่าไหร่ก็จะยิ่งมีการตั้งค่ามากเท่า นั้น ต่างจากธีมแบบ Page Builder ที่อาจจะเยอะเฉพาะโมดูล แต่ Theme Options จะไม่ซับซ้อนมากนัก เพราะเน้นจัดการ Page อย่างเดียว ไม่ได้มีระบบเฉพาะด้านที่ต้องตั้งค่าเป็นพิเศษ

Page Builder Theme

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

หลักการทั่วๆ ไปนั้นคล้ายๆ กัน คือ แบ่งแถว (row) และ คอลัมน์ (Column) ให้ได้เลย์เอ้าท์และการจัดวางในแบบที่เราร่างไว้ แล้วแทรกโมดูลต่างๆ ที่ระบบมีให้ แล้วปรับแต่งอีกทีให้เหมือนกับที่ดีไซน์ ทั้งนี้ดีไซน์ของแต่ละธีมก็อาจจะต่างกัน แต่โดยส่วนมากแล้วสามารถที่จะปรับแต่งได้คล้ายๆ กัน

divi-builder

ตัวอย่าง Page Builder ของธีม Divi

 

Divi

Avada

X | The Theme

BeTheme

Enfold

Jupiter

The7

01_main_image.__large_preview

Total

ข้อเสียของการใช้ Page Builder Theme

  • โมดูลส่วนใหญ่จะมีเฉพาะพวกที่คนใช้เยอะๆ ไม่สามารถเพิ่มได้ง่ายๆ
  • ถึงแม้จะขึ้นเว็บได้เร็ว แต่ถ้าปรับแต่งน้อย ก็จะทำให้เว็บแต่ละเว็บหน้าตาคล้ายกันไปหมด ดังนั้นผู้ใช้งานควรมีความสามารถในการออกแบบ รู้ว่าจะเปลี่ยนตรงไหนเพื่อสร้างความต่างให้เว็บ เราอาจลดเวลาในการสร้างธีมแต่เอาเวลาตรงนี้มาทุ่มให้กับการปรับแต่งแทน ถ้าทำให้คนอื่นจำไม่ได้ว่าเราใช้ธีมอะไรถือว่าประสบผลสำเร็จ
  • ธีมที่ฝัง Page Builder Plugin เข้าไปแทนการสร้างระบบของตัวเองนั้นเมื่อมีการอัพเดตจำเป็นต้องพึ่งพาหรือรอ การอัพเดตจากคนที่เขียนปลั๊กอินอีกที
  • ธีมประเภทนี้ยังคงแข่งกันในการลดขนาดเพื่อให้ทำงานได้เร็วขึ้น เพราะบางระบบก็ค่อนข้างหนักและช้าพอสมควร
  • เมื่อมีการเปลี่ยนธีม ส่วนใหญ่แล้วธีมหรือปลั๊กอิน Page Builder จะคลายร่างสวยๆ ออกมาเป็น Shortcode ยังกับรหัสลับดาวินชีทันที จะเป็นเรื่องโกลาหลมากถ้าหากคุณใช้ Page Builder นี้กับ Post จำนวนมาก ดังนั้นควรใช้ตามชื่อมัน คือใช้ทำ Page ที่ต้องการให้มีความน่าสนใจเป็นพิเศษเท่านั้น นอกเสียจากว่าคุณไม่คิดจะเปลี่ยนธีมอีกเลย

 

ตัวอย่าง shortcode ของธีม Divi

ตัวอย่าง shortcode ของธีม Divi

ขั้นตอนในการเลือก WordPress Theme ให้ถูกใจ

  1. รู้ว่าตัวเองกำลังจะทำเว็บเกี่ยวกับอะไร
  2. เลือกสไตล์ของเว็บที่ชอบ แล้วเลือกเอาซักแนว เช่น แบบเรียบง่าย หรือแบบสีสัน ลูกเล่น
  3. ดู Features ต่างๆ ของธีมที่เราเล็งๆ ไว้ ว่ามีฟังชั่นพิเศษอะไร สามารถปรับแต่งตรงไหนได้บ้าง จุดเด่น จุดด้อยที่เรารับได้ การต่อยอดในอนาคต
  4. รู้จักวางแผนล่วงหน้า เช่น ถ้าตรงนี้ธีมเราไม่มีแล้วเราจะสามารถหาอะไรมาทดแทนได้ มีปลั๊กอินไหนที่จะขยายความสามารถตรงนี้ได้บ้าง หากลองหาแล้วไม่เจอธีมที่ตรงตามความต้องการจริงๆ (น้อยมากที่จะตรงเป๊ะ) การรู้ว่าเราจะไปต่อยังไงจะช่วยให้เรามีหนทางอยู่เสมอ
  5. ธีมเฉพาะด้านมักจะใช้งานง่ายกว่า และตรงเป้ากว่าหากเว็บที่เราจะทำนั้นมีธีมเฉพาะด้านอยู่ก็ให้ลองดูเป็นอันดับแรก
  6. ดู Demo ของธีม ซึ่งก็คือตัวอย่างขณะออนไลน์จริงนั่นเอง บางธีมจะมีตัวอย่างหลายแบบเพื่อให้เราพอนึกภาพออกว่ามันสามารถปรับแต่งได้ยังไงบ้าง
  7. ศึกษารายละเอียดและเงื่อนไขการใช้งานและซัพพอร์ต หรือบริการเสริมอื่นๆ เช่น สามารถอัพเดตได้นานเท่าไหร่ มีบริการช่วยเหลืออย่างไร สามารถใช้ได้กี่เว็บ เป็นต้น
  8. หากเขามีธีมฟรีก็ลองโหลดมาเล่นดูซักตัว ผู้ขายบางเจ้ามักจะใช้ระบบเดียวกันกับทุกธีม เราอาจจะได้เห็นว่าการตั้งค่าการใช้งานต่างๆ นั้นทำได้ยากง่ายแค่ไหน
  9. ถ้าเป็นไปได้ ให้พยายามดูฟีดแบคจากคนที่เราจะซื้อด้วย อาจจะใช้วิธีการเสริช หรืออ่านจากการตอบคอมเม้นท์หรือเว็บบอร์ดถ้าเขาเปิดให้เข้าดูได้ เช่น Themeforest เราสามารถที่จะดูคอมเม้นท์ได้หมด
  10. สุดท้ายแล้ว หากไม่ได้ตรงตามที่ต้องการจริงๆ ทั้งในเรื่องของการออกแบบและระบบที่เราต้องการ อาจจะต้องพึ่งมืออาชีพสร้างให้โดยเฉพาะ แม้จะพูดได้ว่า WordPress สามารถที่จะทำเว็บได้ทุกเว็บก็จริง แต่บางทีการเขียนเองเพื่อการใช้งานเฉพาะก็สะดวกและง่ายกว่าการนั่งปรับแต่ง หากทางเลือกนี้เป็นทางเลือกสุดท้าย ก็ควรเตรียมทุนไว้ให้ดี และข้อตกลงต้องชัดเจนทั้ง 2 ฝ่ายนะคะ

การตั้งค่า Widget บน WordPress By Wpthaiuser.com

วิดเจ็ต (Widget) คือ ส่วนขยายที่ช่วยให้เราสามารถแสดงข้อมูลที่ต้องการไว้บน sidebar ได้ เช่น หมวดหมู่ แท็ก หน้า รูปภาพ Facebook และอื่นๆ แล้วแต่ว่าเราอยากจะให้แสดงอะไร บางอย่างก็เพิ่มมาจากปลั๊กอินที่ติดตั้งก็มีค่ะ

ใน รูปด้านบนจะเห็นว่าเรามี Sidebar 2 ตำแหน่งด้วยกัน คือด้านขวา อันนี้เรียกว่าและด้านล่าง ปกติด้านล่างนี้จะเรียกว่า Footer sidebar (พื้นที่ขอบล่าง) และกล่องต่างๆ ที่อยู่ข้างในเหล่านั้นก็คือ วิดเจ็ต นี้เอง Footer Sidebar จะต่างจาก Sidebar ปกติคือ แต่ละช่องจะถือว่าเป็นหนึ่ง sidebar อย่างในรูปนับจากซ้ายไปขวาก็จะเป็น Footer 1, Footer 2, Footer 3, Footer 4 เป็นต้น

เราสามารถเพิ่มวิดเจ็ตได้ด้วยการไปที่เมนู รูปแบบบล็อก > วิดเจ็ต (Appearance > Widgets) จากนั้นคลิกวิดเจ็ตที่ต้องการจากแล้วเลือกว่าจะใช้วิดเจ็ตนี้ที่ sidebar ไหน แล้วคลิกที่ปุ่ม เพิ่มวิดเจ็ต วิดเจ็ตก็จะถูกเพิ่มไปยังตำแหน่งที่เราเลือก

meta-sidebar

จากนั้นคลิกที่วิดเจ็ตที่เราเพิ่มไปบน sidebar แล้วทำการตั้งค่าตามที่ต้องการ แต่ละตัวก็มีการตั้งค่ามากน้อยต่างกันไป

meta-title

เราสามารถที่จะคลิกเพื่อลากวิดเจ็ตสลับตำแหน่งได้ ลากข้าม sidebar ก็ได้

drag-widget

วิดเจ็ตจะถูกบันทึกโดยอัตโนมัติและเราสามารถดูที่หน้าเว็บได้เลย

อีกวิธีหนึ่งที่เราสามารถใช้เพิ่มวิดเจ็ตได้ก็คือ การใช้เมนู Customize (รูปแบบบล็อก > ปรับแต่ง หรือคลิก ปรับแต่ง บนทูลบาร์เวลาอยู่ที่เว็บด้านหน้าก็ได้) ซึ่งจะแสดงให้เราเห็นการเปลี่ยนแปลงได้เลย

widget-customize

สามารถแทรกโค้ดที่ Sidebar ได้โดยเพิ่ม Text widget (ข้อความ) ไปที่ sidebar ที่ต้องการ

 

แหล่งที่มา http://www.wpthaiuser.com/widget/