#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:
LINE ID: yuikanchita
https://line.me/ti/p/~yuikanchita
Facebook: Webmonster Lab
https://www.facebook.com/webmonsterlab
YouTube
https://www.youtube.com/@webmonsterlab
ขอบคุณทุกคนจ้า : )
ยุ้ย กัญญ์ชิตา
.