สั่งซื้อเทมเพลต
คลิปวิดีโอนี้เป็นคู่มือสอน "การกำหนดรูปแบบตาราง (Table)" สำหรับเว็บไซต์ที่ใช้ Template ของ Hitztheme เพื่อให้ตารางข้อมูลดูสวยงามและอ่านง่ายขึ้นครับ
โดยมีสรุปเนื้อหาและขั้นตอนการตั้งค่าดังนี้:
1. การเข้าถึงเมนูตั้งค่า [00:53]
- ไปที่ระบบหลังบ้านของเว็บไซต์ เลือกเมนู Extensions > Templates > Styles
- เลือก Template ที่ใช้งาน และไปที่แถบ "ภาพรวมเว็บไซต์" (Site Overview)
- เลื่อนลงมาที่หัวข้อสุดท้ายคือ หัวข้อที่ 9 "Table"
2. รายละเอียดการปรับแต่งตาราง [01:23]
- สีบรรทัด (Row Color): กำหนดสีพื้นหลังของแถวตารางในสภาวะปกติ และกำหนดสีเมื่อนำเมาส์ไปวาง (Hover) เพื่อให้ผู้ใช้งานไล่สายตาตามข้อมูลได้ง่ายขึ้น [01:41]
- เส้นขอบตาราง (Border):
- สามารถเลือกว่าจะ "ใช้" หรือ "ไม่ใช้" เส้นขอบ [02:26]
- กำหนดความหนาของเส้น (พิกเซล) และเลือกรูปแบบเส้นได้ เช่น เส้นทึบ (Solid), เส้นประ (Dashed) หรือเส้นจุด (Dotted) [02:43]
- กำหนดสีของเส้นตารางได้ตามต้องการ
- ระยะห่างภายในช่อง (Cell Padding): ปรับระยะห่างระหว่างตัวอักษรกับขอบตารางในแต่ละช่อง โดยกำหนดค่าแยก 4 ด้าน (บน, ขวา, ล่าง, ซ้าย) เพื่อให้ตารางดูโปร่งหรือกระชับตามที่ต้องการ [03:31]
3. ผลลัพธ์การใช้งาน [04:02]
- เมื่อตั้งค่าเสร็จแล้ว ตารางข้อมูลในหน้าเนื้อหาต่างๆ ของเว็บไซต์จะถูกเปลี่ยนรูปแบบตามที่คุณกำหนดไว้ในภาพรวมทันที
การปรับแต่งส่วนนี้จะช่วยให้ข้อมูลเชิงเทคนิคหรือรายการสินค้าที่แสดงในรูปแบบตารางดูเป็นมืออาชีพและเข้ากับดีไซน์หลักของเว็บไซต์มากขึ้นครับ [04:26]
