WordPress-те файлдарды сүйреп апару арқылы жүктеуді қалай қосуға болады

Түймені басу, қалталарды шарлау, файлдарды таңдау — дәстүрлі жүктеу процесі жұмыс істейді, бірақ ол ыңғайсыз. Жылжыту пайдаланушылар 2024 жылы күтетін нәрсе осы. Олар жұмыс үстелінен файлдарды алып, оларды тікелей сіздің формаңызға тастағысы келеді.

Бұл нұсқаулықта сіз заманауи, интуитивті пайдаланушы тәжірибесі үшін WordPress формаларыңызда файлдарды сүйреп апару мүмкіндігін қалай қосу керектігін үйренесіз.

Неліктен сүйреп апару маңызды

Жылдам жүктеулер

• Файл диалогтары арқылы шарлау жоқ
• Бір қимылмен таңдап, тастаңыз
• Бірнеше файлды бірден жүктеңіз

Жақсы пайдаланушы тәжірибесі

• Интуитивті - пайдаланушылар сүйреп апаруды түсінеді
• Заманауи және сәнді сезіледі
• Пішінді аяқтау кезінде үйкелісті азайтады

Аяқтау көрсеткіштерінің жоғарылауы

• Жүктеудің оңай болуы тасталған формалардың аз болуын білдіреді
• Пайдаланушылар файлдарды қарапайым болған кезде тіркеуге бейім
• Кәсіби келбет сенімділікті арттырады

Мобильді Friendly

• Ұялы телефонда стандартты файл таңдау құралына қайта оралады
• Сенсорлық құрылғылар бастапқы файл таңдауын алады
• Функционалдылық бұзылмаған

Сүйреп апару қалай жұмыс істейді

Пайдаланушы тәжірибесі

1. Пайдаланушы сіздің формаңызда түсіру аймағын көреді
2. Олар файлдарды жұмыс үстелінен/қалтасынан сүйреп апарады
3. Файлдар оның үстіне апарған кезде түсіру аймағы ерекшеленеді
4. Файлдар түсіріліп, жүктеу басталады
5. Алдын ала қарау/растау жүктеудің сәттілігін көрсетеді

Көрнекі кері байланыс

Жақсы сүйреп апару визуалды белгілерді береді:

• Әдепкі күй: Нұсқаулықпен бірге түсу аймағын тазалаңыз
• Сүйреп апарыңыз: Аймақты ерекшелеу, шекараның түсі өзгереді
• Тамшы: Файлдар алдын ала қарау аймағында көрсетіледі
• Жүктелуде: Прогресс көрсеткіші
• Аяқталды: Табысты растау

Ашық аймақ дизайны

Әдеттегі түсіру аймағының элементтері:

┌──────────────────────────────────────────────────────┐ │ │ │ 📁 Файлдарды осында сүйреңіз немесе │ │ шолу үшін басыңыз │ │ │ │ Қабылданған: PDF, JPG, PNG │ │ Максималды өлшемі: 10 МБ │ │ │ └────────────────────────────────────────┘

Сүйреп апарып тастау арқылы жүктеулерді орнату

Сүйреп апаруды қалай қосуға болады Автоматты форма құрастырушысы:

1-қадам: Автоматты форма құрастырушысын орнатыңыз

1. Бару Плагиндер → Жаңасын қосу
2. Іздеу »А.Ф.Б.«(Автоматты форма құрастырушысының қысқа атауы)
3. Табу «AFB – Автоматты форма құрастырушысы – Форма жасаушыны сүйреп апару«
4. басыңыз Қазір орнату, содан кейін іске қосыңыз

2-қадам: Файлды жүктеу өрісін қосыңыз

1. Формаңызды жасаңыз немесе өңдеңіз
2. Апарыңыз файл жүктеу формаңызға өріс қосыңыз
3. Өріс параметрлерін ашу үшін басыңыз

3-қадам: Сүйреп апару функциясы орнатылған

Жақсы жаңалықтар: Auto Form Builder файлды жүктеу өрісі әдепкі бойынша сүйреп апаруды қамтиды. Арнайы конфигурация қажет емес.

Жүктеу аймағы автоматты түрде:

• Сүйреп апаратын файлдарды қабылдайды
• Drag-over-тегі маңызды сәттер
• Файлды тастағаннан кейін алдын ала қарауларды көрсетеді
• Мобильді құрылғыда шолу үшін басу функциясына қайта оралады

