Zaufane samouczki WordPress, kiedy ich najbardziej potrzebujesz.
Przewodnik dla początkujących po WordPressie
WPB Cup
25 milionów+
Witryny korzystające z naszych wtyczek
16+
Lata doświadczenia z WordPressem
3000+
Samouczki WordPress od ekspertów

Jak umożliwić użytkownikom przesyłanie obrazów na stronie WordPress

Chcesz pozwolić użytkownikom na przesyłanie obrazów na Twojej stronie WordPress bez dawania im dostępu do obszaru administracyjnego? Nie jesteś sam.

Wielu właścicieli witryn chce zezwolić na przesyłanie obrazów, jednocześnie dbając o bezpieczeństwo i łatwość zarządzania swoją witryną. Niezależnie od tego, czy prowadzisz konkurs fotograficzny, czy zbierasz treści przesłane przez użytkowników, najłatwiejszym sposobem jest dodanie formularza przesyłania obrazów do swojej witryny.

Przetestowaliśmy kilka narzędzi i stwierdziliśmy, że WPForms oferuje najskuteczniejszy sposób na zrobienie tego. Pomogliśmy wielu użytkownikom WordPressa skonfigurować funkcję przesyłania obrazów za pomocą tego wtyczki, a ona naprawdę sprawia, że wszystko jest szybkie i łatwe – bez potrzeby kodowania.

W tym przewodniku pokażemy Ci, jak łatwo umożliwić użytkownikom przesyłanie obrazów na Twojej stronie WordPress. Mamy również samouczek wideo, jeśli wolisz śledzić kroki w akcji!

Jak umożliwić użytkownikom przesyłanie obrazów na stronie WordPress

Pozwalanie użytkownikom na bezpieczne przesyłanie obrazów w WordPressie

Jeśli chcesz prowadzić bloga z wieloma autorami, najłatwiejszym sposobem na umożliwienie użytkownikom przesyłania obrazów jest dodanie ich jako autorów na Twojej stronie internetowej.

Jednakże, dawanie użytkownikom dostępu do obszaru administracyjnego WordPress nie jest idealne w jednorazowych scenariuszach, takich jak zgłoszenia gościnnych postów, recenzje produktów, konkursy fotograficzne i inne.

Na szczęście istnieje kilka pluginów WordPress, które pozwalają użytkownikom przesyłać obrazy bez naruszania bezpieczeństwa Twojej witryny ani udzielania im dostępu do obszaru administracyjnego WordPress.

Mając to na uwadze, przyjrzyjmy się kilku sposobom na łatwe umożliwienie użytkownikom przesyłania obrazów w WordPress. Możesz skorzystać z poniższych szybkich linków, aby przejść do wybranej metody:

Zacznijmy.

Metoda 1: Pozwól użytkownikom przesyłać obrazy za pomocą formularza przesyłania plików

Ta metoda jest idealna, jeśli chcesz, aby użytkownicy przesyłali obrazy lub inne pliki, takie jak aplikacje o pracę, listy motywacyjne i tak dalej.

Możesz łatwo utworzyć formularz przesyłania plików, który zbiera imię i nazwisko użytkownika, adres e-mail, przesłany plik i opcjonalną wiadomość.

W tej metodzie użyjemy WPForms, najlepszego pluginu do tworzenia formularzy WordPress. Posiada wbudowane pole do przesyłania plików i sprawia, że cały proces jest szybki i przyjazny dla początkujących.

W WPBeginner używamy WPForms do wszystkiego, od naszych formularzy kontaktowych i migracji stron internetowych po nasz coroczny sondaż czytelników. Widzieliśmy na własne oczy, jak elastyczne jest tworzenie wszelkiego rodzaju formularzy, w tym tych z polami do przesyłania obrazów!

Więcej informacji o wtyczce znajdziesz w naszej recenzji WPForms!

Strona główna WPForms

Aby rozpocząć, musisz zainstalować i aktywować wtyczkę WPForms. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić stronę WPForms » Ustawienia w swoim panelu WordPress, aby wprowadzić klucz licencyjny.

Wprowadzanie klucza licencyjnego WPForms

Klucz licencyjny znajdziesz w obszarze swojego konta na stronie WPForms w zakładce „Pobrane”.

Po wykonaniu tej czynności przejdź do WPForms » Dodaj nowy, aby utworzyć swój formularz.

Na stronie „Konfiguracja” możesz nazwać swój formularz w polu „Nazwij swój formularz”. Jest to tylko do Twojej wiadomości, ale upewnij się, że używasz jasnej nazwy dla łatwiejszej organizacji.

nazwij swój formularz

Następnie zobaczysz, że WPForms pozwala tworzyć formularze za pomocą pustego obszaru roboczego, WPForms AI i gotowych szablonów.

