{"id":227311,"date":"2022-09-25T16:31:00","date_gmt":"2022-09-25T13:31:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227311"},"modified":"2022-11-08T18:07:10","modified_gmt":"2022-11-08T15:07:10","slug":"jak-stworzyc-tabele-ankiet-za-pomoca-wpdatatables-i-forminator","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/jak-stworzyc-tabele-ankiet-za-pomoca-wpdatatables-i-forminator\/","title":{"rendered":"Jak stworzy\u0107 tabel\u0119 ankiet za pomoc\u0105 wpDataTables i Forminator"},"content":{"rendered":"\n

Korzystanie z formularzy i ankiet u\u017cytkownik\u00f3w jest dla niekt\u00f3rych z nas codzienno\u015bci\u0105. Rzecz w tych ankietach jest taka, \u017ce \u200b\u200bs\u0105 troch\u0119 martwe i nie mo\u017cna ich naprawd\u0119 wykorzysta\u0107 w wizualny spos\u00f3b.<\/p>\n

Czy mo\u017cesz?<\/p>\n

W\u0142a\u015bciwie tak, tak, mo\u017cesz.<\/p>\n

Gdyby nie by\u0142o to wystarczaj\u0105co oczywiste z intro, a mo\u017ce z tytu\u0142u, poka\u017cemy Ci nie tylko, \u017ce mo\u017cna stworzy\u0107 tabel\u0119 ankiet, ale tak\u017ce jak to zrobi\u0107.<\/p>\n

Najpierw najwa\u017cniejsze rzeczy<\/strong><\/h2>\n

Zacznijmy od pocz\u0105tku.<\/p>\n

Po pierwsze, aby utworzy\u0107 tabel\u0119 ankiet, potrzebujesz \u017ar\u00f3d\u0142a danych, kt\u00f3re zawiera dane formularza. W naszym przyk\u0142adzie u\u017cyjemy wtyczki Forminator WordPress<\/a> do utworzenia formularza ankiety. Jest naprawd\u0119 \u0142atwy w u\u017cyciu, wi\u0119c pominiemy t\u0119 cz\u0119\u015b\u0107.<\/p>\n

Przejd\u017amy do cz\u0119\u015bci dotycz\u0105cej tworzenia atrakcyjnych wizualnie danych formularza. Do tego konkretnego zadania u\u017cyjemy darmowego dodatku integracyjnego<\/a> Forminator, kt\u00f3ry ma wpDataTables.<\/p>\n

Czy dosta\u0142e\u015b to z wordpress.org?<\/p>\n

\u015awietny. Przejd\u017amy dalej.<\/p>\n

Oczywi\u015bcie b\u0119dziesz te\u017c potrzebowa\u0107 wpDataTables, zar\u00f3wno w wersji darmowej<\/a>, jak i premium<\/a>. Polecam skorzysta\u0107 z wersji premium. Sama liczba funkcji, kt\u00f3re masz w pe\u0142nej wersji, jest czym\u015b, czego absolutnie potrzebujesz, je\u015bli pracujesz z danymi.<\/p>\n

B\u0119dziesz tak\u017ce potrzebowa\u0107 darmowej<\/a> lub profesjonalnej wersji<\/a>, kt\u00f3r\u0105 ma Forminator.<\/p>\n

Zacznijmy tworzy\u0107<\/strong><\/h2>\n

Pierwszym krokiem procesu jest utworzenie formularza ankiety z wtyczk\u0105 Forminator. W tym przyk\u0142adzie utworzymy \u201eAnkieta zadowolenia klienta", co\u015b, co najprawdopodobniej zrobi\u0142e\u015b sam w przesz\u0142o\u015bci.<\/p>\n

\"Jak<\/a><\/p>\n

Proces ten jest niezwykle prosty dzi\u0119ki kreatorowi formatora. Wi\u0119cej informacji na ten temat znajduje si\u0119 w ich<\/a> dokumentach<\/a>.<\/p>\n

\"Jak<\/a><\/p>\n

Czy ty te\u017c to zrobi\u0142e\u015b? Dobrze! Teraz opublikujmy Tw\u00f3j formularz na Twojej stronie lub w po\u015bcie, aby\u015b m\u00f3g\u0142 zbiera\u0107 dane od u\u017cytkownik\u00f3w. B\u0119dziesz tego potrzebowa\u0142.<\/p>\n

Powiedzmy, \u017ce faktycznie zrobi\u0142e\u015b to teraz podczas czytania tych wierszy i otrzyma\u0142e\u015b ju\u017c kilka przydatnych wpis\u00f3w.<\/p>\n

Nast\u0119pnie przejd\u017a do wpDataTables<\/strong> -> Utw\u00f3rz tabel\u0119<\/strong> i wybierz opcj\u0119 \u201eUtw\u00f3rz tabel\u0119 po\u0142\u0105czon\u0105 z istniej\u0105cym \u017ar\u00f3d\u0142em danych”<\/strong> i kliknij \u201eDalej”<\/strong>.<\/p>\n

\"Jak<\/a><\/p>\n

Nast\u0119pnie wybierz \u201eForminator Form”<\/strong> jako typ \u017ar\u00f3d\u0142a danych wej\u015bciowych. Po wybraniu \u201eForminatora”<\/strong> jako typu tabeli, pojawi si\u0119 nowe pole wyboru \u201eWybierz formularz formatora”<\/strong>. Za pomoc\u0105 tego pola wyboru mo\u017cesz wybra\u0107 formularz ankiety<\/strong>, kt\u00f3ry zosta\u0142 ju\u017c utworzony za pomoc\u0105 wtyczki Forminator.<\/p>\n

\"Jak<\/a><\/p>\n

Po tym kroku zobaczysz pole wyboru \u201eWybierz pola do pokazania jako kolumny”<\/strong>, kt\u00f3re pozwala wybra\u0107 pola z formularza ankiety<\/strong>, kt\u00f3rych b\u0119dziesz u\u017cywa\u0107 jako kolumny. Wybierzemy wszystkie pola formularza, a z p\u00f3l wsp\u00f3lnych tylko dat\u0119 wej\u015bcia (mo\u017cesz wybra\u0107 wszystkie, je\u015bli tego potrzebujesz).<\/p>\n

\"Jak<\/a><\/p>\n

Po klikni\u0119ciu przycisku \u201eZapisz zmiany”<\/strong> tworzona jest tabela.<\/p>\n

\"Jak<\/a><\/p>\n

Tadaa!<\/p>\n

Teraz masz tabel\u0119 ankiet na swojej stronie WordPress. I nie by\u0142o nawet trudno je stworzy\u0107.<\/p>\n

Poniewa\u017c w wi\u0119kszo\u015bci formularzy ankiet pytania mog\u0105 by\u0107 bardzo d\u0142ugie, mo\u017cesz dostosowa\u0107 szeroko\u015b\u0107 kolumny, zmieniaj\u0105c dane wej\u015bciowe \u201eWy\u015bwietl nag\u0142\u00f3wki”<\/strong> na karcie Wy\u015bwietl w ustawieniach kolumny<\/strong>.<\/p>\n

Alternatywnie mo\u017cesz dostosowa\u0107 ca\u0142\u0105 tabel\u0119, ustawiaj\u0105c \u201eOgranicz szeroko\u015b\u0107 tabeli” i \u201eOpcj\u0119 zawijania s\u0142\u00f3w”<\/a>. Je\u015bli chcesz wi\u0119cej, mo\u017cesz ustawi\u0107 funkcj\u0119 przewijania<\/a> lub responsywno\u015bci na komputerach stacjonarnych<\/a>.<\/p>\n

\"Jak<\/a><\/p>\n

Dla g\u0142\u00f3wnych pyta\u0144 (kolumn) mo\u017cesz ustawi\u0107 r\u00f3\u017cne typy filtr\u00f3w (Filtrowanie zaawansowane<\/a>) a w naszym przypadku ustawimy go jako filtr typu Select-box i w\u0142\u0105czymy opcj\u0119 \u201eFiltry w formularzu”<\/strong> na zak\u0142adce Sortowanie i filtrowanie w zak\u0142adce ustawienia tabeli, aby wy\u015bwietli\u0107 filtry nad tabel\u0105.<\/p>\n

\"Jak<\/a><\/p>\n

Je\u015bli potrzebujesz dodatkowej personalizacji tabel, dost\u0119pnych jest wiele opcji<\/p>\n