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

Hitztheme Template

Documentations

คลิปวิดีโอนี้เป็น EP.5 ของซีรีส์สอน Page Builder CK (2021) ซึ่งจะแนะนำเครื่องมือในหมวดองค์ประกอบเนื้อหา 2 ตัว คือ Icon และ Icon & Text เพื่อเพิ่มความสวยงามและการสื่อสารด้วยภาพให้กับเว็บไซต์ครับ [00:10]

สรุปเนื้อหาสำคัญได้ดังนี้:

 

1. เครื่องมือ Icon (ไอคอนเดี่ยว) [01:02]

  • หน้าที่: ใช้แสดงสัญลักษณ์เพียงอย่างเดียวเพื่อประกอบเนื้อหา [01:08]
  • การตั้งค่า:
    • Icon Selection: มีไอคอนให้เลือกหลากหลายรูปแบบตามความเหมาะสมของเนื้อหา [01:28]
    • Size: ปรับขนาดได้หลายระดับ (เช่น คูณ 2, 3, 4, 5) [01:43]
    • Color: เปลี่ยนสีไอคอนได้ตามต้องการ [02:02]
    • Alignment: กำหนดการจัดวาง ชิดซ้าย, ตรงกลาง หรือชิดขวา [02:45]

 

2. เครื่องมือ Icon & Text (ไอคอนพร้อมข้อความ) [04:06]

เครื่องมือนี้ผู้สอนแนะนำให้ใช้มากกว่าแบบแรก เพราะมาครบเซ็ตทั้ง ไอคอน, หัวข้อ (Title) และรายละเอียด (Description) ในชิ้นเดียว [04:21]

  • การตั้งค่าส่วนต่างๆ:
    • Icon: เลือกและปรับขนาดไอคอนได้เหมือนเครื่องมือแรก [04:38]
    • Title: ใส่หัวข้อ และสามารถเปลี่ยนฟอนต์ได้ง่ายๆ (เช่น ใช้ฟอนต์ Google Fonts อย่าง 'Kanit') เพียงแค่พิมพ์ชื่อฟอนต์ลงไป [04:58]
    • Text: ใส่รายละเอียดเนื้อหาและปรับแต่งรูปแบบตัวอักษรได้อิสระ [06:13]

 

3. เทคนิคการจัดการสไตล์ [07:17]

  • กำหนดจาก Row/Column: หากต้องการให้ทุกอย่างในแถวนั้นใช้ฟอนต์เดียวกัน (เช่น ฟอนต์ Kanit ทั้งหมด) สามารถตั้งค่าที่สไตล์ของ Row หรือ Column ได้เลยโดยไม่ต้องไล่แก้ทีละจุด [07:32]
  • Duplicate: เมื่อตั้งค่ารูปแบบหนึ่งชิ้นจนสวยงามแล้ว สามารถใช้คำสั่ง Duplicate (คัดลอก) เพื่อสร้างชิ้นต่อไปได้ทันที ช่วยให้งานเสร็จเร็วขึ้นและมีดีไซน์ที่สม่ำเสมอ [08:00]
  • Spacing: การปรับระยะห่าง (Margin/Padding) ช่วยให้กลุ่มไอคอนดูไม่ติดกันจนเกินไปและดูเป็นระเบียบ [08:21]

 

การใช้ไอคอนประกอบข้อความจะช่วยให้เว็บไซต์ดูทันสมัย (Modern Look) และช่วยให้ผู้ใช้งานกวาดสายตาหาข้อมูลที่ต้องการได้ง่ายขึ้นครับ [08:56]

 

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