Załóżmy, że chcesz użyć kreatora formularzy AI. Następnie możesz najechać kursorem na pole „Generate With AI” i kliknąć „Generate Form”.

Generuj formularz za pomocą AI

Na następnym ekranie wystarczy napisać proste polecenie. Alternatywnie, jeśli to stosowne, możesz wybrać spośród dostępnych przykładów poleceń.

Narzędzie AI wygeneruje dla Ciebie formularz, tak po prostu!

Formularze AI WPForms w akcji

Jeśli chcesz użyć jednego z szablonów, najedź na niego kursorem i kliknij „Użyj szablonu”.

WPForms ma ponad 2000 gotowych szablonów. Zawsze możesz użyć funkcji wyszukiwania, aby zawęzić opcje.

Na przykład, tutaj użyjemy „Prostego formularza kontaktowego”.

Wybór szablonu prostego formularza kontaktowego

Spowoduje to przejście do kreatora formularzy metodą przeciągnij i upuść.

Po lewej stronie widzisz wszystkie pola, które możesz dodać do swojego formularza. Po prawej stronie masz podgląd na żywo.

Szablon formularza kontaktowego

Następnie przeciągnij i upuść pole „Przesyłanie plików” na swój formularz.

To pole znajdziesz w sekcji „Fancy Fields” po lewej stronie.

Dodawanie pola przesyłania plików do formularza

Po dodaniu kliknij pole „Przesyłanie plików” w swoim formularzu, aby je edytować.

Zmienimy nazwę tego pola (jego etykietę) na „Twoje zdjęcie” i określimy, jakie rozszerzenia plików są dozwolone. Chcemy tylko pliki obrazów, więc zezwolimy na pliki JPG/JPEG, GIF i PNG.

💡 Uwaga redakcyjna: Domyślnie WordPress zezwala tylko na przesyłanie określonych typów plików obrazów. Na przykład użytkownicy nie będą mogli przesyłać obrazów .svg ani plików .zip chyba że jawnie je dodasz do listy dozwolonych.

Za chwilę wyjaśnimy, jak to zrobić. Na razie kontynuujmy dostosowywanie ustawień pól.

Następnie ustawmy limit rozmiaru pliku.

Zalecamy określenie go do 5 MB, ponieważ pomaga to zaoszczędzić koszty dysku na koncie hostingu WordPress. Ponadto zapewnia to, że przesyłane przez użytkowników pliki nie spowolnią Twojej witryny.

Następnie nie zapomnij zaznaczyć pola obok „Wymagane”, aby użytkownik nie mógł przesłać formularza, dopóki nie prześle obrazu.

Konfiguracja ustawień dla pola formularza przesyłania plików

Możesz również ustawić dalsze opcje dla tego pola, klikając zakładkę „Zaawansowane”.

Tutaj możesz wybrać styl swojego pola przesyłania. Domyślnie jest to nowoczesne pole typu „przeciągnij i upuść”. Jeśli chcesz, możesz zastąpić je polem „Klasycznym”.

Stylizacja formularza przesyłania plików

Dodatkowo możesz wybrać przechowywanie obrazu w Bibliotece Mediów WordPress, włączając przełącznik. Jest to dobry pomysł, jeśli zamierzasz zebrać przesłane obrazy do wpisu na blogu lub podobnego celu.

Gdy będziesz zadowolony ze swojego formularza, możesz go zapisać i wyjść z kreatora formularzy.

Dodawanie formularza przesyłania obrazów w WordPress

Następnie musisz osadzić swój formularz w poście lub stronie WordPress i zaakceptować obrazy przesłane przez użytkowników. WPForms sprawia, że dodawanie formularzy w dowolnym miejscu na Twojej stronie jest bardzo łatwe.

Po prostu edytuj post lub stronę, na której chcesz dodać formularz przesyłania obrazów. W edytorze treści WordPress musisz dodać blok WPForms do obszaru treści.

Dodawanie bloku WPForms do Twojej strony

Następnie musisz wybrać wcześniej utworzony formularz z menu rozwijanego. WPForms wyświetli podgląd Twojego formularza w obszarze treści.

Możesz teraz zapisać swój post lub stronę i wyświetlić ją na żywo, aby zobaczyć formularz przesyłania obrazów w akcji.

Pozwalanie na przesyłanie dodatkowych typów plików

Czasami użytkownicy mogą zobaczyć ten błąd podczas próby przesłania pliku, nawet jeśli zezwoliłeś na ten typ pliku w ustawieniach pola przesyłania:

Przepraszamy, ten typ pliku jest niedozwolony ze względów bezpieczeństwa

