วิธีใช้ Elementor Flexbox Container จัดเลย์เอาท์เว็บไซต์ WordPress

#elementor #flexbox #wordpress
สอนใช้ Flexbox อธิบาย + ทำให้ดู
00:01 สำหรับคนที่เพิ่งเปลี่ยนมาใช้ของใหม่ค่ะ (มือใหม่ก็ดูได้นะ)
1:02 รีวิวเปรียบเทียบ
* Flexbox Containers (แบบใหม่ 2024)
* กับ Sections/Columns (แบบดั้งเดิม)
5:36 ข้อดึของ Flexbox Containers
10:29 ทำให้ดู สร้างเลย์เอาท์ด้วย Flexbox
.....................
ข้อดี Flexbox Containers
* lightweight, lean และ clean (ทำให้เว็บไซต์โหลดและทำงานเร็วขึ้นมาก)
* จัดการ layout ได้ละเอียด (fully responsive)
* container ซ้อนในซ้อนได้หลายชั้น
* ทำ section ให้คลิกได้ (เดิมทำคลิกได้เฉพาะ widget ที่อยู่ข้างใน)
🧸 ทำไมเราต้องเรียนรู้ Flexbox Containers
การสร้างดีไซน์หน้าเว็บไซต์ WordPress
ด้วย Plugin: Elementor
แบบสร้างเองจากหน้าเปล่า
เราต้องวางโครงสร้างก่อนนะ (web layout)
ก็คือการแบ่ง rows/columns ของเว็บไซต์
(ดูเพิ่ม) สอนการมองเว็บไซต์เป็น columns
• วิธีใช้ WordPress Elem...
.....................
เวอร์ชั่นล่าสุดในวิดีโอนี้
* Elementor ตัวฟรี Version 3.22.1
* WordPress Version 6.5.4
* Theme: Astra
ติดตั้งวันที่ 21/06/2024
.....................
คอร์ส WordPress Elementor (เรียนตัวต่อตัว)
course.webmonsterlab.com/word...
ติดตาม/ทักทายกับยุ้ย ได้ที่
บทความฮาวทู: www.webmonsterlab.com
Facebook: / webmonsterlab
Line: yuikanchita
line.me/ti/p/~yuikanchita
much love 💙😀
อ.พี่ยุ้ย กัญญ์ชิตา
.