มีเว็บง่ายๆ ได้แล้ว! วันนี้! กับ Hitzthemeเทมเพลตจูมล่า ภาษาไทย รองรับมือถือ 

Hitztheme Template

Documentations

คลิปวิดีโอนี้เป็น EP.3 ของซีรีส์สอน Page Builder CK (2021) ซึ่งเน้นไปที่การใช้งาน Row (แถว) และการจัดการ Page (หน้า) เพื่อสร้างโครงสร้างเว็บไซต์อย่างเป็นมืออาชีพครับ [00:12]

สรุปเนื้อหาสำคัญที่ปรากฏในวิดีโอมีดังนี้:

 

1. การจัดการ Row (แถว) [06:35]

  • พื้นฐานของ Row: อธิบายว่า Row คือกล่องหลักที่ใช้บรรจุคอลัมน์และเนื้อหาต่างๆ โดยระบบจะแบ่งเนื้อหาออกเป็นชั้นๆ ตามแนวขวาง
  • การเพิ่มและลบ Row: สาธิตวิธีดึง Row ใหม่จากแถบเครื่องมือมาวาง หรือการลบ Row ที่ไม่ต้องการออกเพื่อให้หน้าเว็บกระชับขึ้น [07:01]
  • การตั้งค่าเฉพาะของ Row (Row Options): สามารถกำหนดสีพื้นหลัง (Background), การใส่ภาพพื้นหลัง, หรือการกำหนดความกว้างแบบเต็มหน้าจอ (Full Width) ของแต่ละแถวได้ [07:42]

 

2. การสร้างและจัดการคอลัมน์ภายใน Row [09:10]

  • สาธิตการแบ่ง Row ออกเป็นหลายคอลัมน์ (เช่น แบ่ง 2, 3 หรือ 4 ช่อง) เพื่อวางเนื้อหาคู่กันในแนวนอน [09:36]
  • การปรับขนาดคอลัมน์โดยการลากที่เส้นแบ่งเพื่อให้ได้สัดส่วนตามที่ต้องการ [10:11]

 

3. การจัดการ Page (หน้าเว็บไซต์) [13:07]

  • การบันทึกหน้าเพจ: วิธีการบันทึกโครงสร้างทั้งหมดที่ออกแบบไว้เพื่อนำไปใช้ในอนาคต
  • การใช้งาน Page Templates: แนะนำการดึง Layout สำเร็จรูปหรือหน้าที่เคยทำไว้แล้วกลับมาใช้ใหม่ เพื่อความรวดเร็วในการสร้างหน้าใหม่ที่มีดีไซน์ใกล้เคียงกัน [14:48]

 

4. การตั้งค่าระยะห่าง (Padding & Margin) [15:34]

  • สอนการปรับระยะห่างภายใน (Padding) และระยะห่างภายนอก (Margin) ของ Row เพื่อไม่ให้เนื้อหาดูอึดอัดจนเกินไป ทำให้เว็บไซต์ดูสวยงามและอ่านง่ายขึ้น [16:03]

 

วิดีโอนี้ช่วยให้ผู้ใช้งานเข้าใจการวางโครงสร้าง (Skeleton) ของหน้าเว็บไซต์ ซึ่งเป็นขั้นตอนสำคัญก่อนที่จะใส่เนื้อหาละเอียดลงไปครับ [16:53]

พูดคุยผ่าน Messenger
พูดคุยผ่าน LINE
ribbon top right