Elementor คืออะไร?
Elementor เป็น Page Builder ที่ช่วยให้เราสร้างและแก้ไขหน้าเว็บบน WordPress ได้ง่ายๆ แบบ Drag & Drop ไม่ต้องเขียนโค้ดให้ยุ่งยาก โดย Elementor มีทั้งเวอร์ชันฟรี และเวอร์ชัน Pro ที่เพิ่มฟีเจอร์เจ๋งๆ เช่น Theme Builder, Popup Builder, และ Widget เสริมต่างๆ
ติดตั้ง Elementor/Elementor Pro
- ติดตั้ง Elementor (ฟรี)
- ไปที่ Dashboard > Plugins > Add New
- ค้นหา “Elementor” แล้วคลิก Install และ Activate
- ติดตั้ง Elementor Pro
- ซื้อและดาวน์โหลดไฟล์จาก elementor.com
- ไปที่ Dashboard > Plugins > Add New > Upload Plugin
- อัปโหลดไฟล์
.zipและคลิก Install Now - เปิดใช้งาน (Activate) แล้วใส่ License Key
เริ่มต้นใช้งาน Elementor
1. สร้างหน้าใหม่ด้วย Elementor
- ไปที่ Pages > Add New
- คลิกปุ่ม Edit with Elementor
- หน้าตัวแก้ไข Elementor จะเปิดขึ้นมา
2. รู้จัก UI ของ Elementor
- แถบด้านซ้าย: รวม Widget ต่างๆ ที่ใช้ลากมาวาง
- พื้นที่ตรงกลาง: เป็นพื้นที่แก้ไขหน้าเว็บแบบเรียลไทม์
- แถบด้านบน: มีปุ่ม Responsive เลือกได้ 3 Devices ได้แก่ Desktop, Tablet, Mobile ให้เลือกออกแบบ
3. เพิ่มและแก้ไขเนื้อหา
- คลิกที่ “+” เพื่อเพิ่ม Section ใหม่
- เลือกโครงสร้าง (1-6 คอลัมน์)
- ลาก Widget เช่น Heading, Image, Button มาวางใน Section
- แก้ไขเนื้อหาในแถบด้านซ้าย
4. ปรับแต่งสไตล์
- เลือก Widget ที่ต้องการปรับแต่ง
- ไปที่ แท็บ Style เพื่อเปลี่ยนสี ฟอนต์ และระยะห่าง
- ไปที่ แท็บ Advanced เพื่อเพิ่ม Margin, Padding, Animation ฯลฯ
Elementor Pro มีอะไรเพิ่มขึ้นบ้างเมื่อเทียบกับตัวฟรี?
- Theme Builder – ปรับแต่ง Header, Footer, Single Post, Archive Page ได้เอง
- Popup Builder – สร้าง Popup ดึงดูดลูกค้า
- Dynamic Content – ดึงข้อมูลอัตโนมัติ เช่น ข้อความจาก ACF
- Premium Widgets – มี Widget เพิ่มเติม เช่น Forms, Price Table, Call to Action
การเผยแพร่ (Publish) หน้าเว็บ
- เมื่อออกแบบเสร็จแล้ว คลิก Publish
- ทดสอบหน้าเว็บโดยคลิก Preview
- ถ้าต้องการแก้ไขอีก ให้เข้าไปที่หน้าเพจแล้วคลิก Edit with Elementor
สรุป
Elementor/Elementor Pro ทำให้การสร้างเว็บเป็นเรื่องง่าย ไม่ต้องเขียนโค้ด แค่ลากวางก็ได้หน้าเว็บสวยๆ ตามต้องการ แนะนำให้ลองเล่นฟีเจอร์ต่างๆ และฝึกใช้งานบ่อยๆ แล้วจะเข้าใจและใช้งานได้คล่องเอง! 🚀