Problem polega na tym, że WordPress domyślnie zezwala tylko na określone typy plików. Najprostszym sposobem na zezwolenie na więcej typów plików jest użycie towarzyszącej wtyczki.

Zalecamy wtyczkę File Upload Types od WPForms. Po zainstalowaniu wtyczki w WordPress i jej aktywowaniu, przejdź do Ustawienia » Typy plików do przesłania.

Następnie możesz wybrać typy plików z listy, które chcesz zezwolić, lub możesz dodać niestandardowe typy plików.

Obszar administracyjny typów przesyłanych plików

Należy pamiętać, że lista nie zawiera typów, które WordPress już dopuszcza domyślnie.

Jeśli chcesz po prostu zezwolić na przesyłanie obrazów SVG, możesz użyć darmowego wtyczki WPCode. Więcej informacji znajdziesz w naszym przewodniku na temat dodawania plików obrazów SVG w WordPressie.

Metoda 2: Umożliwienie użytkownikom przesyłania obrazów jako autorzy gościnni

Kluczowym powodem, dla którego warto zezwolić użytkownikom na przesyłanie obrazów, jest zbieranie zgłoszeń do wpisów gościnnych. Możesz również użyć bardzo podobnej metody dla innych treści generowanych przez użytkowników, takich jak opinie.

Najpierw musisz zainstalować i aktywować wtyczkę WPForms. Więcej szczegółów znajdziesz w naszym przewodniku krok po kroku na temat jak zainstalować wtyczkę WordPress.

💡 Uwaga: Aby korzystać z dodatku „Przesyłanie postów”, potrzebujesz wersji „Pro” (lub wyższej).

Po aktywacji wtyczki musisz przejść na stronę WPForms » Ustawienia w swoim panelu administracyjnym WordPress, aby wprowadzić klucz licencyjny. Klucz licencyjny znajdziesz w zakładce „Pobrane” na swoim koncie na stronie WPForms.

Tak wygląda klucz licencyjny wprowadzony na Twojej stronie:

Wprowadzanie klucza licencyjnego WPForms

Następnie przejdź do WPForms » Dodatki, aby zainstalować dodatek Post Submission.

Kliknij przycisk „Zainstaluj dodatek”. Zostanie on automatycznie zainstalowany i aktywowany

Instalacja dodatku WPForms do przesyłania postów

Teraz możesz zacząć tworzyć formularz zgłoszeń dla gości.

Przejdź do WPForms » Dodaj nową, a następnie przewiń w dół, aby znaleźć formularz zgłoszeń postów na blogu.

Szablon formularza zgłoszeń postów na blogu

Kliknij go, a twój nowy formularz zostanie utworzony. Będzie miał domyślne pola dla danych autora gościa, a także proponowany tytuł posta, obraz wyróżniający, treść, fragment posta i kategorię.

Możesz dodać więcej pól (sekcji formularza), jeśli chcesz.

Na przykład możesz chcieć dodać pole „Witryna / URL”, w którym autor może wprowadzić adres URL swojego własnego bloga WordPress.

Dodawanie pola strony internetowej/adresu URL

Aby zmienić etykietę pola lub dowolny tekst w formularzu, po prostu kliknij go.

Na przykład, możesz kliknąć pole „Obraz wyróżniający” i zmienić „Opis”, aby podać preferowany rozmiar dla obrazów wyróżniających.

Zmień ustawienia pola formularza dla obrazu wyróżniającego

Pliki przesłane za pomocą predefiniowanego pola „Obraz wyróżniający” zostaną zapisane w Twojej Bibliotece Mediów w WordPress.

Możesz włączyć i wyłączyć tę opcję, klikając na rozwijane menu „Opcje zaawansowane” dla pola.

Przechowuj pliki w bibliotece multimediów

🧑‍💻 Wskazówka eksperta: Jeśli chcesz utworzyć formularz od podstaw, pamiętaj, że pole „Przesyłanie plików” domyślnie nie przechowuje plików w Bibliotece Mediów. Upewnij się, że włączysz to ustawienie, jeśli chcesz z niego korzystać.

Jeśli chcesz, możesz zmienić typy obrazów, które będzie akceptować pole „Przesyłanie plików”. Na przykład możesz chcieć, aby użytkownicy przesyłali tylko pliki PNG.

Możesz również wprowadzić maksymalny rozmiar pliku w MB. Jeśli chcesz, możesz pozwolić użytkownikom na przesłanie 2 lub więcej plików.

Zmiana ustawień przesyłania plików

Pole przesyłania „Nowoczesne” (domyślne) pozwala użytkownikom przeciągać i upuszczać pliki.

Jeśli wolisz, możesz zmienić je na pole „Classic” w opcjach zaawansowanych. Pamiętaj, że pozwala to użytkownikom na przesłanie tylko jednego pliku.

