สอนวิธีใช้ WordPress Elementor ออกแบบ Features รูปตรงกลาง – ตัวฟรี ง่าย เร็ว!

#WordPress #elementor #webdesign

คลิปฮาวทู ทำเว็บไซต์ สำหรับมือใหม่!
แบบไม่เขียนโค้ดค่ะ

// คลิปนี้สอนใช้เครื่องมือ Elementor เวอร์ชั่นฟรี
// แนะนำ + ทำให้ดู

สอนวิธีออกแบบ Features Section
. แบบที่มีรูปภาพตรงกลาง
. โดยให้มีข้อความอยู่รอบๆ

การออกแบบ section
เราจะทำเป็น block นะคะ เพื่อให้ง่ายต่อการจัดการโยกย้ายองค์ประกอบต่างๆ ในเว็บไซต์ค่ะ

สำหรับมือใหม่ ยุ้ยแนะนำงี้ค่ะ
step 1 : เตรียมแบบเอาไว้ โดยร่างแบบออกมาก่อน
step 2 : ฝึกมองเว็บเป็นคอลัมน์ แล้วการตีกรอบให้มัน
step 3 : เอาไปทำจริงที่ WordPress + Elementor (บนเว็บไซต์เราต้องสร้าง คอลัมน์ ให้มันก่อนนะคะ)

step 4 : ปรับแต่งรายละเอียดตามต้องการ และอย่าลืมเรื่อง Responsive Design นะคะ จัดให้เหมาะสมทั้ง จอคอม / มือถือ / แท็บเล็ต

……………………………

โปรแกรมที่ใช้ในคลิปนี้
1. WordPress.org (ฟรี)
2. Plugin: Elementor (ฟรี)
3. Theme Astra (ฟรี) – เพื่อนๆ จะใช้ธีมอื่นก็ได้นะคะ

โปรแกรมออกแบบ Web UI ในคลิป
ยุ้ยใช้ Figma ค่ะ แต่จะใช้ PowerPoint
หรือวาดในกระดาษก็ได้ค่ะ เลือกตัวที่เราถนัดได้เลย

……………………………

วิดีโอที่เกี่ยวข้อง
1. วิธีใช้ WordPress Elementor ออกแบบเว็บไซต์ ตามใจชอบ – ตัวฟรี ง่าย เร็ว!

2. วิธีติดตั้ง WordPress Theme: Astra + Elementor

คลิปนี้ยุ้ยจัดทำขึ้นเพื่อประโยชน์สาธารณะ : )

——————————————-
ติดตาม/ทักทายกับยุ้ย ได้ที่
——————————————-
Blog & Course:

Home

LINE ID: yuikanchita
https://line.me/ti/p/~yuikanchita

Facebook: Webmonster Lab
https://www.facebook.com/webmonsterlab

YouTube
https://www.youtube.com/@webmonsterlab

ขอบคุณทุกคนจ้า : )
ยุ้ย กัญญ์ชิตา
.