วิธีใช้ Elementor ตัวใหม่ - Flexbox Container จัดเลย์เอาท์เว็บไซต์ WordPress
HTML-код
- Опубликовано: 7 сен 2024
- #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.webmons...
สมัครเรียน
Line: yuikanchita
line.me/ti/p/~...
ติดตาม/ทักทาย
บทความฮาวทู: www.webmonster...
Facebook: / webmonsterlab
much love 💙😀
อ.พี่ยุ้ย กัญญ์ชิตา
.