Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak utworzyć kalendarz wydarzeń przesłany przez użytkownika w WordPress

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz umożliwić użytkownikom przesyłanie wydarzeń z kalendarza na twojej witrynie internetowej WordPress?

Dodawanie wydarzeń zgłaszanych przez użytkowników to świetny sposób na budowanie społeczności i zwiększanie zaangażowania na twojej witrynie internetowej.

W tym artykule pokażemy, jak łatwo utworzyć kalendarz wydarzeń przesyłany przez użytkowników w WordPress bez udzielania odwiedzającym dostępu do twojego obszaru administracyjnego.

Create a user submitted events calendar in WordPress

Po co tworzyć kalendarz wydarzeń przesyłany przez użytkowników?

Crowdsourcing wydarzeń dla twojego kalendarza WordPress to świetny sposób na budowanie społeczności, przyciąganie nowych odwiedzających i aktualizowanie kalendarza o najnowsze wydarzenia.

Pomaga to również zaoszczędzić czas, ponieważ nie trzeba przeszukiwać Internetu w poszukiwaniu nadchodzących wydarzeń.

Kiedy członkowie twojej społeczności mogą dodawać wydarzenia do twojego kalendarza, otrzymują darmowe promocje na swoje wydarzenia. Ponadto odwiedzający twoją witrynę internetową WordPress i inni członkowie społeczności mogą łatwo dowiedzieć się o wydarzeniach odbywających się w ich okolicy.

Załóżmy na przykład, że prowadzisz witrynę internetową organizacji charytatywnej lub non-profit. Możesz umożliwić członkom dodawanie różnych zbiórek pieniędzy, seminariów, akcji charytatywnych, webinarów i innych wydarzeń społecznościowych do kalendarza twojej witryny.

Problem polega jednak na tym, że WordPress domyślnie nie pozwala użytkownikom na przesyłanie wydarzeń z kalendarza lub przesyłanie plików na front-endzie. Będziesz musiał utworzyć konto dla każdego użytkownika i zezwolić na dostęp do obszaru administracyjnego. Ta metoda jest czasochłonna i może być ryzykowna.

Na szczęście istnieje łatwiejszy sposób. Zobaczmy, jak umożliwić innym dodawanie wydarzeń z kalendarza w WordPress.

Tworzenie kalendarza wydarzeń przesyłanego przez użytkowników w WordPress

Najlepszym sposobem na umożliwienie użytkownikom dodawania wydarzeń do kalendarza bez udzielania im dostępu do twojego panelu administracyjnego WordPress jest użycie WPForms. Jest to najlepsza wtyczka formularza kontaktowego dla WordPress i zaufało jej ponad 6 milionów firm.

Wtyczka umożliwia utworzenie formularza przesyłania plików i oferuje dodatek Post Submissions, który pozwala akceptować listy wydarzeń, pliki PDF, artykuły, cytaty i inne treści na front-endzie twojej witryny internetowej.

Is WPForms the best form builder plugin for WordPress?

Uwaga: WPForms ma darmową wersję. Będziesz jednak potrzebował planu Pro wtyczki, ponieważ zawiera on dodatek Post Submission, integracje premium i inne funkcje dostosowywania.

Najpierw musisz zainstalować i włączyć wtyczkę WPForms. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączeniu przejdź do strony WPForms ” Ustawienia z kokpitu WordPress i wpisz swój klucz licencyjny. Informacje te można znaleźć w obszarze konta WPForms.

WPForms license key

Następnie kliknij przycisk „Zweryfikuj klucz”, aby kontynuować.

Następnie przejdź na stronę WPForms ” Addons, a następnie przewiń w dół do wpisu Post Submissions Addon.

Kliknij przycisk „Zainstaluj dodatek”.

Post submission addon by WPForms

Po zainstalowaniu dodatku, powiadomienie zmieni status z „Nie zainstalowany” na „Aktywny”.

Konfiguracja wtyczki kalendarza wydarzeń

Następnie będziesz potrzebować wtyczki kalendarza wydarzeń WordPress, aby utworzyć kalendarz wydarzeń na twojej witrynie WordPress.

