ข้ามไปที่เนื้อหาหลัก

WP File Download : ตัวสร้างไอคอน

ในการเข้าถึง ชุดไอคอน และ ไฟล์เดี่ยว โปรดไปที่เมนู WP File Download > Icons Builder

 

ไอคอนสร้างเมนู

 

1. ตัวสร้างไอคอน WP File Download

คุณสามารถใช้ SVG หรือ PNG สำหรับรูปแบบไฟล์บนทั้งไซต์ของคุณโดยเปิดใช้งาน ตัวเลือก ตั้งเป็นค่าเริ่มต้น ที่มุมขวาของแต่ละแท็บ

 

set-as-default-icon

 

ตัวสร้างไอคอน SVG

ในการเข้าถึง Set SVG ให้ไปที่ WP File Download > Icons Builder > Set SVG tab จากที่นี่ คุณสามารถใช้ลักษณะไอคอนสำหรับผู้อื่นทั้งหมด ลบไอคอนแทนที่ และคุณลักษณะที่สำคัญที่สุดคือ ปุ่ม แก้ไขไอคอน

 

svg-แดชบอร์ด

 

หลังจากคลิกที่ปุ่ม แก้ไขไอคอน ของไอคอนใด ๆ ไอคอนจะย้ายไปที่หน้าการปรับแต่ง

ไอคอน: เปลี่ยนไอคอนภายในไอคอน

  • ไอคอนสี
  • ขนาดไอคอน
  • การเลือกสัญลักษณ์

 

set-svg-icon

 

ชื่อนามสกุล: กำหนดรูปแบบของชื่อนามสกุล

  • ประเภทส่วนขยาย
  • ตระกูลอักษร
  • ขนาดตัวอักษร
  • สีข้อความ

 

set-svg-name

 

การตั้งค่าเฟรม: นี่คือรูปร่างรอบๆ ไอคอนและชื่อส่วนขยาย

  • การเลือกรูปร่าง
  • กรอบสี
  • ขนาดความหนา

 

set-svg-frame

 

Wrapper: เนื้อหาของไอคอน

  • ชายแดน
    • รัศมีชายแดน
    • ขนาดเส้นขอบ
    • สีขอบ
  • พื้นหลัง
    • สีพื้นหลัง
  • เงา
    • ตำแหน่งแนวตั้ง
    • ตำแหน่งแนวนอน
    • รัศมีความเบลอ 
    • รัศมีการแพร่กระจาย
    • สีเงา

 

set-svg-wrapper

 

สุดท้าย อย่าลืมคลิกที่ปุ่มบันทึกข้างไอคอนแสดงตัวอย่างที่ส่วนหัว 

 

set-svg-save

 

นอกจากนี้ เมื่อคุณต้องการกลับไปใช้ไอคอนเริ่มต้นที่ตั้งค่าหรือรีเซ็ตการปรับแต่งทั้งหมดของคุณ ให้คลิกที่ปุ่ม "รีเซ็ตเป็นชุดดั้งเดิม" ที่ส่วน "รีเซ็ตเป็นค่าเริ่มต้น"

 

รีเซ็ตเป็นค่าเริ่มต้น svg

 

ชุด PNG และแทนที่ไอคอน

ในทำนองเดียวกัน ในการเข้าถึง Set PNG ให้ไปที่ WP File Download > Icons Builder > Set PNG tab ที่แท็บนี้ คุณสามารถอัปโหลดไอคอนของคุณเองตามประเภทไฟล์ได้

 

upload-png-set

 

และคุณสามารถตั้งค่าไอคอนแทนไฟล์ที่ไม่รู้จักได้

 

upload-file-unknown

 

2. การออกแบบบล็อกไฟล์เดียว

ในการเข้าถึงไฟล์เดี่ยว โปรดไปที่ WP File Download > Icons Builder > Single file ฟีเจอร์นี้ประกอบด้วยสองคอลัมน์: บล็อกแสดงตัวอย่างและพื้นที่ CSS ที่กำหนดเองด้านล่างทางด้านซ้าย และส่วนหลักคือการตั้งค่าบล็อกทางด้านขวา

 

single-file-แดชบอร์ด

 

องค์ประกอบทั้งหมดในบล็อกไฟล์เดียวสามารถซ่อน/มองเห็นได้โดยคลิกที่ปุ่มสลับในแต่ละไฟล์ ด้านล่างนี้คือสิ่งที่คุณสามารถปรับเปลี่ยนได้:

การกำหนดค่าไอคอน

  • ระยะขอบ: บน ขวา ล่าง ซ้าย
  • ขนาดไอคอน
  • เลือกชุดไอคอนของคุณ
  • ลิงค์ที่ไอคอน

ชื่อไฟล์

  • ระยะขอบ: บน ขวา ล่าง ซ้าย
  • เบาะ: บน ขวา ล่าง ซ้าย.
  • ขนาดตัวอักษร
  • กระดาษห่อแท็ก

 

ไอคอนชื่อตัวเลือก

 

คำอธิบายไฟล์

  • ระยะขอบ: บน ขวา ล่าง ซ้าย
  • เบาะ: บน ขวา ล่าง ซ้าย.
  • ขนาดตัวอักษร

ข้อมูลไฟล์

  • ขนาดไฟล์, วันที่สร้างไฟล์, อัปเดตไฟล์, Hit ดาวน์โหลดไฟล์, เวอร์ชันไฟล์: มองเห็นได้/ซ่อน
  • ขนาดตัวอักษร
  • ระยะขอบ: บน ขวา ล่าง ซ้าย
  • เบาะ: บน ขวา ล่าง ซ้าย.

 

ไฟล์ข้อมูลตัวเลือก

 

ปุ่มดาวน์โหลด

  • ขอบ: บน, ขวา, ล่าง, ซ้าย
  • Pading: บน, ขวา, ล่าง, ซ้าย
  • ความกว้างของปุ่ม
  • รัศมีชายแดน
  • ขนาดตัวอักษร
  • ขนาดเส้นขอบ
  • เงากล่อง: x, y, เบลอและกระจาย
  • สีสำหรับ box-shadow
  • สีขอบ

 

ดาวน์โหลด-ปุ่ม-ตัวเลือก

 

  • ปกติ: 
    • สีตัวอักษร
    • ปุ่มสีประเภท: 
      • ทึบ: สีพื้นหลังของปุ่ม
      • การไล่ระดับสี: ปุ่มเริ่มต้น/สิ้นสุดการไล่ระดับสี
  • โฮเวอร์:
    • วางเมาส์สีตัวอักษร
    • โฮเวอร์ประเภทพื้นหลัง:
      • ทึบ: โฮเวอร์สีพื้นหลัง
      • การไล่ระดับสี: เลื่อนเมาส์ไปที่จุดเริ่มต้น/สิ้นสุดการไล่ระดับสี
  • ดาวน์โหลดไอคอน
  • ไอคอนสี
  • ขนาดไอคอน
  • ตำแหน่งไอคอน
  • ระยะห่างไอคอน

 

ดาวน์โหลด-ปุ่ม-ตัวเลือก-2

 

ปุ่มดูตัวอย่าง

  • ขอบ: บน, ขวา, ล่าง, ซ้าย
  • Pading: บน, ขวา, ล่าง, ซ้าย
  • ความกว้างของปุ่ม
  • รัศมีชายแดน
  • ขนาดตัวอักษร
  • ขนาดเส้นขอบ
  • เงากล่อง: x, y, เบลอและกระจาย
  • สีสำหรับ box-shadow
  • สีขอบ

 

ดูตัวอย่างปุ่มตัวเลือก-1

 

  • ปกติ: 
    • สีตัวอักษร
    • ปุ่มสีประเภท: 
      • ทึบ: สีพื้นหลังของปุ่ม
      • การไล่ระดับสี: ปุ่มเริ่มต้น/สิ้นสุดการไล่ระดับสี
  • โฮเวอร์: 
    • วางเมาส์สีตัวอักษร
    • ประเภทพื้นหลังฮูเวอร์
      • ทึบ: โฮเวอร์สีพื้นหลัง
      • การไล่ระดับสี: เลื่อนเมาส์ไปที่จุดเริ่มต้น/สิ้นสุดการไล่ระดับสี
  • ไอคอนแสดงตัวอย่าง
  • ไอคอนสี
  • ขนาดไอคอน
  • ตำแหน่งไอคอน
  • ระยะห่างไอคอน

 

ดูตัวอย่างปุ่มตัวเลือก-2

 

สุดท้ายอย่าลืมคลิกที่ บันทึกการตั้งค่า ปุ่ม