4-қадам: Жүктеу өрісін теңшеңіз

Жүктеу өрісінің параметрлерін конфигурациялаңыз:

Рұқсат етілген файл түрлері

• Қабылдау үшін файл санаттарын таңдаңыз
• Суреттер, құжаттар, электрондық кестелер және т.б.

Максималды файл өлшемі

• Әр файл өлшемінің шегін орнату
• Тым үлкен жүктеулердің алдын алады

Бірнеше файлдар

• Бірнеше файлды қабылдауды қосу
• Минималды/максималды шектеулерді орнату

Пайдаланушы белгілері

• Өріс белгісі: «Құжаттарды жүктеу»
• Анықтама мәтіні: «Файлдарды осында сүйреңіз немесе шолу үшін басыңыз»

5-қадам: Түсу аймағын стильдеу (міндетті емес)

Сыртқы көріністі өзгерту үшін форма стилін пайдаланыңыз:

• Шекара стилі және түсі
• Фонның түсі
• Белгіше немесе иллюстрация
• Меңзерді апару/белсенді күйлер

Drop Zone ең жақсы тәжірибелері

1. Оны көрінетін етіп жасаңыз

Түсу аймағы айқын болуы керек:

• Ашық шекара (үзік шекаралар дәстүрлі)
• Жеткілікті өлшем (кішкентай емес)
• Файлды жүктеуді көрсететін белгіше (қалта, бұлт, көрсеткі)

2. Анық нұсқауларды қосыңыз

Пайдаланушыларға не істеу керектігін айтыңыз:

• «Файлдарды осында сүйреңіз»
• «немесе шолу үшін басыңыз»
• Қабылданған файл түрлерін көрсету

3. Көрнекі кері байланыс беріңіз

Пайдаланушылар жүйенің жауап беретінін білуі керек:

• Аяқтаған кезде түстің өзгеруі
• Сүйреген кезде шекараны бөлектеу
• «Жүктеу үшін босату» хабары

4. Жүктеу барысын көрсету

Үлкенірек файлдар үшін:

• Жүктеу кезіндегі орындалу жолағы
• Аяқталған пайыз
• Жүктеліп жатқан файл атауы

5. Табысты растаңыз

Жүктеу аяқталғаннан кейін:

• Файл атауын/ескертпелерін көрсету
• Құсбелгі немесе табыс көрсеткіші
• Алып тастау және қайталап көру опциясы

6. Қателерді мұқият өңдеңіз

Бірдеңе дұрыс болмаған кезде:

• Қате туралы хабарламаны тазалау («Файл тым үлкен»)
• Мәселе файлын белгілеңіз
• Қайталап көруге рұқсат беру

Сүйреп апару және шолу үшін басу

Ең жақсы тәсіл: Екеуін де қолдаңыз. Тәжірибелі пайдаланушылар үшін сүйреп апарыңыз, басқалар үшін шолу үшін басыңыз.

Жалпы түсіру аймағының үлгілері

1-үлгі: Толық түсіру аймағы

Файлдарды тастауға арналған үлкен, көрнекті аймақ:

┌────────────────────────────────────────────────┐ │ │ ☁️ Файлдарды жүктеу │ │ │ │ Файлдарды осы жерге сүйреп апарыңыз немесе │ │ шолу үшін басыңыз │ │ │ │ PDF, DOC, JPG, PNG (максимум 10 МБ) │ │ │ └───────────────────────────────────────────┘

Ең қолайлы: Файлды жүктеу негізгі әрекет болып табылатын формалар.

2-үлгі: Ықшам түсіру аймағы

Басқа өрістермен қатар кішігірім аймақ:

Тіркемелер ┌───────────────────────────────┐ │ 📎 Файлдарды тастаңыз немесе шолыңыз │ └────────────────────────────┘

Ең қолайлы: Файлды көптеген форма өрістерінің бірі ретінде жүктеу.

3-үлгі: Түймемен бірге сызық бойынша

Дәстүрлі түймемен біріктірілген түсіру аймағы:

┌──────────────────────────────────────────────┐ │ Файлдарды осы жерге тастаңыз [Файлдарды таңдау] │ └──────────────────────────────────────────┘

Ең қолайлы: Гибридті тәсіл, айқын резервтік нұсқа.