W naszym poradniku wykorzystamy wtyczkę The Events Calendar. Jest to potężny system zarządzania wydarzeniami dla WordPress i oferuje wiele funkcji. Można go łatwo używać do dodawania wydarzeń oraz zarządzania organizatorami i miejscami. Więcej szczegółów znajdziesz w naszej recenzji The Events Calendar.

Ponadto Kalendarz wydarzeń oferuje bezpłatną wersję i łatwo integruje się z WPForms.

Najpierw musisz zainstalować i włączyć wtyczkę The Events Calendar. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu zostaniesz przekierowany na stronę Wydarzenia ” Ustawienia w panelu administracyjnym WordPress, gdzie wtyczka poprosi Cię o dołączenie do jej społeczności. Na razie możesz po prostu kliknąć przycisk „Pomiń”.

Set up the event calendar plugin

Następnie możesz przejść do różnych ustawień twojego kalendarza wydarzeń.

W karcie „Ogólne” znajdują się ustawienia umożliwiające zmianę liczby wydarzeń wyświetlanych na stronie, włączanie edytora bloków dla wydarzeń, wyświetlanie komentarzy, edycję uproszczonej nazwy adresu URL wydarzenia i nie tylko.

General settings tab

Możesz również ustawić strefę czasową dla twojego kalendarza wydarzeń, jeśli przewiniesz w dół. Wtyczka umożliwia korzystanie ze strefy czasowej twojej witryny wszędzie lub ręczne ustawienie strefy czasowej dla każdego wydarzenia.

Sugerujemy użycie opcji „Użyj strefy czasowej dla całej witryny”. Pomoże to dopasować czasy wydarzeń przesyłane przez użytkowników WordPressa do strefy czasowej twojej witryny.

Po wprowadzeniu zmian kliknij przycisk „Zapisz zmiany”.

Change time zone settings

Następnie możesz przejść do karty „Wyświetlanie” i edytować wygląd twojego kalendarza wydarzeń.

Dostępne są na przykład opcje wyłączenia domyślnego stylu, wyboru szablonu, włączania widoków wydarzeń i nie tylko.

Edit display settings

Po wprowadzeniu zmian zobaczmy, jak utworzyć formularz do akceptowania wydarzeń z kalendarza.

Tworzenie formularza zdarzeń przesłanego przez użytkownika

W następnym kroku będziesz musiał utworzyć formularz za pomocą WPForms, aby skonfigurować rejestrację wydarzeń na twojej witrynie internetowej.

Aby rozpocząć, możesz przejść na stronę WPForms ” Utwórz nowy z twojego kokpitu WordPress. Spowoduje to uruchomienie kreatora formularzy typu „przeciągnij i upuść”.

Po prostu wpisz nazwę swojego formularza u góry, a następnie wybierz szablon „Blog Post Submission Form”.

Używamy tego szablonu, ponieważ gdy używasz wtyczki The Events Calendar, każde wydarzenie jest niestandardowym typem treści. Korzystając z WPForms, możesz edytować szablon formularza przesyłania posta na blogu, aby przesłać niestandardowy typ treści wydarzenia zamiast zwykłego wpisu na blogu.

Choose blog post submission form template

Następnie możesz dostosować własny formularz po wpisie.

Korzystając z kreatora formularzy typu „przeciągnij i upuść”, WPForms umożliwia dodawanie różnych pól formularzy. Możesz dodać rozwijane menu, pola wyboru, numer telefonu, adres, adres URL witryny internetowej i wiele innych.

Ponadto pozwala zmienić kolejność każdego pola formularza i usuwać niepotrzebne pola.

Drag and drop form fields

Na przykład dodamy pola „Data / godzina” do naszego szablonu formularza, aby wyświetlić „Datę / godzinę rozpoczęcia wydarzenia” i „Datę / godzinę zakończenia wydarzenia”.

Pro Tip: Po dodaniu pola daty/godziny upewnij się, że kliknąłeś pole wyboru „Wyłącz przeszłe daty”. Opcję tę można znaleźć na karcie Opcje zaawansowane.

Dzięki temu wszystkie twoje nowe wydarzenia będą miały przyszłą datę. Pomoże to również wychwycić błędy, jeśli ktoś przypadkowo wpisze niewłaściwy rok.

Disable past dates

