שדה קלט Image Upload בטופס Fluent Forms #

Fluent Forms מגיע עם שדה קלט שאתה יכול להוסיף לטופס שלך כדי לאפשר למשתמשים להגיש תמונות בפורמטים שונים. הנה איך אתה יכול להוסיף ולהשתמש בשדה קלט Image Upload בטופס שלך.

שדה קלט Image Upload הוא תכונה מתקדמת. קנו את Fluent Forms Pro Add-on כדי להשתמש בפונקציונליות זו.

• כדי להוסיף שדה זה לטופס שלך, גרור והנח את שדה Image Upload מבין שדות הקלט הזמינים.

• כדי לאפשר התאמה אישית, לחץ על אייקון העריכה שאתה מקבל כאשר אתה מעביר את העכבר על השדה. או לחץ על הכרטיסייה Input Customization (התאמה אישית של הקלט) בסרגל הצד הימני כאשר אתה בוחר בשדה.

בסעיף Input Customization (התאמה אישית של הקלט), אתה יכול להתאים אישית את שדה קלט Image Upload בדרכים הבאות. בסעיף זה, תמצא 2 חלקים:

1. Basic Options (אפשרויות בסיסיות)
2. Advanced Options (אפשרויות מתקדמות)

Basic Options (אפשרויות בסיסיות) #

בצד ימין של הכרטיסייה, יש כמה אפשרויות בסיסיות חשובות המפורטות להלן:

• Element Label (תווית הרכיב): זה הטקסט שמשתמשים יראו בטופס עבור שדה קלט Image Upload. אתה יכול לשים כל טקסט כאן שעוזר להבין את מטרת השדה הזה.

• Button Text (טקסט הכפתור): זה הטקסט שמשתמשים יראו על הכפתור המאפשר למשתמשים לדפדף בתיקייה המקומית שלהם ולבחור קובץ תמונה.

• Label Placement (מיקום התווית): קבע את מיקום התווית שהגדרת קודם ביחס לשדה הקלט. האפשרויות הזמינות הן Top (למעלה), Left (שמאל), Right (ימין), ו-Default (ברירת מחדל). כל אחד מהם הוא מוסבר בעצמו למעט Default. משמעותו היא שהוא יתאים את הגדרות מיקום התווית הגלובליות שלך.

• Admin Field Label (תווית שדה מנהל): אם אתה רוצה להציג תווית שונה למשתמשי admin שלך כאשר הם צופים בהגשות טופס, אתה יכול להגדיר את זה. זה אין לו כל השפעה בפועל על הטופס; אלא רק למטרות ניהול.

• Required (נדרש): קבע אם השדה יכול להיות ריק או לא כאשר המשתמש מגיש את הטופס שלך על ידי בחירת האפשרות המתאימה מכאן.

• Max File Size (גודל קובץ מקסימלי): הגבל את גודל הקובץ שמשתמשים יכולים להעלות באמצעות שדה קלט זה.
  ‐ מתפריט הנפתח, בחר את היחידה, כלומר KB או MB
  ‐ מהשדה הסמוך, בחר את הגודל המקסימלי.

• Error Message (הודעת שגיאה): הגדר את הודעת השגיאה שתוצג כאשר גודל קובץ התמונה שהועלה חורג מהגבול המותר.

• Max Files Count (ספירת קבצים מקסימלית): הגבל את מספר קבצי התמונות המותרים להעלאה.

• Error Message (הודעת שגיאה): הגדר את הודעת השגיאה שתוצג אם מספר קבצי התמונות שהועלו חורג מהגבול המותר.

• Allowed Images (תמונות מותרות): מתיבת הסימון הבאה, הגדר את הפורמטים (JPG, PNG, או GIF) של קבצי תמונה שיותרו להעלאה.

• Error Message (הודעת שגיאה): הגדר את הודעת השגיאה שתוצג אם האימות נכשל עבור פורמטי תמונה מותרים.

• File Location Type (סוג מיקום קובץ): זה קובע את המיקום המוגדר כברירת מחדל או מותאם אישית לקבצים. תראה כאן שתי אפשרויות – As Per Global Settings (לפי הגדרות גלובליות) & Custom (מותאם אישית).

• As Per Global Settings (לפי הגדרות גלובליות): אפשרות זו נבחרת כברירת מחדל, ומיקום הקובץ נקבע על ידי ההגדרות הגלובליות.

• Custom (מותאם אישית): אם תבחר ב-Custom, יש שתי אפשרויות זמינות: Fluentforms Default (ברירת המחדל של Fluentforms) & Media Library (ספריית המדיה). באפשרויות Custom, קבצים שהועלו יכולים להישמר בספריית המדיה או Fluentforms Default או שניהם. אתה יכול לבחור Media Library כדי להעלות את הקבצים בספריית המדיה של WordPress. 

Advanced Options (אפשרויות מתקדמות) #

האפשרויות המתקדמות הזמינות עבור שדה קלט Image Upload הן כדלקמן:

• Container Class (מחלקת מכל): השתמש באפשרות זו כדי להוסיף מחלקות CSS מותאמות אישית ל-wrapper (עטיפה) של השדה.

• Element Class (מחלקת רכיב): באופן דומה, אתה יכול להוסיף מחלקות CSS מותאמות אישית לשדה הקלט עצמו.

• Help Message (הודעת עזרה): כדי להנחות את המשתמש שלך לחוצות, אתה יכול להשתמש באפשרות זו. פשוט הוסף את הטקסט שלך כאן, והוא יוצג כהודעת עזרה למשתמש.

• Name Attribute (תכונת שם): תכונת השם של שדה הקלט היא השקול של HTML לאותו שם. אתה לא צריך לשנות זאת.

• Conditional Logic (לוגיקה תנאית): אתה יכול ליצור כללים מסוימים כדי להסתיר/להציג את שדה הקלט באופן דינמי בהתאם לערכים מכמה שדות אחרים. כדי להבין טוב יותר את Conditional Logic, קרא עוד בתיעוד..

• Save (שמור) את הטופס כאשר ההתאמה האישית הסתיימה.

כדי ללמוד איך לשלוח דוא”ל כהצמדת קובץ עם הודעות דוא”ל להודעה, כדי ללמוד עוד.