สั่งซื้อเทมเพลต
คลิปวิดีโอนี้เป็นคู่มือสอน "การกำหนดรูปแบบของปุ่ม อ่านต่อ (Read more)" สำหรับผู้ใช้งาน Template ของ Hitztheme เพื่อปรับแต่งหน้าตาของปุ่มที่ปรากฏในส่วนแสดงบทความหรือเนื้อหาแบบหมวดหมู่ครับ
สรุปประเด็นสำคัญและขั้นตอนการตั้งค่าได้ดังนี้:
- ตำแหน่งของปุ่ม Read more: โดยปกติจะปรากฏในหน้าแสดงเนื้อหาแบบหมวดหมู่ (Category) หรือหน้าแรกที่มีการดึงบทความมาแสดง เพื่อให้ผู้ใช้งานคลิกเข้าไปอ่านเนื้อหาฉบับเต็ม [00:30]
- การเข้าถึงเมนูตั้งค่า:
- เข้าสู่ระบบหลังบ้าน ไปที่ Extensions > Templates > Styles
- เลือก Template ที่ใช้งาน และไปที่แถบ "ภาพรวมเว็บไซต์" หัวข้อที่ 7 "กำหนดรูปแบบของปุ่มอ่านต่อ หรือ Read more" [01:12]
- รายละเอียดการปรับแต่ง:
- สีตัวอักษรและสีพื้นหลัง: กำหนดสีปุ่มในสภาวะปกติ (ยังไม่ได้เอาเมาส์ไปวาง) [01:54]
- ระยะห่างของปุ่ม (Padding): กำหนดความกว้าง-สูงของตัวปุ่ม โดยแยกเป็น "บน-ล่าง" และ "ซ้าย-ขวา" [02:13]
- เส้นขอบ (Border): สามารถเลือกว่าจะ "ใช้" หรือ "ไม่ใช้" เส้นขอบปุ่ม พร้อมกำหนดสีของเส้นขอบได้ [02:54]
- สถานะเมื่อเอาเมาส์ไปวาง (Hover): กำหนดสีตัวอักษร, สีพื้นหลัง และสีเส้นขอบ เมื่อผู้ใช้งานนำเมาส์ไปชี้ที่ปุ่มเพื่อให้ปุ่มดูมีการตอบสนอง [03:32]
การปรับแต่งส่วนนี้ช่วยให้ปุ่ม "อ่านต่อ" ดูโดดเด่นและเข้ากับธีมสีหลักของเว็บไซต์ที่คุณต้องการได้อย่างง่ายดายครับ [04:33]
