Button Widget คืออะไร
Content
Style
Advanced
Button Widget คืออะไร
Content
Style
Advanced
อยู่ระหว่างการปรับปรุง
Button Widget คืออะไร
Button Widget เป็นวิดเก็ตที่ช่วยให้เราสามารถสร้าง และออกแบบปุ่มให้กับเว็บไซต์ของเราได้โดยที่ไม่จำเป็นต้องเขียน Code HTML
ความหมายต่างๆ ของพารามิเตอร์ในแต่ล่ะ TAB
Content
- Type : กำหนดชนิดของปุ่ม โดยสามารถเลือกได้ 5 แบบ คือ
- Default
- Info
- Success
- Warning
- Danger
- Text : กำหนดข้อความให้กับปุ่ม
- Link : กำหนดลิงค์ให้กับปุ่ม โดยสามารถกำหนดเป็น
- Open in New Window => เปิดลิงค์ในหน้าต่างใหม่
- เพิ่ม rel=nofollow
- Alignment : กำหนดตำแหน่งให้กับปุ่ม (อ้างอิงตามคอลัมป์)
- Left : ชิดซ้าย
- Right : ชิดขวา
- Center : จัดกึ่งกลาง
- Justify : ขยายเต็มความกว้าง
- Size : กำหนดขนาดให้กับปุ่ม (ตามมาตรฐานของโปรแกรม)
- Extra Small
- Small
- Medium
- Large
- Extra Large
- Icon : ใส่ไอคอนให้กับปุ่ม
- Icon Position : กำหนดตำแหน่งให้ไอคอน
- Before => ด้านหน้า
- After => หน้าหลัง
- Icon Spacing : กำหนดช่องว่างหระหว่างไอคอนกับข้อความ
- Button ID : กำหนด ID ให้กับปุ่ม
Style
- Typography : กำหนดรูปแบบตัวอักษรให้กับปุ่ม
- Text Shadow : กำหนดเงาให้กับตัวอักษรในปุ่ม
- Text Color : กำหนดสีให้กับตัวอักษร
- Background Color : กำหนดสีพื้นหลัง
- Hover Animation : กำหนดแอนนิเมชั่น ในเมื่อเอาเมาส์ชี้ที่ปุ่ม
- Border Type : กำหนดเส้นขอบของปุ่ม
- Width : กำหนดความหนาให้กับปุ่ม
- Color : กำหนดสีให้กับเส้นขอบ
- Border Radius : กำหนดมุมให้กับปุ่ม
- Box Shadow : กำหนดเงาให้กับปุ่ม
- Padding : กำหนดช่องว่างระหว่างตัวอักษรและขอบของปุ่ม
Advance
อยู่ระหว่างการปรับปรุง
การสร้างปุ่มสำหรับโหลด File PDF
ทำการก๊อปปี้ Link File แล้วนำไปวางในช่อง Link ของ Button Widget
* Link File สามารถนำ Link ภายนอกเข้ามาใส่แทนได้
ขนาดมาตรฐานของ Padding ของปุ่ม
Top, Left, Bottom, Right
- Extra Small: 10px, 20px, 10px, 20px
- Small: 12px, 24px, 12px, 24px
- Medium: 15px, 30px, 15px, 30px
- Large: 20px, 40px, 20px, 40px
- Extra Large: 25px, 50px, 25px, 50px