ปุ่มและไอคอน

การใช้ ปุ่มและลิงค์คุณสามารถเพิ่มประเภทใดก็ได้ ลิงค์ (1) ในส่วนนี้ คุณสามารถเพิ่มปุ่ม/ลิงก์ข้อความ/ลิงก์รูปภาพ/ไอคอน/ตัวคั่นได้

คุณสามารถ ซ้ำ (2) Edit (3) หรือ ลบ (4) ปุ่ม/ลิงค์ที่มีอยู่

ในบทความนี้:

1. เพิ่มปุ่ม/ลิงค์
2. ปุ่มสไตล์/ลิงค์

---

เพิ่มปุ่ม/ลิงค์

• หากต้องการเพิ่มลิงก์ประเภทใด ๆ ลงในส่วน ให้คลิกที่ + ปุ่มเพิ่ม ตัวเลือก

การขอ + ปุ่มเพิ่ม ตัวเลือกนี้มีสี่วิธีในการเพิ่มลิงก์ นอกจากนี้ คุณยังสามารถเพิ่ม แยก เพื่อเพิ่มช่องว่างระหว่างปุ่ม/ลิงก์ มีตัวเลือกดังนี้:

• ปุ่ม
• ลักษณะของปุ่ม
• ลิงค์ข้อความ
• ภาพ
• ไอคอน
• เครื่องสกัด

---

ปุ่ม

เพิ่มปุ่มลงในรายการ

คุณจะสามารถอัปเดต:

1. ป้ายกำกับปุ่ม – ระบุ ข้อความที่มองเห็นได้ บนปุ่มของคุณ นี่คือสิ่งที่ผู้ใช้จะเห็นและคลิก
2. ปุ่มลิงค์ – ระบุ URL หรือการดำเนินการ ปุ่มควรจะทำงานเมื่อคลิก
3. หน้าต่างเป้าหมาย – เลือกว่าจะเปิดลิงก์ใน แท็บเดียวกัน หรือ แท็บใหม่.
4. ลักษณะของปุ่ม – เลือกรูปแบบปุ่มเป็นค่าเริ่มต้น (ตั้งค่าใน ปุ่มและลิงค์ ของส่วนการออกแบบ), Solid, Outline หรือ Text Link

• • ค่าเริ่มต้น: ทำตามการตั้งค่าธีมของเว็บไซต์ของคุณ
  • แข็ง: ปุ่มที่เต็มไปด้วยตัวหนา
  • เค้าร่าง: พื้นหลังโปร่งใสมีขอบ
  • ลิงค์ข้อความ: สไตล์ข้อความล้วนเรียบง่ายและสะอาด (ไม่มีกล่องปุ่ม)

5. รูปร่างปุ่ม – ตั้งค่า รูปร่างที่กำหนดเองสำหรับปุ่มแต่ละปุ่ม ภายในส่วนนี้ ช่วยให้คุณสามารถแทนที่รูปร่างปุ่มทั่วไปที่กำหนดไว้ภายใต้ การตั้งค่าการออกแบบช่วยให้คุณควบคุมการแสดงผลของแต่ละปุ่มได้มากขึ้น รูปทรงที่มีให้เลือก ได้แก่ สี่เหลี่ยมจัตุรัส โค้งมน และเม็ด
6. ปุ่มสี – ปรับแต่งรูปแบบสีของปุ่ม:

• • ค่าเริ่มต้น: สืบทอดการตั้งค่าธีม
  • กลับด้าน: ย้อนกลับสีข้อความ/พื้นหลังของปุ่ม
  • กำหนดเอง: ช่วยให้คุณสามารถเลือกข้อความและสีพื้นหลังที่ต้องการได้

7. ข้อความปุ่ม – หากใช้ สีปุ่มที่กำหนดเองคุณสามารถตั้งค่าได้ สีของข้อความ (ป้ายกำกับ) จากที่นี่.
8. พื้นหลังของปุ่ม – มีให้เลือกใช้ภายใต้ "กำหนดเอง" ด้วย ซึ่งจะกำหนดสีพื้นหลังของปุ่ม จับคู่สีนี้กับสีข้อความเพื่อให้อ่านง่ายและมีสไตล์มากที่สุด
9. ไอคอนปุ่ม – เพิ่มไอคอนถัดจากป้ายปุ่มของคุณ คุณสามารถเลือกไอคอนได้หลากหลาย
10. แบบ – ควบคุมตำแหน่งของไอคอนให้สัมพันธ์กับป้ายกำกับ ตัวเลือกเค้าโครงที่มีให้เลือก ได้แก่:

• • ป้ายกำกับ + ไอคอน: ข้อความจะปรากฏขึ้นก่อนตามด้วยไอคอน
  • ไอคอน + ป้ายกำกับ: ไอคอนจะปรากฏขึ้นก่อน จากนั้นจึงเป็นข้อความ
  • ป้าย + ไอคอน (กว้าง): จัดเรียงข้อความและไอคอนให้มีความกระชับมากขึ้น เหมาะสำหรับปุ่มที่กว้างขึ้น
  • ไอคอน + ป้าย (กว้าง): ไอคอนก่อน รูปแบบการเติมที่กว้างกว่า

11. ไอคอนสี – เลือกสีของไอคอนปุ่ม คุณสามารถตั้งค่าเป็น ข้อความปุ่ม สีหรือสี แบรนด์ สี

---

การตั้งค่ารูปแบบปุ่ม