4-үлгі: Кескінді алдын ала қарау аймағы

Нобай алдын ала қараулары бар түсіру аймағы:

┌───────────────────────────────────────────────┐ │ [img1] [img2] [img3] [+] │ │ │ │ Тағы суреттерді осында салыңыз │ └──────────────────────────────────────────┘

Ең қолайлы: Сурет галереялары, фотосуреттерді жүктеу.

Мобильді құрылғыларға қатысты ескеретін жайттар

Сенсорлық құрылғылар сүйремейді

Мобильді пайдаланушылар файлдарды сүйреп апара алмайды. Сіздің формаңыз әсем түрде кері орналасуы керек:

• Файл таңдау құралын ашатын аймақты түрту
• Жергілікті фотосурет/файл таңдауы
• Жаңа фотосуреттер түсіруге арналған камера опциясы

Мобильді құрылғыларға ыңғайлы белгілер

Мобильді құрылғыларға арналған хабар алмасуды реттеу:

• Жұмыс үстелі: «Файлдарды осында сүйреңіз немесе шолу үшін басыңыз»
• Ұялы телефон: «Файлдарды таңдау үшін түртіңіз» (немесе екеуін де көрсетіңіз)

Нақты құрылғыларда сынақ

Іске қосу алдында:

• iPhone және Android құрылғыларында сынақтан өткізу
• Файл таңдауының жұмысын тексеру
• Қажет болса, камераға кіру мүмкіндігін тексеріңіз
• Жүктеудің сәтті аяқталғанын тексеріңіз

Түсу аймағын жақсарту

Drag Over функциясындағы анимация

Нәзік анимациялар пайдаланушы тәжірибесін жақсартады:

• Шекара импульсі немесе жарқырауы
• Фон түсінің күңгірттенуі
• Белгішенің секіруі немесе масштабталуы

Оны байқаусызда сақтаңыз — әрекеттен алаңдамаңыз.

Файл түрінің белгішелері

Тиісті белгішелерді көрсету:

• 📄 құжаттар үшін
• 🖼️ Суреттер үшін
• 📊 электрондық кестелер үшін
• 🎥 бейнелер үшін

Жүктеу барысы

Жүктеу кезінде жақсы кері байланыс алу үшін:

• Әр файл үшін орындалу жолағы
• Бірнеше файл бойынша жалпы ілгерілеу
• Ұзақ жүктеулер үшін бас тарту опциясы

Нобайлардың алдын ала қараулары

Суреттерді жүктеу үшін:

• Тасымалдағаннан кейін нобайды көрсету
• Толық өлшемін көру үшін басыңыз
• Жоюға арналған X түймесі

Сүйреп апару ақаулықтарын жою

Файлдар құлап кетпейді

Тексеріңіз:

• Браузерде JavaScript қосылған
• JavaScript қателері жоқ, бұғаттау функциясы жоқ
• Файл түріне рұқсат етілген
• Браузер сүйреп апаруды қолдайды (қазіргі браузерлер солай істейді)

Түсу аймағы бөлектелмейді

Мүмкін себептері:

• CSS дұрыс жүктелмейді
• JavaScript қатесі
• Плагин қақтығысы

Файлдар жүктеледі, бірақ көрсетілмейді

Тексеріңіз:

• Алдын ала қарау мүмкіндігі қосылған
• Алдын ала қарау үшін қолдау көрсетілетін файл түрі
• Жүктеу іс жүзінде аяқталды

Мобильді резервтік көшірме жұмыс істемейді

Тексеру:

• Басу/түрту өңдегіші белсенді
• Жасырын файл кірісі бар
• Файлға кіру үшін мобильді браузер рұқсаттары

Баяу жүктеулер

Себептер:

• Үлкен файл өлшемдері
• Баяу интернет қосылымы
• Сервер шектеулері

Solutions:

• Прогресс көрсеткіштерін қосу
• Файл өлшемінің лимиттерін ақылға қонымды етіп орнатыңыз
• Өте үлкен файлдар үшін бөліктелген жүктеулерді қарастырыңыз

Браузерді қолдау

Файлдарды сүйреп апару арқылы жүктеу барлық заманауи браузерлерде қолдау көрсетіледі:

Егер сізге өте ескі браузерлерді қолдау қажет болса, шолу үшін басу функциясының жұмыс істейтініне көз жеткізіңіз.

