[วิดีโอ] วิธีใช้ Elementor Flexbox Container จัดเลย์เอาท์เว็บไซต์ WordPress
🔴🎥 วิธีใช้ Elementor Flexbox Container
จัดเลย์เอาท์เว็บไซต์ WordPress
ดูวิดีโอทั้งหมด ได้ที่
YouTube: @webmonsterlab
สอนใช้ Flexbox อธิบาย + ทำให้ดู
สำหรับคนที่เพิ่งเปลี่ยนมาใช้ของใหม่ค่ะ (มือใหม่ก็ดูได้นะ)
- รีวิวเปรียบเทียบ นาที 1:02
Flexbox Containers (แบบใหม่ 2024)
กับ Sections/Columns (แบบดั้งเดิม) - ข้อดีของ Flexbox Containers นาที 5:36
- ทำให้ดู สร้างเลย์เอาท์ด้วย Flexbox นาที 10:29
ข้อดี Flexbox Containers
- lightweight, lean และ clean (ทำให้เว็บไซต์โหลดและทำงานเร็วขึ้นมาก)
- จัดการ layout ได้ละเอียด (fully responsive)
- container ซ้อนในซ้อนได้หลายชั้น
- ทำ section ให้คลิกได้ (เดิมทำคลิกได้เฉพาะ widget ที่อยู่ข้างใน)
🧸 ทำไมเราต้องเรียนรู้ Flexbox Containers
- การสร้างดีไซน์หน้าเว็บไซต์ WordPress ด้วย Plugin: Elementor แบบสร้างเองจากหน้าเปล่า
- เราต้องวางโครงสร้างก่อนนะ (web layout) ก็คือการแบ่ง rows/columns ของเว็บไซต์นั่นเองจ้า
……………………………
โปรแกรมเวอร์ชั่นล่าสุดในวิดีโอนี้
1. Elementor Version 3.22.1 (ฟรี)
2. WordPress Version 6.5.4 (ฟรี)
3. Theme Astra (ฟรี)
ติดตั้งวันที่ 21/06/2024
แนะนำวิดีโอ ที่เกี่ยวข้อง
- [วิดีโอ] วิธีใช้ Elementor ตัวฟรี ออกแบบเว็บไซต์ได้อิสระตามใจชอบ
- [วิดีโอ] วิธีลง Astra Starter Templates 2024 + สอนทำธีมลูก Childtheme
- เรียนรู้เพิ่มเกี่ยวกับ Elementor Flexbox Containers
วิดีโอและผู้สอน : Webmonster Lab | Yui Kanchita
พี่ยุ้ยรับสอน ตัวต่อตัว ค่ะ
WordPress Elementor สำหรับมือใหม่
พี่ยุ้ย กัญญ์ชิตา
คนธรรมดาที่วาดรูปไม่เป็น เขียนโค้ดไม่ได้ แต่ชอบออกแบบเว็บไซต์ จึงเรียนรู้ WordPress • UX/UI • SEO แล้วฝึกทำเอง จากนั้นรับงานฟรีแลนซ์ เติบโตเป็น Lead UX/UI ในองค์กรใหญ่ และก้าวสู่เส้นทางวิทยากร/อาจารย์ พี่ยุ้ยค้นพบว่า "ทำให้ง่าย ก็ได้นี่นา" 🚀 สนใจคอร์สออนไลน์ จิ้มเบาๆ