Gdy już będziesz miał wszystkie pola, których potrzebujesz w swoim formularzu, przejdź do zakładki „Ustawienia”. Możesz chcieć zmienić szczegóły w sekcji „Powiadomienia”.

Na przykład, jeśli Twoje posty gościnne trafiają do redaktora, będziesz potrzebować jego adresu w polu „Wyślij na adres e-mail”.

Zmiana ustawień formularza

Możesz również chcieć zmienić komunikat potwierdzający, który użytkownik widzi po przesłaniu formularza. Możesz to zrobić w sekcji Ustawienia » Potwierdzenie.

Gdy będziesz zadowolony z formularza, po prostu kliknij przycisk „Zapisz” u góry ekranu.

Dodawanie formularza zgłoszeń gościnnych postów do Twojej witryny

Możesz dodać swój formularz do swojej witryny w dowolnym poście lub stronie. Możesz chcieć utworzyć nową stronę specjalnie dla zgłoszeń gościnnych postów.

Jeśli używasz edytora Gutenberg (blokowego), po prostu kliknij ikonę (+) , aby utworzyć nowy blok. Następnie wybierz blok „WPForms”, aby dodać go do edytora.

Następnie zobaczysz rozwijane menu WPForms. Wybierz swój formularz z listy, a zostanie on dodany do Twojego posta.

Dodaj blok WPForms

🧑‍💻 Wskazówka eksperta: Jeśli nadal korzystasz z klasycznego edytora, obok przycisku „Dodaj multimedium” zobaczysz przycisk „Dodaj formularz”. Kliknij go, aby uzyskać listę rozwijaną swoich formularzy. Wybierz ten, który chcesz, a następnie kliknij „Dodaj formularz”, aby umieścić go w swoim poście.

Oczywiście możesz użyć pola „Przesyłanie plików” w dowolnym utworzonym formularzu. Oznacza to, że możesz użyć powyższej metody do zbierania dowolnego rodzaju treści generowanych przez użytkowników.

Dodatkowa metoda: Pozwól użytkownikom przesyłać zdjęcia do konkursu

Chociaż formularz przesyłania plików pozwala użytkownikom przesyłać dowolny typ pliku, może nie być najlepszym rozwiązaniem, jeśli organizujesz konkurs fotograficzny.

Dzieje się tak, ponieważ WPForms jest kreatorem formularzy, a nie wtyczką do konkursów. Nie posiada funkcji takich jak wybieranie zwycięzców, udostępnianie wirusowe itp.

W tym właśnie pomaga RafflePress. Jest to najlepszy plugin do konkursów w WordPress, który pozwala tworzyć wirusowe konkursy, aby zwiększyć ruch na stronie i liczbę obserwujących w mediach społecznościowych.

Strona RafflePress

Możesz go użyć do zaprojektowania widżetu konkursowego, który pozwala użytkownikom przesyłać zdjęcia, ale także zachęca do udostępniania i innych działań angażujących, aby zwiększyć liczbę obserwujących.

W rzeczywistości używamy RafflePress do prowadzenia naszego corocznego konkursu urodzinowego WPBeginner. Pomogło nam to powiększyć naszą listę e-mailową, zwiększyć udostępnienia w mediach społecznościowych i poprawić ogólne zaangażowanie na stronie – a wszystko to przy jednoczesnym zachowaniu łatwości zarządzania z poziomu naszego panelu WordPress.

Poznaj wszystkie jego funkcje w naszej pełnej recenzji RafflePress!

Akcja przesyłania obrazu

Przygotowaliśmy szczegółowy poradnik na temat tworzenia konkursu fotograficznego w WordPressie z RafflePress, który możesz śledzić, aby uzyskać więcej szczegółów.

Samouczek wideo

Zanim przejdziesz dalej, nie przegap naszego samouczka wideo, jak zezwolić użytkownikom na przesyłanie obrazów na stronie WordPress:

Subskrybuj WPBeginner

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak umożliwić użytkownikom przesyłanie obrazów na stronie WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia galerii zdjęć z albumami lub naszym samouczkiem krok po kroku na temat tworzenia formularzy AMP w WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz w niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak finansowany jest WPBeginner, dlaczego to ważne i jak możesz nas wesprzeć. Oto nasz proces redakcyjny.

Ostateczny zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi – kolekcji produktów i zasobów związanych z WordPress, które powinien mieć każdy profesjonalista!

Interakcje czytelników

2 CommentsLeave a Reply

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszą polityką komentowania, a Twój adres e-mail NIE zostanie opublikowany. Prosimy NIE używać słów kluczowych w polu nazwy. Prowadźmy osobistą i znaczącą rozmowę.