สั่งซื้อเทมเพลต
คลิปวิดีโอนี้เป็นคู่มือสอน "การกำหนดรูปแบบ Link Class (Link 1 และ Link 2)" สำหรับผู้ใช้งาน Template ของ Hitztheme เพื่อเปลี่ยนจากลิงก์ข้อความธรรมดาให้กลายเป็นปุ่มที่มีดีไซน์สวยงามครับ
สรุปประเด็นสำคัญและขั้นตอนการใช้งานได้ดังนี้:
1. ทำไมต้องมี Link Class? [00:17]
โดยปกติลิงก์จะเป็นแค่ข้อความเปลี่ยนสี แต่ฟังก์ชันนี้ช่วยให้คุณสร้าง "ปุ่ม" ที่กำหนดขนาด, สีพื้นหลัง, เส้นขอบ และความโค้งมนได้ โดยระบบเตรียมไว้ให้ 2 รูปแบบ (Link 1 และ Link 2) เพื่อให้เลือกใช้ตามความเหมาะสม เช่น ปุ่มหนึ่งใช้กับพื้นหลังสีขาว อีกปุ่มใช้กับพื้นหลังสีเข้ม
2. การตั้งค่าดีไซน์ (ใน Template Options) [01:25]
เข้าสู่ระบบหลังบ้านไปที่ Extensions > Templates > Styles เลือก Template ที่ใช้ และไปที่หัวข้อ 5.1 กำหนดรูปแบบลิงก์ คุณสามารถปรับแต่งสิ่งเหล่านี้ได้:
- ชื่อ Class: ค่าเริ่มต้นคือ link1 และ link2 (สามารถเปลี่ยนชื่อเองได้) [02:34]
- ระยะห่างภายใน (Padding): กำหนดความกว้าง-สูงของปุ่มรอบตัวอักษร [03:06]
- สีพื้นหลังและสีตัวอักษร: กำหนดสีเริ่มต้นและสีเมื่อเอาเมาส์ไปวาง (Hover) [03:41]
- ความโค้งมน (Border Radius): ปรับให้ปุ่มมีความโค้งหรือเป็นสี่เหลี่ยมมุมฉาก [03:53]
- เส้นขอบ (Border): กำหนดขนาดและสีของเส้นขอบปุ่ม [04:21]
3. วิธีนำไปใช้งานจริง [06:06]
เมื่อดีไซน์ปุ่มเสร็จแล้ว ให้นำไปใช้ในเนื้อหาดังนี้:
- ในหน้าแก้ไขเนื้อหา (เช่น Page Builder CK) ให้พิมพ์ข้อความและทำลิงก์ตามปกติ
- ไปที่แถบ Advanced ในหน้าต่างการตั้งค่าลิงก์
- ในช่อง Class ให้พิมพ์ชื่อคลาสที่เราตั้งไว้ เช่น link1 หรือ link2 แล้วกด Enter และ Insert [07:17]
- กดบันทึก (Save) แล้วไปดูผลลัพธ์ที่หน้าเว็บ ข้อความลิงก์จะเปลี่ยนเป็นปุ่มตามที่เราดีไซน์ไว้ทันที [07:50]
การใช้ Link Class ช่วยให้เว็บไซต์ดูเป็นมืออาชีพและปุ่มเรียกใช้บริการ (Call to Action) มีความโดดเด่นมากขึ้นครับ [09:12]