Podczas tworzenia twojego formularza możesz zmienić nazwy różnych pól formularza. Aby to zrobić, po prostu kliknij na nie, a następnie zmień „Etykietę” w sekcji Opcje pola w menu po twojej lewej stronie.

Na potrzeby naszego poradnika zmieniliśmy etykietę dla wpisu Tytuł na Tytuł wydarzenia i dla wpisu Zajawka na Opis wydarzenia.

Edit form field labels

Następnie należy przejść do karty Ustawienia ” Wpisy w kreatorze formularzy.

Teraz upewnij się, że opcja „Wpisy” jest włączona.

Ensure post submission is on and match metadata

Poza tym musisz dopasować twoje pola formularza do pól, których będzie szukać wtyczka The Events Calendar.

Na przykład, w ten sposób zmapowaliśmy nasze pola formularza demonstracyjnego:

  • Tytuł wpisu do tytułu wydarzenia
  • Wpis zajawki do opisu wydarzenia
  • Od wpisu Wyróżniający obrazek do Wyróżniający obrazek
  • Typ treści wpisu do Wydarzenia
  • Od wpisu do oczekującego przeglądu
  • Wpis autora do obecnego, aktualnego użytkownika

Status Pending Review pozwala na moderację każdego przesłanego wydarzenia. Ponadto, jeśli akceptujesz płatności online, możesz sprawdzić, czy płatności zakończyły się powodzeniem przed zatwierdzeniem wydarzenia.

Następnie należy również zmapować datę/czas rozpoczęcia i zakończenia wydarzenia. W tym celu przewiń w dół do sekcji „Custom Post Meta” i wpisz kod, aby zmapować odpowiednie pola w twoim formularzu.

Aby rozpocząć, dodaj kod _EventStartDate i wybierz twoje pole czasu rozpoczęcia wydarzenia (jak Event Start Date / Time) z rozwijanego menu.

Następnie kliknij przycisk „+”, aby dodać kolejny konfigurator Custom Post Meta i wpisz kod _EventEndDate, aby zmapować pole formularza zakończenia wydarzenia (jak Event Finish Date / Time).

Enter custom post meta

Następnie możesz również zmienić inne ustawienia twojego formularza.

Jeśli przejdziesz do karty „Potwierdzenia”, zobaczysz ustawienia wyświetlania strony z podziękowaniem, która pojawi się, gdy użytkownicy prześlą wydarzenie z kalendarza.

Po przesłaniu formularza można wyświetlić komunikat na stronie lub przekierować użytkowników na inny adres URL.

Confirmation settings

Oprócz tego można również zmienić ustawienia „Powiadomień”.

Wtyczka pozwala wybrać różne ustawienia otrzymywania powiadomień e-mail, gdy ktoś prześle formularz. Można na przykład zmienić ustawienia wysyłania na adres e-mail, temat wiadomości, nazwę użytkownika i inne.

Edit notification settings

Nie zapomnij kliknąć przycisku „Zapisz” u góry, aby zapisać zmiany w twoim formularzu zgłoszeniowym.

Publikowanie twojego formularza zdarzeń przesłanego przez użytkownika

Teraz, gdy utworzyłeś formularz wydarzeń przesłany przez użytkownika, nadszedł czas, aby opublikować go na twojej witrynie internetowej WordPress.

WPForms oferuje wiele opcji osadzania twojego formularza w WordPress. Możesz użyć bloku WPForms w edytorze bloków, użyć krótkiego kodu, dodać panel boczny i wiele więcej.

W tym poradniku użyjemy kreatora osadzania oferowanego przez WPForms.

Aby rozpocząć, wystarczy kliknąć przycisk „Osadzanie” w prawym górnym rogu.

Edit notification settings

Po kliknięciu przycisku pojawi się wyskakujące okienko.

Kliknij przycisk „Utwórz nową stronę”, a WPForms automatycznie utworzy nową stronę dla twojego formularza.

Create a new page

Możesz również kliknąć „Wybierz istniejącą stronę”, aby dodać formularz do opublikowanej strony.

Następnie wpisz nazwę twojej strony. Gdy to zrobisz, po prostu kliknij przycisk „Zaczynamy!”.

Enter name for page

Na następnym ekranie możesz zobaczyć twój formularz wydarzeń przesłany przez użytkownika na nowej stronie WordPress.

