ดาวน์โหลด craft3 iconpicker - craft3 iconpicker ซอร์สโค้ดดาวน์โหลดดาวน์โหลด

craft3 iconpicker

ดาวน์โหลดแบบอักษร

ve icon

ดาวน์โหลด

ปลั๊กอินไอคอนสำหรับงานฝีมือ CMS 3.x

ปัจจุบันโครงการถูก ยกเลิก อย่างไรก็ตามอย่าลังเลที่จะแยกและพัฒนาต่อไป!

ปลั๊กอินงานฝีมือที่ให้บริการประเภทฟิลด์ใหม่ที่ให้ผู้ใช้เป็นวิธีที่ง่ายในการเลือกไอคอนจากไฟล์. WOFF หรือ. TTF FONT คุณสามารถใช้ไอออนหรือไอคอนที่ยอดเยี่ยมได้อย่างง่ายดาย

หมายเหตุ : ปลั๊กอินนี้อาจกลายเป็นส่วนเสริมที่ชำระเงินเมื่อร้านปลั๊กอินงานฝีมือพร้อมใช้งาน

ความต้องการ

งานฝีมือ 3.0 (เบต้า 20)+
Php 7.0+
Fenx PHP Font Lib
ไฟล์. ttf หรือ. woff หนึ่งไฟล์หรือมากกว่า

ตัวอย่าง

ตัวอย่างการใช้ฟิลด์ในเทมเพลตสำหรับผู้ใช้ CMS

ภาพหน้าจอ

ตัวอย่างของป๊อปอัพที่เลือก

ภาพหน้าจอ

การติดตั้ง

ติดตั้งด้วยนักแต่งเพลง
```
 composer require dolphiq/iconpicker
```
ติดตั้งปลั๊กอินในแผงควบคุมงานฝีมือภายใต้การตั้งค่า> ปลั๊กอิน
เพิ่มสินทรัพย์ปลั๊กอินลงในแอปพลิเคชันของคุณโดยเพิ่มบรรทัดต่อไปนี้เมื่อเริ่มต้นเทมเพลตของคุณ:
```
 {% do view.registerAssetBundle("plugins\dolphiq\iconpicker\assets\sharedAsset") %}
```
เพิ่มแบบอักษรที่คุณต้องการลงในไดเรกทอรีต่อไปนี้
```
 /vendor/dolphiq/iconpicker/src/resources-shared/fonts
```
ประเภท Iconpicker Field จะพร้อมใช้งานเมื่อเพิ่มฟิลด์ใหม่ - การตั้งค่า> ฟิลด์> เพิ่มฟิลด์ใหม่

การสร้างฟิลด์ที่มีประเภทฟิลด์ไอคอน

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

การใช้ประเภทฟิลด์ไอคอน

เพิ่มฟิลด์ลงในเค้าโครงฟิลด์ (ตัวอย่างเช่นส่วน)
ตอนนี้คุณสามารถเลือกไอคอนเมื่อสร้างหรืออัปเดตส่วน

ตัวอย่างการใช้งานในเทมเพลต Twig

รหัสตัวอย่างด่วน

    {% do view.registerAssetBundle("plugins\dolphiq\iconpicker\assets\sharedAsset") %}
    <html style="padding: 0; margin: 0;">
    <head>
        <title></title>

        {{ head() }}

    </head>

    <body>

    {{ beginBody() }}

    {% if entry.iconPickerField.icon %}
        Hex: {{ entry.iconPickerField.icon }}<br>
        {{ entry.iconPickerField.iconSpan|raw }}
    {% endif %}

    {{ endBody() }}

    </body>
    </html>

แสดงไอคอนด้วยคลาสที่กำหนดเอง:

 <span class='{{ entry.iconClass }} myCustomClass'>{{ entry.iconChar }}</span>

คุณสมบัติของฟิลด์ไอคอน

รับไอคอน unicode (ทศนิยม)
```
 {{ entry.fieldName.icon }}
```
รับไอคอน unicode (hexadecimal)
```
 {{ entry.fieldName.iconHex }}
```
แสดงไอคอนเป็นอักขระ HTML &#00000
```
 {{ entry.fieldName.iconChar|raw }}
```
แสดงไอคอนเป็นตัวละคร HTML hex &#xf100
```
 {{ entry.fieldName.iconCharHex|raw }}
```
แสดงไอคอนเป็นช่วงที่มีอักขระและคลาสแบบอักษร
```
 {{ entry.fieldName.iconSpan|raw }}
```
รับคลาสฟอนต์ไอคอน
```
 {{ entry.fieldName.iconClass }}
```
ตัวอย่างเงื่อนไขของการแสดงไอคอนเฉพาะเมื่อมีการตั้งค่า
```
 {% if entry.fieldName.icon %}
     {{ entry.fieldName.iconSpan|raw }}
{% endif %}
```