Elementor คืออะไร?
Elementor คือ Plugin บน WordPress ที่ช่วยในการออกแบบเว็บไซต์ เป็นหนึ่งใน Live Page Builder เพียงแค่ลากวาง (drag-and-drop page builder) และคลิกใส่ค่าต่างๆเท่านั้น ทำให้การทำเว็บไซต์ง่ายและประหยัดเวลาแถมยังทันสมัยรองรับมือถือด้วย เครื่องมือตัวนี้ถือว่ามีประโยชน์มากสร้างมาในปี 2016 ปัจจุบันปี 2024 มี Theme มากมายใช้ปลั๊กอินนี้ในการทำเว็บไซต์
Elementor tool มีเครื่องมืออะไรบ้าง
ในบทความนี้เราจะมายกตัวอย่างเครื่องมือ element ที่สำคัญใช้บ่อย จะมีดังนี้
- Heading
ใช้สำหรับใส่หัวข้อเรื่องโดยสามารถเลือกเป็น H1,H2 ได้เพื่อรองรับการทำ SEO - Text Editor
ใช้สำหรับใส่เนื้อหา Content ในบทความ สินค้า บริการต่างๆ ขยายรายละเอียดเรื่องราวของสิ่งนั้น - Button widget
ปุ่ม Call to Action ต่างๆ - Image
รูปภาพประกอบคอนเทนต์ - Html code
สำหรับโปรแกรมเมอร์ developer หรือใครที่รู้เรื่องโค้ด สามารถเขียนภาษา HTML ใส่ในเครื่องมือนี้ได้เลย - posts carousel
ลิสรายการของเรื่อง (Posts) ของบทความของเว็บไซต์เรา - image gallery
ทำลิสรายการของรูปภาพ - slider
ทำลิสรายการของรูปภาพ ในรูปแบบ Slider - Section
สร้างเซ็คชันสำหรับแบ่งเนื้อหาให้เป็นส่วนๆ ดูภาพประกอบ (1) - Column
สร้างคอลัมน์สำหรับแบ่งเนื้อหาให้เป็นส่วนๆ เช่น แบ่งเป็น 2 คอลัมน์ ความกว้างคนละ 50% เป็นต้น ดูภาพประกอบ (2)
ข้อดีของ Elementor
- สำหรับคนที่ไม่เคยเรียนเขียนโค้ด หรือไม่รู้จักการ Coding มาก่อนเลย Elementor จะเข้ามาช่วยซัพพอร์ทในเรื่องนี้ เพราะคุณไม่จำเป็นต้องเขียนโค้ดเป็น ไม่จำเป็นต้อง อ่านโค้ดได้ แค่ลาก วาง Widget แล้วก็ตกแต่งสี หรือ สไตล์ ตามที่เราต้องการได้เลย ให้นึกว่าเรากำลังทำ PowerPoint หรือ Dreamweaver อยู่
- Elementor ใช้วิธีการแก้ไขเว็บ แบบลากและวาง ทำให้ง่ายต่อการใช้งาน
- เป็นเครื่องมือแก้ไข Layout, Page, Header, Footer ที่ใช้งานง่ายมากๆ เหมาะกับผู้เริ่มต้น และมืออาชีพที่เขียน Code ปรับแต่งเพิ่มเองได้
- สร้าง-แก้ไขเว็บไซต์ จากมุมมองของผู้เยี่ยมชม WYSIWYG (What You See Is What You Get) ทำให้เห็นภาพรวมของทั้งหน้าเว็บ แล้วเมื่อบันทึกก็จะแสดงผลแบบนั้น
- จัดการเลเอาท์ ความกว้าง (Width) ความสูง (Height) ช่องว่าง (Blank Space) ความห่างระหว่าง Item เช่น padding , margin ได้ง่าย
- ในรุ่น Elementor Pro จะมี เทมเพลตสำเร็จรูปกว่า 300+ แบบให้เลือกใช้งาน ไม่เสียเวลาออกแบบ โดยแก้จากต้นแบบได้เลย
- มีโหมดซ่อมบำรุง เมื่อเรากำลังแก้ไขเว็บอยู่ เราสามารถเปิดใช้งานฟังก์ชั่นนี้ได้ จะมีหน้าชั่วคราวแสดงให้ผู้เข้าชมเว็บอยู่ในขณะนั้น
- ปรับรูปแบบการแสดงผลของเว็บได้ 3 หน้าจอ คือ Desktop / Tablate / Mobile ทำให้เราสามารถเห็นมุมมองในหน้าจอของแต่ละอุปกรณ์
- เราสามารถซ่อน Element ที่ไม่ต้องการให้แสดงบนแต่ละอุปกรณ์ได้ เพื่อให้เนื้อหาที่กระชับ เหมาะสมกับอุปกรณ์นั้นๆ
- Create Custom Widget ใช้งานได้อีกด้วย
- ง่ายมีระบบ undo/redo and full revision history เก็บประวัติการแก้ไข ย้อนกลับได้
- สามารถ Save Template เก็บไว้ใช้งาน Import ในหน้าอื่นๆได้ด้วย (Elementor template library)
- ถ้ามีเหตุการณ์ที่ต้อง ถอดติดตั้ง Uninstall Plugin Elementor มันจะไม่ทำให้สไตล์ (Style) เว็บเรายุ่งเหยิงเหมือนตัวอื่นเช่น WPBakery Page Builder หรือ the Divi Builder
ข้อเสียของ Elementor
- Plugin ตัวนี้ใช้ทรัพยากรเครื่องเยอะพอสมควร บางเซิฟเวอร์ อาจทำให้เว็บช้าและล่มได้ ยิ่งขั้นตอนหลังบ้าน อาจจะค้างไปเลย
- DOM Size ปริมาณความเยอะของจำนวนตัวอักษรที่ใช้สร้าง Class, Id, Div ต่างๆใช้เยอะมาก จนหน้าเว็บหนัก ทำให้ PageSpeed กฏเกณฑ์ในข้อนี้ที่เป็นปัจจัยต่อการจัดอันดับ SEO โดนเล่นงานอยู่เหมือนกัน
- ใช้ได้กับ WordPress เวอร์ชั่น 5.0 หรือรุ่นใหม่กว่านั้น
- ฟังก์ชั่นการแก้ไขเว็บทั่วไปใช้ Elementor Free ได้ แต่บางอย่างต้องซื้อรุ่น Elementor Pro หรือหันไปใช้ Add On ปลั๊กอินเสริม เช่น Element Pack, Power Element, Ultimate Elementor etc.
Elementor (ฟรี) เเละ Elementor Pro (เสียตัง) เเตกต่างกันยังไง?
Elementor เเละ Elementor Pro เเตกต่างกันที่ ใน Elemetor Pro (เสียตัง) จะมีลูกเล่นมากกว่า Elementor (ตัวฟรี) ซึ่งตัวฟรีมีให้ใช้ฟรีประมาณ 40 แบบ แต่แบบจ่ายเงินมี widget ให้เล่นมากกว่าเพิ่มเติมถึง 300+ Widget เเละยังสามารถสร้างในส่วนที่ตัวฟรีทำไม่ได้ เช่น Slider, Portfolio, Social share buttons และอื่นๆ เป็นต้น
ตัวอย่าง Elementor Pro Feature
แนะนำ Elementor Theme เริ่มต้น ที่ดีที่สุด
- Hello Elementor Theme
- Neve
- Astra
- GeneratePress
- Sydney
- Page Builder Framework
- Jupiter
- Hestia
- The7
- Besa
สรุป
WordPress เป็นที่นิยมอันดับ1ของโลกและในไทย คือราชาแห่งแพลตฟอร์มสร้างเว็บไซต์ ส่วน Elementor ก็เป็นเบอร์ต้นๆเหมือนกัน เป็นพันธมิตรที่ใกล้เคียงที่สุด สร้างเว็บไซต์ออกแบบเพียงลากและวางที่ดีที่สุดเพราะ Elementor ทำทุกอย่างให้ มันช่วยให้คุณสร้างเว็บไซต์ที่เป็นจริงตามจินตนาการของคุณ ด้วย Elementor ในเรื่อง SEO ไม่ต้องห่วงมีเว็บติดหน้าแรก Google มากมายที่ใช้ Elementor ครับ หากใครสนใจวิธีใช้งานเพิ่มเติม ลองค้นหาคลิปวีดีโอสอนการใช้งานดูตาม Youtube ได้เลยครับ