[วิดีโอ] วิธีใช้ Elementor Flexbox Container จัดเลย์เอาท์เว็บไซต์ WordPress 2024
🔴🎥 วิธีใช้ 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 สำหรับมือใหม่
พี่ยุ้ย กัญญ์ชิตา
นักออกแบบเว็บไซต์ uxui, วิทยากร อาจารย์, สนุกกับการใช้ WordPress Elementor Figma, รักในสุนทรีย์แห่งชีวิตเรียบง่าย ... ขอบคุณทุกคนจ้าที่แวะมา : ) รู้จักยุ้ยมากขึ้น
