Jak stworzyć tabelę danych online za pomocą WordPress
Istnieją tabele WordPress, które pomagają tworzyć piękne i skuteczne wykresy i tabele. Tabele i wykresy pomagają prezentować dane i informacje w sposób łatwy do zrozumienia i przyswojenia.
Sprawiają, że prezentacja jest bardziej logiczna i bardziej atrakcyjna wizualnie.
Kiedy warto wykorzystać tabelę do prezentowania informacji? Pomyśl o wykorzystaniu ich do informacji o cenach produktów lub usług.
Używaj ich do tworzenia listy pracowników, klientów lub partnerów wraz z odpowiadającymi im danymi. A co ze statystykami sportowymi, drużynami i rankingami?
Ale jak zrobić tabelę danych w WordPressie? Edytor WordPress jest świetny i przydaje się do wielu rzeczy.
Nie ma jednak funkcji tworzenia stołów. Tak więc, tworząc post lub blog, nie jest łatwo wstawić tabelę.
Tworzenie tabel w WordPressie nie jest łatwe. Zwłaszcza dla nowych użytkowników WordPressa lub tych, którym brakuje umiejętności technicznych.
Odpowiedzią może być wtyczka . Dzięki wtyczce do tabel WordPress tworzenie profesjonalnie wyglądających stołów to bułka z masłem.
Dlaczego warto korzystać z wtyczki tabeli?
Tabele i wykresy utworzone za pomocą wpDataTables
Dzięki wtyczce WordPress użytkownik może tworzyć, dostosowywać i ubierać stół. Następnie mogą wstawić tabelę do WordPressa i używać jej na różne sposoby.
Tworzenie tabel danych za pomocą wtyczki jest znacznie bardziej praktyczne. Rezultat jest bardziej profesjonalny i wysokiej jakości.
Umieszczenie informacji w formie tabelarycznej czyni je bardziej zrozumiałymi. Ludzie lubią je studiować i patrzeć.
Powoduje to, że będą spędzać więcej czasu na stronie i częściej wracają. To jest dobre dla biznesu!
Oczywiście ten samouczek będzie obfitował w wpDataTables. To niesamowite, jak wiele różnych rzeczy może zrobić ta wtyczka i jakie daje profesjonalne rezultaty.
Ma mnóstwo funkcji i funkcji. Robi o wiele więcej niż tylko proste stoły.
Importowanie dużych zestawów danych nie jest łatwe. wpDataTables ma funkcję, która to ułatwia, która jest dostępna w wersji płatnej.
Może eksportować utworzone tabele w różnych formatach do posta. Może tworzyć formaty CSV lub Excel, a także zapytania ODF i MySQL.
Zaletą wpDataTables jest to, że korzystanie z niego nie wymaga doświadczenia ani znajomości HTML lub CSS. Dostępna jest przejrzysta i praktyczna strona ustawień, która kontroluje wszystko.
Gdy wszystkie ustawienia są poprawne, pozostaje tylko kwestia skopiowania i wklejenia shortcode.
Jak tworzyć tabele danych za pomocą wtyczki wpDataTables
Tak to działa:
Plik źródłowy
Upewnij się, że plik źródłowy jest gotowy. Strona Konfiguracja tabeli zawiera kartę Źródło danych.
W tej zakładce użytkownicy znajdą różne ustawienia. Tutaj też należy zdefiniować źródło danych.
To może być:
- Zapytanie MySQL
- Przewyższać
- CSV
- XML
- Arkusz kalkulacyjny Google
- URL
- Zserializowana tablica PHP
W przykładzie zastosowano dokument programu Excel zawierający dane.
Upewnij się, że wszystkie dane są poprawnie zestawione. Jeśli nie jest prawidłowo ułożony, wpDataTables będzie miał trudności z odczytaniem kolumn tabeli.
Utwórz nowy stół
Aby utworzyć nową tabelę, przejdź do wpDataTables, która znajduje się w lewej części pulpitu WordPress. Kliknięcie go spowoduje wyświetlenie ekranu pokazanego powyżej.
Tutaj można utworzyć lub dodać nową tabelę. Kliknij przycisk Dodaj nowy, a pojawi się ekran podobny do powyższego.
Teraz ustaw poprawny parametr tabeli. Parametry określają, jak wygląda tabela i jak się zachowuje.
W następnym podtytule omówiono niektóre z tych cech.
Zdefiniuj funkcje stołu
Na stronie Ustawienia stołu znajduje się kilka sekcji. Oto te, które znajdują się w pierwszych trzech sekcjach:
- Domyślne wiersze na stronę
- Ukryj do załadowania
- Blok informacyjny
- Ogranicz szerokość stołu
- Paginacja
- Wyrównanie paginacji
- Układ stronicowania
- Reakcja na coś
- Wiersze na stronę
- Przewijalny
- Pokaż tytuł tabeli
- Zawijanie tekstu
Wszystkie parametry można dostosować. Wynikowa tabela danych może być dowolnie skomplikowana.
Po ustawieniu tych parametrów kliknij przycisk Prześlij plik, aby wybrać dokument źródłowy.
Po trzech sekcjach omówionych powyżej jest kilka dodatkowych ustawień dostosowywania:
- Responsywne. To ustawienie wyświetla tabelę danych zgodnie z urządzeniem i rozmiarem ekranu przeglądarki.
- Przewijalny. Umożliwia przewijanie w poziomie.
- Ukryj tabelę, dopóki strona nie zostanie całkowicie załadowana. Praktyczne ustawienie dla stron, które ładują się powoli.
- Zaawansowane filtrowanie. Dodaje filtr na końcu każdej kolumny.
- Filtruj w formularzu. Dodaje filtr w formularzu.
- Narzędzia stołowe. Pozwala na osadzanie dodatkowych funkcji. Obejmują one kopiowanie i zapisywanie do programu Excel lub CSV.
- Włącz sortowanie. Dodaj funkcję sortowania tabeli.
- Ogranicz układ tabeli. Ustawia rozmiar tabeli na rozmiar kontenera nadrzędnego.
- Wyświetlaj długość. Określa liczbę wpisów na jednej stronie.
Istnieje przycisk podglądu, który pokazuje, jak będzie wyglądać tabela. W razie potrzeby wprowadź więcej poprawek.
Gdy wszystkie parametry są poprawne, a formularz zoptymalizowany, kliknij przycisk Zapisz.
Jednak po zapisaniu pojawiają się dodatkowe opcje. Użyj ich, aby uczynić stół jeszcze lepszym.
Wtyczka ma kilka domyślnych ustawień, które są używane automatycznie. Te ustawienia obejmują kolor i typ filtra.
Sortuj dane według parametrów, takich jak data, godzina i tekst. Poniżej znajduje się przykład edytowanych typów kolumn, kolorów, liczb i ciągów.
Zapisz i skopiuj krótki kod
Nie zapomnij zapisać tabeli i kliknąć Zamknij. Wtyczka wróci prosto do strony głównej.
Jeśli wszystko poszło dobrze, pojawi się ostatnio utworzona tabela wraz z tytułem, typem i opcją duplikacji.
Wyświetli również krótki kod. Skopiuj kod i przejdź do strony docelowej.
Dodaj krótki kod do strony lub postu
Dodanie tabeli do strony lub posta jest teraz bardzo łatwe. Wybierz, gdzie ma się znaleźć, i wklej krótki kod do edytora strony.
Kontynuuj edycję strony i optymalizację treści.
Publikować
Po zakończeniu kliknij przycisk Opublikuj. Strona i tabela powinny wyglądać podobnie do przykładu.
Będzie idealny, spójny i wyrównany. Dane w tabeli są łatwe do odczytania i zrozumienia.
Odwiedzający witrynę będą mieli możliwość wyeksportowania danych w różnych formatach. Mogą również filtrować dane na stronie internetowej
Istnieje również integracja z wpBakery i Elementor. Każdą tabelę utworzoną za pomocą wpDataTables można wyeksportować do tych programów budujących strony.
Jak tworzyć tabele WordPress bez wtyczki?
Możliwe jest tworzenie tabel WordPress bez pomocy wtyczek. W tym artykule omówiono trzy: korzystanie z Arkuszy Google lub Dokumentów Google, Generatora tabel i Edytora bloków.
Korzystanie z Dokumentów lub Arkuszy Google
Zaczyna się od utworzenia nowych Dokumentów lub Arkuszy Google. Nie ma znaczenia, który.
W tym przewodniku założono korzystanie z Dokumentów. Po utworzeniu dokumentu:
- Idź do Wstaw
- Kliknij Tabele
- Wybierz liczbę wierszy i kolumn
- Naciśnij Enter
- Wypełnij dane
- Wybierz stół
- Skopiuj to
- Wklej go do edytora WordPress
Dzięki temu element jest gotowy do publikacji.
Wadą tej metody jest to, że istnieje bardzo niewiele opcji dostosowywania. Nie ma wielu możliwości stylizacji.
Ponadto wynikowe tabele nie są zbyt responsywne. Tego typu tabele danych są zwykle bardzo trudne do odczytania na urządzeniach mobilnych.
Korzystanie z generatorów tabel
Podstawowe kodowanie stojących za tabelami WordPress jest oparte na HTML. Dodano do tego style CSS, aby wyglądały ładnie.
Tak więc tworzenie tabel danych bez wtyczki wymaga trochę kodowania i nie każdy wie, jak to zrobić. Z tego powodu wiele z nich zależy od wtyczek i generatorów tabel online.
Tworzą i tworzą tabelę danych w jednym z tych generatorów, aby stworzyć dla niej kod HTML. Następnie skopiuj i wklej produkt na stronie WordPress.
Niektóre lepsze generatory online tworzą responsywne tabele, które działają na różnych rozmiarach ekranu. Inni też dodają stylizację, ale zazwyczaj możliwości są ograniczone.
Są jednak bardzo przydatne. Niektóre z nich to Responsive Table Generator Tool i Rapid Tables.
Tworzenie tabel w edytorze bloków WordPress
Aby to zrobić:
- Utwórz nowy post lub stronę lub kontynuuj edycję istniejącego.
- W edytorze kliknij znak +, aby dodać nowy blok.
- Kliknij Tabela w sekcji Formatowanie. Lub wyszukaj go w polu Wyszukaj blok.
- Wybierz liczbę kolumn i wierszy w tabeli. Wartość domyślna to 2×2.
- Wprowadź dane do komórek. Komórki automatycznie zmieniają rozmiar na podstawie zawartości.
Lub ustaw rozmiar komórki na określony rozmiar za pomocą opcji po prawej stronie.
- Dodaj nagłówek i stopkę w sekcji opcji po prawej stronie. Przykład pokazuje tabelę z nagłówkiem i szarym kolorem tła.
Zmień kolor na karcie Ustawienia kolorów.
Te trzy metody tworzenia tabel danych i używania ich w WordPress działają dobrze. Ale mają też wiele ograniczeń.
Na przykład nie ma zaawansowanych funkcji. Nie produkują responsywnych tabel i często powodują problemy techniczne.
Końcowe przemyślenia na temat tworzenia tabeli danych w WordPressie
Tabele są tak przydatne do prezentowania danych, że ich obfitość w sieci nie dziwi. Poprawiają wrażenia użytkownika, a widzowie mogą przyswajać i rozumieć informacje.
Klasyczny edytor WordPressa nie ma możliwości tworzenia tabel. Jak więc zrobić tabelę danych w WordPressie?
Trzeba uciekać się do korzystania z aplikacji firm trzecich. W tym artykule pokazano, jak używać do tego Dokumentów Google.
Ten post pokazał również, jak korzystać z wtyczki wpDataTables. Ta wtyczka może tworzyć piękne i responsywne tabele.
Jest najłatwiejszy w użyciu i oferuje szeroką gamę funkcji, które pozwalają użytkownikowi stworzyć dowolny stół.
Jeśli podobał Ci się ten artykuł o tworzeniu tabeli danych, zapoznaj się z tym artykułem o źródłach danych.
Pisaliśmy również o kilku powiązanych tematach, takich jak alternatywa DataTables, biblioteka tabel JavaScript, wtyczki do WordPress, jak stworzyć tabelę w WordPress bez wtyczki, jak wstawić tabelę w WordPress , wtyczki do tabel cenowych WordPress i jak tworzyć tabele statystyczne w WordPressie.