Арнайы мүмкіндіктерді қарастыру

Пернетақтаны қолдау

Тышқанды барлығы бірдей пайдалана бермейді:

• Түсу аймағы фокусталуы керек (tabindex)
• Enter/Possible файл диалогын іске қосуы керек
• Фокус күйлері көрінуі керек

Экран оқу құралдары

• Жүктеу аймағының белгілерін тазалаңыз
• Жүктеу барысын хабарлау
• Сәтті жүктеп салуларды растау

Тек сүйреуге ғана сенбеңіз

Әрқашан басу опциясын ұсыныңыз. Сүйреп апару - жалғыз нұсқа емес, жақсарту.

Сүйреп апару үшін регистрлерді пайдаланыңыз

Құжатты тапсыру

Пайдаланушылар келісімшарттарды, есептерді немесе қолданбаларды тікелей өз қалталарынан сүйреп апарады.

Кескін галереялары

Байқауға қатысу немесе портфолио тапсыру үшін бірден бірнеше фотосуретті салыңыз.

Қолдау билеттері

Скриншоттарды немесе қате журналдарын тікелей билет формасына сүйреп апарыңыз.

Жұмысқа өтініштер

Түйіндемені, мұқаба хатын және портфолио үлгілерін бір әрекетпен тастаңыз.

Клиент порталдары

Клиенттер жоба файлдарын, активтерді немесе кері байланыс құжаттарын сүйреп апарады.

Жиі Қойылатын Сұрақтар

Сүйреп апару барлық браузерлерде жұмыс істей ме?

Иә, барлық заманауи браузерлер оны қолдайды. Өте ескі браузерлер (IE10 және одан төмен) шертудің резервтік көшірмесін қажет етуі мүмкін.

Мобильді құрылғыларда не болады?

Мобильді құрылғылар файлдарды сүйреп апара алмайды, сондықтан түсіру аймағын түрту бастапқы файл таңдау құралын ашады. Тәжірибе әлі де жақсы.

Пайдаланушылар шолу үшін әлі де баса ала ма?

Иә, түсіру аймағын басу файл диалогтық терезесін ашады. Екі әдіс те жұмыс істейді.

Ол бірнеше файлдармен жұмыс істей ме?

Әрине. Егер өрісіңіз бірнеше жүктеуге рұқсат берсе, пайдаланушылар бірден бірнеше файлды сүйреп апара алады.

Арнайы конфигурация қажет пе?

Auto Form Builder көмегімен файлдарды жүктеу өрісіне сүйреп апару мүмкіндігі орнатылған. Арнайы орнату қажет емес.

қысқаша мазмұндама

Файлдарды сүйреп апару арқылы жүктеуді қосу:

1. Файлды жүктеу өрісін қосыңыз – Сүйреп апару функциясы кіріктірілген
2. Файл параметрлерін конфигурациялау – Түрлері, өлшемдері, шектеулері
3. Түсу аймағының таза болуын қамтамасыз етіңіз – Көрінетін, нұсқаулықпен бірге
4. Көрнекі кері байланыс беріңіз - Сүйреуді белгілеңіз, прогресті көрсетіңіз
5. Қолдау көрсету түймесін басу резервтік көшірмесі – Барлығы сүйремейді
6. Ұялы телефонда сынақ – «Шолу үшін түрту» функцияларының жұмысын тексеру
7. Қолжетімділікті ескеріңіз - Пернетақта мен экран оқу құрылғысын қолдау

қорытынды

Файлдарды сүйреп апарып жүктеу енді жақсы емес - олар күтілетін нәрсе. Пайдаланушылар электрондық поштада, бұлттық сақтау орнында және хабар алмасу қолданбаларында файлдарды сүйреп апаруға үйреніп қалған. Сіздің формаларыңыз да осындай тәжірибені ұсынуы керек.

Автоматты форма құрастырушысы әрбір файлды жүктеу өрісіне кіріктірілген сүйреп апару функциясын қамтиды. Конфигурация қажет емес — тек өрісті қосыңыз, сонда пайдаланушылар файлдарды тікелей формаңызға сүйреп апара алады.

Заманауи файлдарды жүктеуге дайынсыз ба? Автоматты форма құрастырушысын жүктеп алыңыз және пайдаланушыларыңызға күткен сүйреп апару тәжірибесін беріңіз.