Przejdź dalej i wyświetl podgląd strony, a następnie kliknij przycisk „Opublikuj”.

Publish your page

Możesz teraz przejść na twoją witrynę internetową, aby zobaczyć formularz w działaniu.

Oto jak to będzie wyglądać na front-endzie twojej witryny WordPress.

Form preview

Następnie możesz przejrzeć wydarzenia kalendarza przesłane przez twoich użytkowników, przechodząc do strony Wydarzenia z kokpitu WordPress.

Wszystkie wydarzenia przesłane przez użytkowników zostaną tutaj wyświetlone jako oczekujące. Możesz kliknąć przycisk „Edytuj” pod każdym wydarzeniem, aby je przejrzeć.

View your event

Gdy to zrobisz, upewnij się, że użytkownik wypełnił wszystkie wymagane szczegóły wydarzenia. Jeśli brakuje jakichkolwiek informacji, możesz je dodać lub odrzucić wydarzenie z kalendarza, jeśli nie spełnia ono wymagań twojej witryny internetowej.

Następnie wystarczy opublikować wydarzenie przesłane przez użytkownika. Następnie możesz zobaczyć twoje wydarzenia, przechodząc na adres URL utworzony przez The Events Calendar: https: //www.example.com/events.

Events page preview

Bonus: Stwórz prosty kalendarz wydarzeń w WordPress

Jeśli chcesz po prostu stworzyć kalendarz, w którym tylko ty możesz dodawać wydarzenia, możesz to zrobić za pomocą Sugar Calendar.

Jest to najlepsza wtyczka kalendarza na rynku, która umożliwia tworzenie wielu kalendarzy, ustawianie godzin rozpoczęcia i zakończenia twoich wydarzeń, synchronizację z Kalendarzem Google i wiele więcej.

Is Sugar Calendar the right calendar plugin for you?

Po włączaniu wtyczki wystarczy przejść na stronę Kalendarza z kokpitu WordPress. Tutaj należy przejść do karty „Kalendarz” i kliknąć przycisk „Utwórz nowy”.

Spowoduje to wyświetlenie monitu, w którym można rozpocząć od dodania nazwy kalendarza.

Settings a parent calendar in Sugar Calendar

Gdy już to zrobisz, przejdź do karty „Wydarzenia” i kliknij przycisk „Dodaj wydarzenie”.

Na ekranie pojawi się teraz edytor treści, w którym można dodać wszystkie informacje dotyczące twojego wydarzenia, w tym nazwę, datę i godzinę oraz czas trwania.

How to add events to an online calendar

Na koniec kliknij przycisk „Opublikuj”, aby zapisać twoje ustawienia. Pomyślnie dodałeś wydarzenie do twojego kalendarza. Aby uzyskać szczegółowe informacje, zobacz nasz poradnik na temat tworzenia prostego kalendarza wydarzeń w WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak utworzyć kalendarz wydarzeń przesłany przez użytkowników w WordPress. Warto również zapoznać się z naszymi przewodnikami na temat przenoszenia witryny internetowej z HTTP na HTTPS oraz najlepszych wtyczek i narzędzi SEO WordPress, aby poprawić ranking twojej witryny.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

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

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

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

Reader Interactions

7 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. WPBeginner Support says

    In the form settings you would change the pending review to published if you wanted all submissions to go directly live if you were not concerned with moderating the events.

    Administrator

  3. Philipp Letschka says

    Hello,
    Thank you very much for your tutorial.
    I want to publish every event as soon as it is added without having to approve the event.
    Sadly, I have not found a way to achive this. When I add an event via the form it is added to the database. But the event view does not update, unless I press the update button on the event edit page. Any ideas?
    Regards

  4. Boris Kospic says

    Hello,

    Is it possible to submit events with published status, not pending?

    So the admin doesn’t need to approve the event manually?

    I know that this is not available with the default settings, but I hope that you can find some workaround to archive this :)

    Regards

    • WPBeginner Support says

      You can change the status to published, the main concern when you do that will be any spam submissions you receive will be published on your site.

      Administrator

  5. Obed says

    Great post here, congrats!
    Is there any known security risk associated to this approach, like code injection or any through-web -form hacking method?
    Cheers!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.