คุณจะพบการตั้งค่าเหล่านี้ภายใต้ แท็บสไตล์ ของส่วนต่างๆ การตั้งค่าเหล่านี้ช่วยให้คุณปรับแต่งรูปลักษณ์ ระยะห่าง และเค้าโครงของปุ่มต่างๆ บนเว็บไซต์ Pixpa ของคุณ เพื่อการควบคุมการออกแบบและการตอบสนองที่ดีขึ้น:

1. ขนาดปุ่ม – เลือกขนาดของปุ่ม (เช่น เล็ก กลาง ใหญ่) การดำเนินการนี้จะปรับขนาดช่องว่างและแบบอักษรให้เหมาะกับการออกแบบของคุณ
2. ช่องว่างระหว่างปุ่ม – ควบคุมระยะห่างแนวนอนระหว่างปุ่มต่างๆ คุณสามารถใช้หน่วย vw (ความกว้างของช่องมองภาพ) เพื่อกำหนดระยะห่างที่ตอบสนองได้
3. ช่องว่างเหนือปุ่ม – เพิ่มระยะห่างแนวตั้งเหนือปุ่ม เพื่อช่วยแยกปุ่มออกจากเนื้อหาด้านบน โดยวัดเป็นเปอร์เซ็นต์
4. ลิงค์ข้อความ – ปรับขนาดตัวอักษรสำหรับลิงก์ข้อความของปุ่ม (มีประโยชน์อย่างยิ่งเมื่อใช้รูปแบบ "ลิงก์ข้อความ" แทนปุ่มแบบดั้งเดิม)
5. รูปภาพเป็นปุ่ม (ขนาด) – หากคุณใช้รูปภาพแทนปุ่มแบบดั้งเดิม การตั้งค่านี้จะกำหนดขนาดการแสดงรูปภาพ (เป็นพิกเซล)
6. ความกว้างของปุ่ม – เลือกขนาดความกว้างของปุ่มที่จะปรากฏ:

• • ค่าเริ่มต้น: ความกว้างมาตรฐานตามเนื้อหาของปุ่ม
  • ใหญ่ / ใหญ่พิเศษ: ปุ่มที่กว้างขึ้นเพื่อการเน้นที่มากขึ้น
  • ความกว้างเต็ม: ปุ่มยืดขยายไปทั่วทั้งความกว้างของคอนเทนเนอร์

---

ลิงค์ข้อความ

เพิ่ม ลิงค์ข้อความ ไปที่รายการ

คุณจะสามารถอัปเดต:

1. ตั้ง ป้ายข้อความ.
2. ระบุ ลิงค์ข้อความ.
3. หน้าต่างเป้าหมาย – เลือกเปิดหน้านี้ในหน้าต่างเดิมหรือหน้าต่างใหม่

---

ภาพ

เพิ่มรูปภาพและเชื่อมโยงไปยังหน้าใดก็ได้

• เมื่อคุณอัปโหลดภาพแล้ว ภาพจะแสดงในลักษณะนี้ คลิกที่ลิงค์เพื่อแก้ไข

• จากที่นี่ คุณสามารถ:
  1. อัพโหลด/เปลี่ยนภาพ
  2. ปุ่มลิงค์ – ระบุลิงค์
  3. หน้าต่างเป้าหมาย – เลือกเปิดหน้านี้ในหน้าต่างเดิมหรือหน้าต่างใหม่

---

ไอคอนโซเชียล

• เพิ่มไอคอนโซเชียลไปยังรายการ

คุณสามารถจัดการ:

1. ไอคอนโซเชียลที่จะเชื่อมโยง
2. ระบุเส้นทางโปรไฟล์ทางสังคมที่เกี่ยวข้องของคุณ
3. หน้าต่างเป้าหมาย – เลือกเปิดหน้านี้ในหน้าต่างเดิมหรือหน้าต่างใหม่

---

เครื่องสกัด

การขอ เครื่องสกัด ตัวเลือกนี้ช่วยให้คุณแทรกระยะห่างระหว่างปุ่มหรือลิงก์ได้

สิ่งนี้มีประโยชน์สำหรับการสร้างการแยกภาพระหว่างปุ่มที่วางไว้ใกล้กัน คุณสามารถเพิ่มตัวคั่นจาก ปุ่มและลิงค์ แผงเช่นเดียวกับที่คุณเพิ่มปุ่มอื่น ๆ

• ระยะห่างระหว่างปุ่มจะถูกควบคุมโดย แผ่นรองด้านบน การตั้งค่าภายในตัวคั่น การปรับค่านี้จะเพิ่มหรือลดระยะห่างแนวตั้งระหว่างปุ่มที่วางชิดกัน

 

---

ตัวเลือกสไตล์สำหรับปุ่มและลิงก์

การขอ ตัวเลือกสไตล์ จะปรากฏอยู่ภายใต้ สไตล์ แท็บขณะจัดการส่วนต่างๆ

คุณจะมีตัวเลือกสไตล์ต่างๆ มากมายสำหรับปุ่มและลิงก์ดังต่อไปนี้:

ปุ่มและลิงค์

1. ระบุ ช่องว่างระหว่างปุ่ม/ลิงค์ ที่เพิ่มเข้ามาแล้ว
2. ระบุ ช่องว่างเหนือปุ่ม/ลิงค์.
3. เลือกกระเป๋า ผลเลื่อน สำหรับปุ่ม/ลิงค์

ขนาดปุ่ม 

---

ตัวอย่าง

สมมติว่าคุณได้เพิ่มลิงก์โซเชียลของ Amazon ใน ปุ่ม/ลิงค์, และระบุ ไอคอนสีเป็นสีแดง และ สีพื้นหลังของไอคอนเป็นสีเขียว จากนั้นจะปรากฏไอคอนดังนี้