วิธีใช้ WordPress Elementor - สร้าง Features Section มีรูปใหญ่ๆ ตรงกลาง
ฝัง
- เผยแพร่เมื่อ 26 ก.ค. 2023
- #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 บนโฮสติ้ง เว็บจริง
• Video
2. วิธีใช้ WordPress Elementor ออกแบบเว็บไซต์ ตามใจชอบ - ตัวฟรี ง่าย เร็ว!
• วิธีใช้ WordPress Elem...
3. วิธีลง Astra Starter Templates + สอนทำธีมลูก
• วิธีลง Astra Starter T...
.................................
ยุ้ยขอบคุณทุกการรับชม ทุกกำลังใจ 😀💙
และหวังว่าการแบ่งปันนี้ จะเป็นประโยชน์ให้กับเพื่อนๆ ได้นะคะ : )
ติดตาม/ทักทายกับยุ้ย ได้ที่
บทความฮาวทู: www.webmonsterlab.com
คอร์สเรียน: course.webmonsterlab.com
Facebook: / webmonsterlab
Line: yuikanchita
line.me/ti/p/~yuikanchita
much love 💙😀
อ.พี่ยุ้ย กัญญ์ชิตา
.