Masz więc wiele danych do zaprezentowania czytelnikom. Korzystanie z tabel wydaje się oczywistym wyborem prawo? Problem polega na tym, że tabele nie są obsługiwane przez klasyczny edytor wizualny WordPress. Rozwiązanie? Pluginy oczywiście!

W tym poście omówię następujące kwestie:

  • Dlaczego tabele są problemem z WordPress.
  • Co sprawia, że plugin tabeli WordPress Wielki.
  • Przegląd najlepszych wtyczek tabel WordPress.
  • Którą wtyczkę wybrać, aby dodać tabele do WordPress-nasz zalecany wybór.

Więc do dzieła.

Dlaczego wszyscy użytkownicy WordPressa nie tańczą na stołach?

Jedną z fajnych rzeczy na temat tworzenia treści w WordPress jest to, że prawie wszystko, co możesz zrobić w edytorze tekstu (np. stylizować tekst, dodawać znaki specjalne, osadzać obrazy), można zrobić bezpośrednio z edytora WordPress.

Jedynym rodzajem funkcjonalności, który nie został jeszcze przetłumaczony na WordPress, jest jednak projektowanie tabel.

Chociaż tabela niekoniecznie jest powszechną funkcją używaną w projektowaniu stron internetowych, jest to wystarczająco podstawowy element, który byłby świetny, gdyby został uwzględniony w domyślnych ustawieniach edytora.

Po zastanowieniu, wydaje się nieco dziwne, że WordPress nie miał wbudowanej obsługi tabeli aż do wydania edytora Gutenberg i jego domyślnego bloku tabeli.

Być może była to część tego początkowego wysiłku, aby utrzymać aplikację tak prostą, jak to możliwe, a może myślenie było takie, że jeśli post potrzebuje tabeli, łatwo było przejść do trybu tekstowego i ręcznie dodać HTML.

W3 Table Example
Ręczne dodawanie tabel do WordPressa może być uciążliwe.

Ręczne dodawanie tabeli jest oczywiście nadal opcją, ale jest to żmudne, pracochłonne i podatne na błędy.

Istnieją znacznie lepsze opcje dostępne dla użytkowników WordPress.

Nazywają się pluginy:)

Nic dziwnego, że dostępnych jest wiele wtyczek, które pomagają użytkownikom dodawać tabele w WordPress.

Programiści wtyczek i motywów dostrzegli potrzebę poprawy projektowania tabel HTML w WordPress—zwłaszcza, że firmy szukają lepszych sposobów przekazywania złożonych informacji użytkownikom i wyświetlania profesjonalnie wyglądających tabel i wykresów na swojej stronie.

Mamy teraz mnóstwo lekkich wtyczek i narzędzi do tworzenia witryn, które są wyposażone w funkcje budowania tabel.

Ale której wtyczki tabeli WordPress należy użyć w swojej witrynie?

Oczywiście, to zależy od twoich potrzeb.

Na przykład:

  • Czy planujesz używać tabel w swoich treściach, czy tylko sporadycznie?
  • Prezentujesz proste lub złożone informacje w swoich tabelach?
  • Czy będziesz samodzielnie dodawać zawartość do tabel lub importować dane z innych źródeł?
  • Jak często trzeba aktualizować informacje o tabelach?
  • Czy Twoje tabele będą zawierały tylko kilka kolumn i wierszy danych lub wiele setek—a może nawet tysięcy-wpisów?

Co Sprawia, Że Plugin Tabeli WordPress Wielki?

Aby pomóc Ci wybrać najlepszą wtyczkę do tworzenia i dodawania tabel do postów i stron, skompilowałem listę obecnie obsługiwanych wtyczek tabel WordPress i spojrzałem na następujące kryteria dla każdej z wymienionych wtyczek:

  • Atrakcyjny Wizualnie
  • Łatwy w użyciu
  • Responsive
  • Gutenberg-Ready
  • Dodatkowe Funkcje

Kto Chce Patrzeć Na Nudne Stoły?

Tabele mogą być używane z różnych powodów w WordPress.

  • Wyświetlają one dane wspierające badania lub temat omawiany na stronie.
  • Wymieniają specyfikacje produktów, które mogą być zbyt długie, uciążliwe lub trudne do zrozumienia, gdy są napisane zwykłym tekstem lub nawet w formatach punktowanych.
  • Łączą one oferty usług obok siebie, podkreślając główne cechy, a także ceny dla każdego z nich.
  • Porównują produkty i inne podobne produkty obok siebie, aby pomóc odwiedzającym w procesie podejmowania decyzji.
  • Umożliwiają one odwiedzającym samodzielne obliczenia (co może być naprawdę inteligentną taktyką sprzedaży).

Nie ma wątpliwości, że korzystanie z tabel jest skutecznym sposobem prezentacji złożonych informacji.

Ale jeśli Twoje stoły są nudne, tylko utrudnisz odwiedzającym witrynę.

Cokolwiek zdecydujesz się zrobić z tabelami w WordPress, twoim celem powinno być zrobienie tego w jak najbardziej atrakcyjny sposób.

Dane i długie listy specyfikacji nie zawsze są najbardziej ekscytującymi rzeczami do czytania (dlatego obrazy odgrywają tak dużą rolę w projektowaniu stron internetowych w dzisiejszych czasach), więc twoje tabele potrzebują czegoś więcej niż tylko Nudnego leczenia Excela.

Excel Table
Nudne stoły …

Nie musisz tworzyć przełomowej sztuki za pomocą swoich stołów, ale na miłość boską, dajmy wszystkim oczom coś przyjemnego do obejrzenia i Sprawmy, aby ich czas na twojej stronie był pozytywnym doświadczeniem użytkownika.

Composite image - data table in gold art frame.
Wtyczki tabel nie muszą redefiniować grafiki, ale powinny sprawić, że dodawanie tabel do treści WordPress będzie łatwiejsze i bardziej ekscytujące wizualnie dla użytkowników.

[Image: Pixabay]

Tak więc pierwsze kryteria, na które przyjrzymy się porównując wtyczki tabel WordPress, to czy wtyczka generuje dobrze wyglądające tabele?

Czy tabele mogą dostarczyć informacji oraz być atrakcyjnym wizualnie dla użytkowników?

Jakie opcje oferuje projektowanie i dostosowywanie tabel w WordPress?

Przetestuję to kryterium, tworząc i stylizując tabelę za pomocą domyślnych ustawień wtyczki.

Nie musisz być programistą, aby dodawać dane do tabel i tabel do WordPress

Jeśli musisz nauczyć się pisać kod, aby dodać dane do tabel i wstawić tabele do treści WordPress, możesz również wrócić do metody ręcznej.

Firmy wszelkiego rodzaju muszą dodawać tabele do swojej zawartości, a ostatnią rzeczą, jakiej potrzebują, jest ktoś, kto mówi im, że muszą nauczyć się HTML i PHP, aby publikować dane w formacie tabeli na swoich stronach.

I oni też mają rację!

Wtyczki tabel WordPress powinny być wystarczająco przyjazne dla użytkownika, aby umożliwić użytkownikom końcowym łatwe przesyłanie i wypełnianie danych tabel z arkusza kalkulacyjnego(np.

Możesz też ręcznie dodawać i edytować dane do kolumn i wierszy tabeli z poziomu interfejsu wizualnego. I wstawiaj swoje tabele w dowolnym miejscu w treści za pomocą skrótów lub widżetów.

Przetestuję łatwość obsługi wtyczki, importując plik demo CSV z kilkoma kolumnami i ponad 8600 rzędami danych.

Użytkownicy nie mogą przeglądać tabel na swoim urządzeniu mobilnym … co jest nie tak z tym zdjęciem?

Czy nadal potrzebujesz linków do artykułów na temat statystyk korzystania z urządzeń mobilnych, aby być przekonanym, że wszyscy i ich babcia (i wszyscy sąsiedzi babci) spędzają więcej czasu na dostępie do informacji online za pomocą urządzeń mobilnych zamiast dużych, niezdarnych monitorów stacjonarnych?

Nie powinniśmy nawet pisać recenzji wtyczek i motywów WordPress, które zawierają zdania takie jak “…i wielką cechą tej wtyczki / motyw jest to, że jest mobilny-responsywny i działa we wszystkich przeglądarkach…” już nie.

Jeśli użytkownicy nie mogą wyświetlać tabel na swoich urządzeniach mobilnych, przewijając, przeciągając lub klikając lub dotykając, aby rozwinąć dane, nie powinieneś używać tej wtyczki do wyświetlania tabel w WordPress (ponieważ ta wtyczka, nie będzie już dłużej!)

Tak więc, to, czego szukamy w naszej liście “najlepszych” wtyczek tabel WordPress, to jak elastyczna jest wtyczka na urządzeniach mobilnych użytkowników.

Cellphone with table data
Nie pozwól, aby użytkownicy przeklinali Twoją witrynę, ponieważ nie mogą wyświetlać danych tabeli na swoich urządzeniach mobilnych.

Jeśli to nie Gutenberg-Ready, to nie Gutenough

Gutenberg to przyszłość WordPressa. Koniec dyskusji.

Niezależnie od tego, czy ty lub twoi klienci planujecie dodać tabele do treści w WordPress za pomocą wtyczek, wizualnych kreatorów, a nawet motywów (np. tabel cenowych), musi być wbudowana obsługa edytora Gutenberg.

WordPress Gutenberg obsługuje teraz tabele, więc wszystkie wtyczki do tabel WordPress muszą to zrobić!

Wystarczy Powiedzieć … Oto Najlepsze Wtyczki Tabeli WordPress Do Wyboru

Mając na uwadze powyższe kryteria, rzućmy okiem na najlepsze wtyczki WordPress, które mogą pomóc w tworzeniu tabel dla Twoich postów i stron.

  • Visualizer: Menedżer tabel i wykresów dla WordPress

    Visualizer to darmowa wtyczka do WordPress, która pozwala tworzyć i zarządzać interaktywnymi (i responsywnymi) tabelami dla Twoich postów i stron. Może również pomóc w tworzeniu animowanych wykresów, diagramów i innych.

    Jak Wyglądają Stoły?

    Oto tabela, którą stworzyłem za pomocą Visualizera, importując plik demo CSV i konfigurując podstawowe opcje stylizacji w ustawieniach wtyczki:

    Visualizer Demo Table
    Visualizer Demo Table

    Czy Jest Przyjazny Dla Użytkownika?

    Ta wtyczka pozwala tworzyć i dodawać nieograniczoną liczbę tabel i wykresów do treści.

    Tabele i wykresy można łatwo dodawać do treści za pomocą klasycznego edytora WordPress lub do Gutenberga za pomocą własnego niestandardowego bloku. Umożliwia również ręczną edycję danych w wykresach i tabelach – a także import danych z adresu URL, pliku CSV lub arkusza kalkulacyjnego Google.

    Jeśli to nie wystarczy, możesz również dostosować wygląd i zachowanie tabel i wykresów.

    Reaguje?

    Możesz wybrać, czy poszczególne tabele mają być responsywne, czy nie, włączając lub wyłączając funkcję responsywną w Ustawieniach wykresu.

    Mockup of a responsive table created using Visualizer.
    To właśnie użytkownicy mobilni zobaczą podczas przeglądania tabeli utworzonej za pomocą Visualizera (makieta oparta na wyświetlaczu dostosowywania motywu WordPress).

    Wtyczka zawiera różne technologie animacji i responsywności, takie jak Google Visualization API, DataTables.net, oraz ChartJS.

    Obsługuje również kompatybilność z różnymi przeglądarkami i przenośność między platformami na systemy iOS i Android.

    Czy Jest Przyjazny Gutenbergowi?

    Możesz dodawać interaktywne tabele i wykresy do postów i stron WordPress za pomocą bloku Visualizer Gutenberg.

    Gdy to zrobisz, możesz skonfigurować różne opcje w Ustawieniach niestandardowego bloku. Należą do nich: ustawienia tabeli, komórki, wiersza i kolumny.

    Na koniec masz możliwość dodawania działań frontendowych dla użytkowników-na przykład zezwalania im na drukowanie, eksportowanie lub kopiowanie danych tabeli.

    Screengrab of Visualizer Gutenberg block.
    Wizualizer blok Gutenberga.

    Dodatkowe Informacje O Wtyczce

    Darmowa wersja zawiera wbudowane typy wykresów 8 (Wykres tabelkowy, wykres liniowy, wykres obszarowy, wykres słupkowy, wykres kolumnowy, Wykres kołowy, wykres geograficzny i wykres punktowy).

    Wersja pro oferuje 6 dodatkowych typów wykresów i opcji, a także umożliwia importowanie danych z innych Wykresów za pomocą edytora NA ŻYWO.

    Umożliwia również: automatyczną synchronizację tabel i wykresów z plikami online, tworzenie prywatnych Wykresów, Zezwalanie użytkownikom na edycję wykresów i wiele innych.

    Poniższy film pokazuje, do czego jest zdolna ta wtyczka.

    Ogólnie rzecz biorąc, jest to świetna wtyczka do zainstalowania, jeśli planujesz szeroko korzystać z tabel i wykresów w swojej witrynie i chcesz mieć pełną kontrolę nad projektem i prezentacją swoich danych.

    Uwagi Testowe

    Początkowo miałem problemy z importowaniem danych tabeli z pliku CSV, dopóki nie zdałem sobie sprawy, że tabela musi być sformatowana z pierwszym wierszem zawierającym nagłówki kolumn i drugim wierszem zawierającym Typ serii (string, number, boolean, date, datetime, timeofday).

    Po poprawnym sformatowaniu pliku CSV przesyłanie działało dobrze.

    Interesuje Cię Visualizer: Menedżer tabel i wykresów dla WordPress?

    Więcej Informacji
  • TablePress

    TablePress to darmowa wtyczka WordPress, która pozwala łatwo tworzyć i zarządzać tabel na swojej stronie internetowej zawierającej dowolny rodzaj danych. Od liczb, tekstu i obrazów po łącza, a nawet formuły matematyczne.

    Jak Wyglądają Stoły?

    Oto tabela, którą stworzyłem za pomocą TablePress, importując plik demo CSV.

    Dostępnych jest tylko kilka opcji, aby skonfigurować styl tabel bez użycia niestandardowego CSS:

    TablePress demo table.
    Tabela demonstracyjna stworzona przy użyciu wtyczki TablePress.

    Powyższa tabela pokazuje niektóre funkcje biblioteki DataTables JavaScript w włączonych ustawieniach wtyczki (np. sortowanie, filtrowanie, stronicowanie i wyszukiwanie).

    Rozmiar kolumny wydaje się być określany przez dane komórki, co powoduje, że tytuły w wąskich kolumnach danych wyglądają nieatrakcyjnie.

    Jednak wtyczka zapewnia pole’ custom Commands’, w którym dodatkowe parametry z Dokumentacji DataTables mogą być dodane do wywołania JS. Oznacza to, że zaawansowani użytkownicy mogą dalej modyfikować i dostosowywać tabelę.

    Czy Jest Przyjazny Dla Użytkownika?

    TablePress jest bardzo prosty i łatwy w użyciu. Wtyczka dodaje własną sekcję interfejsu administratora do menu głównego, w której można tworzyć i edytować tabele, a następnie wprowadzać dane tabel do wizualnego konstruktora tabel (zamiast postu), umożliwiając aktualizację wszystkich wystąpień tabeli w całej witrynie.

    Dodatkowe funkcje edycji tabel obejmują: kopiowanie / duplikowanie i usuwanie tabel oraz sortowanie danych tabel za pomocą przeciągania i upuszczania.

    Po utworzeniu tabeli użyj prostego skrótu (lub funkcji szablonu), aby dodać tabelę do postów, stron lub widżetów tekstowych WordPress. Ten krótki kod umożliwia korzystanie z tej samej tabeli na wielu stronach.

    Wtyczka integruje się z tabel danych jQuery plugin, dzięki czemu można włączyć funkcje takie jak na żywo sortowania, paginacji, wyszukiwania, poziome przewijanie i więcej.

    Możesz także łatwo dodawać i usuwać nowe kolumny i wiersze oraz dołączać połączone/połączone komórki do struktury tabeli.

    Na koniec istnieje możliwość eksportowania i importowania tabel pojedynczo lub zbiorczo w celu udostępniania w różnych witrynach.

    Tabele można importować z programu Excel (.xls i .xlsx), pliki CSV, HTML lub JSON i eksportowane / zapisywane / archiwizowane w większości tych formatów.

    Jak również wspomniano, TablePress oferuje kilka podstawowych opcji projektowania w obszarze ustawień, takich jak włączanie pierwszego i ostatniego wiersza jako nagłówka tabeli i wiersza stopki, naprzemienne kolory tła wiersza, podświetlanie wiersza (po najechaniu myszą) oraz wyświetlanie nazwy i opisu tabeli powyżej lub poniżej tabeli.

    To prawie wszystkie opcje, które masz, chyba że zdecydujesz się stylizować tabele za pomocą CSS.

    Reaguje?

    Tabele utworzone za pomocą TablePress są “responsywne” tylko w sensie technicznym, że będą zmieniać rozmiar podczas zmiany rozmiaru przeglądarki.

    Nie są one jednak responsywne “mobilnie”, ponieważ cała tabela stara się zgnieść wszystko razem, tworząc stół, który wygląda tak:

    Mockup of a responsive table created using TablePress.
    To jest to, co użytkownicy mobilni mogą oczekiwać, aby zobaczyć podczas przeglądania tabel utworzonych za pomocą TablePress (makieta oparta na WordPress theme customizer display).

    Istnieje jednak rozszerzenie premium o nazwie Responsive Tables, które pomoże Ci przezwyciężyć wszelkie ograniczenia techniczne spowodowane, gdy minimalna szerokość stołu jest większa niż szerokość dostępnego obszaru zawartości (co może prowadzić do brzydkich zachowań na małych ekranach, takich jak odcięcie kolumn tabeli).

    To rozszerzenie premium daje cztery różne podejścia do responsywności tabeli i pozwala łatwo rozwiązywać problemy w istniejących tabelach, modyfikując skrót używany w postach i stronach.

    Czy Jest Przyjazny Gutenbergowi?

    TablePress nie posiada własnego, niestandardowego bloku Gutenberga. Jeśli tworzysz posty lub strony za pomocą edytora Gutenberg, musisz skopiować i wkleić skrócony kod wygenerowany przez wtyczkę do bloku skróconego kodu.

    Shortcode block.
    Wklej swój TablePress shortcode do bloku shortcode, aby wyświetlić tabele za pomocą Gutenberga.

    Dodatkowe Informacje O Wtyczce

    Z ponad aktywnymi instalacjami 800,000+, TablePress jest jedną z najpopularniejszych wtyczek stołowych dostępnych dla WordPress.

    Jeśli planujesz dodać wiele wystąpień tej samej tabeli do różnych postów, stron lub obszarów witryny lub jeśli potrzebujesz tylko dodać podstawowe tabele do treści za pomocą prostej implementacji stylu CSV – TablePress jest wart pobrania i odtworzenia.

    Przekaż programiście wtyczki i miejmy nadzieję, że ta wtyczka będzie coraz lepsza.

    Uwagi Testowe

    Odkryłem, że najprostszym sposobem na aktualizację danych tabeli w TablePress jest utworzenie i wyeksportowanie tabeli (np. jako plik CSV), a następnie bezpośrednia edycja pliku, a po zakończeniu wystarczy ponownie przesłać i nadpisać istniejącą tabelę za pomocą funkcji importu.

    Jednak podczas testowania tej wtyczki popełniłem błąd, importując najpierw mój plik demo CSV (z 8619 rzędami danych).

    Następnie musiałem boleśnie przewijać stronę w dół i czekać, aż tysiące wierszy załadują się na moim ekranie, zanim mogłem przejść do sekcji ustawień tabeli, która znajduje się poniżej konstruktora tabeli.

    Ten proces byłby o wiele łatwiejszy i szybszy, gdybym zastosował się do własnych porad i najpierw utworzył nową tabelę, skonfigurował Ustawienia, a następnie zaimportował duży plik CSV – nadpisując nowo utworzoną pustą tabelę.

    Interesuje Cię TablePress?

    Więcej Informacji
  • Stoły Ninja

    Ninja Tables pozwala tworzyć, zarządzać i dostosowywać tabele danych w WordPress z szeregiem wbudowanych opcji stylizacji.

    Możesz również importować duże tabele, a nawet tabele utworzone przy użyciu niektórych innych wtyczek opisanych w tym poście.

    Jak Wyglądają Stoły?

    Chociaż ta wtyczka ma wiele funkcji dostosowywania, darmowa wersja daje tylko ograniczone opcje pod względem projektu.

    Ninja Tables Demo
    Tabela demonstracyjna stworzona przy użyciu tabel Ninja.

    Jeśli chcesz skorzystać ze wszystkich funkcji dostosowywania wtyczki, rozważ aktualizację do wersji Pro.

    NinjaTables pozwala tworzyć i dodawać świetnie wyglądające tabele do treści w WordPress.

    Czy Jest Przyjazny Dla Użytkownika?

    Przetestowałem tylko darmową wersję tej wtyczki. Interfejs wtyczki wydaje się łatwy i przyjazny dla użytkownika, ale możesz dotrzeć do dobrych rzeczy tylko poprzez aktualizację do wersji Pro.

    Niemniej jednak udało mi się stworzyć tabelę ręcznie i zaimportować dane z mojego pliku demo CSV bez problemu.

    Reaguje?

    Tabele utworzone za pomocą NinjaTables zmienić rozmiar w przeglądarce i są mobilne responsywne.

    Mockup of table created using NinjaTables when viewed through a mobile device.
    Jak użytkownicy mogą spodziewać się wyświetlania tabel utworzonych za pomocą NinjaTables. (Makieta wykonana przy użyciu WordPress Theme Customizer display.)

    Miłą cechą tej wtyczki jest możliwość ustawiania różnych responsywnych punktów przerwania, aby określić, jak kolumny tabeli powinny wyświetlać się podczas oglądania na różnych urządzeniach.

    Na przykład możesz chcieć, aby dane w kilku kolumnach były początkowo ukryte za symbolem plusa (‘+’) podczas oglądania na urządzeniu mobilnym.

    NinjaTables responsive features.
    NinjaTables pozwala wybrać, które kolumny mają być początkowo ukryte, gdy są wyświetlane na różnych urządzeniach.

    Czy Jest Przyjazny Gutenbergowi?

    Ninja Tables dodaje Niestandardowy blok Gutenberga, który pozwala wybrać tabelę z rozwijanego menu i zapewnia pole “zaawansowane” do dodawania CSS.

    Ninja Tables Gutenberg Block
    Stoły Ninja Blok Gutenberg

    Dodatkowe Informacje O Wtyczce

    Mimo że testowałem tylko darmową wersję tej wtyczki, tabele Ninja wydają się łatwe w użyciu i dają doskonałą kontrolę nad ustawieniami kolumny i wstawianiem danych.

    Możesz edytować/masowo edytować, usuwać i duplikować wiersze danych oraz sortować dane tabeli za pomocą przeciągania i upuszczania.

    Jak wspomniano, w wersji Pro masz o wiele więcej. Mówimy o funkcjach, takich jak globalne domyślne ustawienia tabel i innych przydatnych opcjach, takich jak umożliwienie użytkownikom filtrowania, wyszukiwania i sortowania tabel.

    Wtyczka zapewnia również dostęp do zaawansowanych funkcji dostosowywania, takich jak stylizacja CSS, ustawianie maksymalnych szerokości kolumn, warunkowe Formatowanie kolumn – a także możliwość wyświetlania Arkuszy Google jako tabel w WordPress i integracja WooCommerce.

    Uwagi Testowe

    Rozczarowującym aspektem tej wtyczki jest to, że musisz uaktualnić do wersji Pro, aby uzyskać dostęp do funkcji, które inne wtyczki oferują w swoich darmowych wersjach. Takie jak możliwość dodawania multimediów do komórek tabeli, używania kolorów, wyrównywania tekstu, scalania komórek, określania punktów przerwania stronicowania itp.

    Z pozytywnego punktu widzenia wygląda to na bardzo dobrą wtyczkę i sądząc po recenzjach, użytkownicy wydają się być bardzo zadowoleni z funkcji wtyczki.

    Interesują Cię stoły Ninja?

    Więcej Informacji
  • wpDataTables-tabele i wykresy tabel

    wpDataTables Lite to bogata w funkcje wtyczka z wyczuciem “przedsiębiorstwa”.

    Jak tylko go zainstalujesz i zaczniesz przeglądać ustawienia, masz poczucie, że nie ma nic “Lite” o tej wtyczce. Ma pomóc w tworzeniu i zarządzaniu “wytrzymałymi” tabelami.

    Co okazuje się być dokładnie tym, co deweloper miał na myśli.

    Nazywają tę wtyczkę “menedżerem danych” i jest to dokładny opis tego, co robi.

    wPDataTables jest w pełni konfigurowalny, co pozwala importować duże partie danych do WordPress (według autora, może obsługiwać tabele z milionami wierszy danych) i używać ich konstruktora tabeli lub narzędzia wizualnego budowniczego, takiego jak Visual Composer, do kompilowania i zarządzania tabelami w Twojej witrynie.

    Jak Wyglądają Stoły?

    Oto tabela demonstracyjna, którą stworzyłem za pomocą wpDataTables Lite:

    wpDataTables demo table
    Tabela demonstracyjna stworzona przy użyciu wpDataTables.

    wpDataTables tworzy czyste tabele od razu po wyjęciu z pudełka, co jest dobrą rzeczą, ponieważ ma rozbudowane wbudowane funkcje dostosowywania do projektowania tabel, aby wyglądały dokładnie tak, jak chcesz.

    Czy Jest Przyjazny Dla Użytkownika?

    Ta wtyczka mieści się w tym samym “obosiecznym” mieczu przyjazności dla użytkownika, co WordPress.

    Jest wystarczająco łatwy w użyciu od razu, ale jeśli naprawdę chcesz czerpać z niego jak najwięcej korzyści, naprawdę musisz poświęcić trochę czasu na zajrzenie pod maskę i nauczenie się wszystkiego, co możesz z nim zrobić.

    Na szczęście ta wtyczka zapewnia obszerną dokumentację użytkownika i samouczki, które pomogą Ci.

    Krótko mówiąc, tak, jest przyjazny dla użytkownika, a nawet darmowa wersja jest bogata w funkcje. Możesz w pełni dostosowywać i edytować tabele i wykresy tabel za pomocą danych połączonych z importowanych danych Excel, CVS, JSON, XML i PHP.

    Możesz także tworzyć tabele ręcznie, łączyć się ze źródłami danych hostowanymi zewnętrznie i tworzyć tabele oparte na zapytaniach MySQL.

    Reaguje?

    wpDataTables to rzeczywiście wtyczka do responsywnych tabel WordPress, chociaż tryb responsywny nie jest dostępny w wersji darmowej.

    Mockup of mobile responsive table created using wpDataTables plugin.
    W ten sposób użytkownicy urządzeń mobilnych będą przeglądać tabele utworzone za pomocą wpDataTables (makieta stworzona za pomocą WordPress theme customizer).

    Czy Jest Przyjazny Gutenbergowi?

    Wtyczka instaluje się z własnym niestandardowym blokiem Gutenberga. Wersja premium odblokowuje dodatkowe funkcje edycji bloków, takie jak możliwość wyboru widoku tabeli (zwykły lub podobny do Excela) i ustawiania zmiennych zastępczych.

    wpDataTables Gutenberg block.
    wpDataTables blok Gutenberga.

    Dodatkowe Informacje O Wtyczce

    Darmowa wersja obsługuje większość typów danych kolumn (np. ciągi znaków, obrazy, liczby całkowite, Data i czas, linki URL i e-mail), ale ma pewne ograniczenia.

    Wybierz darmową wersję, jeśli planujesz tylko sporadycznie dodawać proste tabele do zawartości i nie potrzebujesz zaawansowanych funkcji oferowanych w wersji Premium.

    Które zawierają opcje ręcznego tworzenia tabel, wyświetlania tabel z plików arkusza kalkulacyjnego Google, korzystania z formatowania warunkowego, funkcji obliczeniowych, zaawansowanych wykresów Google, narzędzi do eksportu danych tabel i innych.

    Ten krótki film promocyjny pokazuje niektóre z zaawansowanych możliwości wtyczki:

    Uwagi Testowe

    Mimo że określiłem kolory nagłówka tabeli, nieparzystych wierszy i obramowań w moich ustawieniach globalnych – moja tabela demonstracyjna wyglądała jak ta pokazana na powyższym zrzucie ekranu. Więc domyślam się, że kolory muszą być funkcją Pro.

    Niemniej jednak wydaje się to solidną wtyczką zbudowaną do obsługi ogromnych zestawów danych i zarządzania dużymi responsywnymi tabelami w WordPress.

    Jeśli planujesz uruchomić Duże tabele danych w swojej witrynie WordPress, rozważ użycie tej wtyczki. Chociaż trzeba będzie zaktualizować do wersji Premium, aby odblokować wszystkie funkcje zarządzania tabelami i dostosowywania.

    Interesujesz się wpDataTables-tabele i wykresy tabel?

    Więcej Informacji
  • Generator Tabel Danych

    Data Tables Generator to potężna wtyczka do generowania tabel, która zapewnia ekran wprowadzania w stylu arkusza kalkulacyjnego, który może nawet wykonywać proste obliczenia matematyczne.

    Dostępnych jest wiele opcji, w tym dzielenie dużych zbiorów danych, dodanie pola wyszukiwania do filtrowania zawartości tabeli, sortowanie zawartości tabeli według kolumn i wiele opcji stylizacji.

    Jak Wyglądają Stoły?

    Darmowa wersja tej wtyczki nie pozwala na importowanie danych ani dostęp do większości opcji dostosowywania, więc moim celem podczas testowania tej wtyczki było po prostu szybkie utworzenie tabeli ręcznie, nie tracąc zbyt wiele czasu na jej projekt.

    Data Tables Generator demo table.
    Tabela demonstracyjna wygenerowana przy użyciu generatora DataTables.

    Czy Jest Przyjazny Dla Użytkownika?

    Jeśli znasz tworzenie arkuszy kalkulacyjnych za pomocą programów takich jak Excel, tworzenie tabel za pomocą tej wtyczki będzie łatwe i intuicyjne.

    Reaguje?

    Ta wtyczka oferuje tryb responsywny ustawienie dla każdej tabeli, które pozwala wybrać jedną z czterech opcji: standardowe, automatyczne ukrywanie kolumn, przewijanie w poziomie i wyłączone.

    Z tryb standardowy, jeśli zawartość tabeli nie pasuje, kolumny wyświetlają się pod sobą z jedną komórką na wiersz, jak pokazano na zrzucie ekranu poniżej.

    Automatyczne ukrywanie kolumny ukrywa kolumny tabel o zmniejszonych wymiarach i sprawia, że są one widoczne, klikając ikonę dodaną do każdego wiersza tabeli.

    Przewijanie poziome zachowuje pełne wymiary tabeli, ale umożliwia jej przewijanie, dzięki czemu cała zawartość może być przeglądana przez przewijanie tabeli w poziomie.

    Niepełnosprawni zachowuje pełne Wymiary stołu i nie umożliwia przewijania, odcinając w rezultacie znaczną część stołu.

    Mockup image of responsive table created using Data Tables Generator
    W jaki sposób użytkownicy mobilni będą przeglądać tabele utworzone przy użyciu generatora tabel danych w “standardowym” trybie responsywnym.

    Opcje trybu responsywnego są ładne i wykonują rozsądną pracę, dzięki czemu treści tabel są bardziej dostępne na urządzeniu mobilnym.

    Czy Jest Przyjazny Gutenbergowi?

    Ta wtyczka nie posiada własnego bloku Gutenberga. Aby dodać tabele do postów i stron, musisz skopiować i wkleić skrócony kod tabeli do bloku skróconego kodu Gutenberga.

    Screengrab of Gutenberg Shortcode block.
    Użyj bloku Shortcode Gutenberga, aby dodać tabele do zawartości.

    Dodatkowe Informacje O Wtyczce

    Generator tabel danych firmy Supsystic to potężna i bogata w funkcje wtyczka do tabel z wieloma zaawansowanymi funkcjami dostępnymi w wersji Pro.

    Jest to świetna opcja dla stron internetowych, które regularnie używają tabel i chcą, aby te tabele były sortowane, przeszukiwane, filtrowalne i dodawały stronicowanie, dzięki czemu duże zbiory danych są wyświetlane na wielu stronach.

    Uwagi Testowe

    Znalazłem ten plugin dość łatwy w użyciu, ale darmowa wersja jest dość ograniczona. Aby uzyskać dostęp do wszystkich dobrych rzeczy wymaga aktualizacji do wersji Pro.

    Interesuje Cię Generator tabel danych?

    Więcej Informacji
  • WP Table Builder

    WP Table Builder to wtyczka do tworzenia tabel typu przeciągnij i upuść dla WordPress. To prawie to, co robi ta wtyczka. Pozwala budować tabele w WordPress.

    Jak Wyglądają Stoły?

    Oto tabela, którą zbudowałem za pomocą tej wtyczki:

    WP Table Builder demo table.
    Tabela demonstracyjna zbudowana z WP Table Builder.

    Czy Jest Przyjazny Dla Użytkownika?

    Według twórcy wtyczki, “Tworzenie responsywnych tabel za pomocą narzędzia WP Table Builder jest szalenie łatwe.”

    Uważam, że proces budowania tabel za pomocą ich prostych elementów przeciągnij i upuść jest łatwy i przyjemny.

    Tabelę tworzy się dosłownie, dodając kolumny i wiersze, a następnie przeciągając i upuszczając elementy, takie jak tekst, obrazy, listy, przyciski i oceny gwiazdek do każdej komórki.

    Każdy element oferuje własne opcje formatowania, a tabele są dodawane do zawartości za pomocą krótkiego kodu.

    Reaguje?

    Z WP Table Builder możesz włączyć lub wyłączyć opcje “Dostosuj tabelę” dla poszczególnych tabel.

    Po włączeniu tabele dynamicznie rekonfigurują swój układ, aby dostosować go do różnych rozmiarów przeglądarki.

    WP Table Builder responsive table mockup.
    Jak tabele zbudowane z WP Table Builder będą wyglądać dla użytkowników mobilnych (makieta zbudowana przy użyciu WordPress Theme Customizer).

    Czy Jest Przyjazny Gutenbergowi?

    Ta wtyczka nie posiada własnego bloku Gutenberga. Aby dodać tabele do postów i stron, musisz skopiować i wkleić skrócony kod tabeli do bloku skróconego kodu Gutenberga.

    Screengrab of Gutenberg Shortcode block.
    Dodawanie tabel do zawartości za pomocą bloku Shortcode Gutenberga.

    Dodatkowe Informacje O Wtyczce

    Jest to przydatna wtyczka do ręcznego budowania prostych cen, listy lub tabel porównawczych dla blogów, biur lub małych firm, projektów szkolnych itp.

    Nie ma funkcji importu/eksportu danych – musisz ręcznie zbudować każdą tabelę.

    Uwagi Testowe

    Część bycia “szalenie łatwe tworzenie responsywnych tabel z WP Table Builder” to doprowadziło mnie do szaleństwa, próbując usunąć niechciane wiersze z mojej tabeli za pomocą “trybu zarządzania komórkami”, który “oferuje opcje takie jak Dodaj nowy wiersz, Dodaj nową kolumnę, Scal komórki, Podziel komórki i inne.”

    Zauważyłem to, kiedy zacząłem budować stół, ale nie byłem w stanie znaleźć tych opcji ponownie po moim stole został zbudowany i chciałem go dostosować.

    Zainteresowany WP Table Builder?

    Więcej Informacji

Obracanie Tabel-Szybkie Podsumowanie…

Korzystanie z wtyczki WordPress do tworzenia tabel pozwala zrobić kilka fajnych rzeczy, aby Twoje treści wyróżniały się na twojej stronie.

Ponadto projektowanie tabel w WordPress daje następujące korzyści:

  • Czystszy sposób wyświetlania danych.
  • Unikalny sposób dodawania formatowania do długich fragmentów tekstu na stronie.
  • Łatwiejsze wyjaśnienie, w jaki sposób różne produkty lub usługi porównują się ze sobą.
  • Lepszy sposób na sprzedaż klientów na niektórych elementach, jeśli zaprojektujesz tabele z subtelnymi hierarchicznymi “preferencjami” (np. zwiększenie najpopularniejszej warstwy cenowej i bardziej kolorowej niż otaczające).
  • Bardziej wydajna metoda tworzenia multimediów dla witryny, która jest łatwa do aktualizacji. Nie ma potrzeby odtwarzania tabeli poza WordPress, ponownego przesyłania i ponownego osadzania. Wystarczy wprowadzić zmiany w WordPress.
  • Zabawny sposób na dodanie interakcji do witryny (jeśli zbudujesz swoją jak kalkulator lub zastosujesz do niej efekty przejścia).

Kilka z wymienionych powyżej wtyczek korzysta z doskonałych tabel danych lub bibliotek Tablesorter, aby rozszerzyć swoją listę funkcji, zapewniając sortowanie, wyszukiwanie, filtrowanie i stronicowanie po stronie klienta.

Inni po prostu wybierają podstawowe rzeczy. Co najważniejsze, masz teraz lepszy pomysł na to, jak wyglądają tabele utworzone za pomocą tych wtyczek, jak łatwe są w użyciu, jakie funkcje responsywne oferują i jak dobrze grają z Gutenbergiem.

Więc…

Którą Wtyczkę Tabeli WordPress Wybrać?

Wszystko zależy od tego, jakie tabele chcesz zbudować, ile Danych musisz wyświetlić, jak statyczne są dane, ile kontroli chcesz nad stylizacją i wszelkie inne specyficzne funkcje, które chcesz w tabelach.

Programiści wtyczek i motywów WordPress uznali potrzebę tego—zwłaszcza, że firmy szukają lepszych sposobów wyświetlania profesjonalnie wyglądających tabel na swojej stronie.

Mamy więc teraz wiele wtyczek, które są wyposażone w funkcje tworzenia tabel i formatowania.

WPMU Dev Ratings

Przetestowałem każdą z tych wtyczek tabel WordPress pod kątem atrakcyjności wizualnej, łatwości użycia, responsywności, przyjazności Gutenberga i ogólnych funkcji.

Oto mój werdykt:

Ogólnie

  • Wizualizer:
  • TablePress:
  • Stoły Ninja:
  • wpDataTables:
  • Generator Tabel Danych:
  • WP Table Builder:

Nasze Rekomendacje

Jeśli chcesz szybko i łatwo tworzyć świetnie wyglądające tabele i przyciągające wzrok wykresy do wyświetlania informacji w witrynie, uzyskaj Wizualizer lub Stoły Ninja.

Są to prawdopodobnie najlepsze wtyczki do ogólnego tworzenia tabeli w WordPress i powinny odpowiadać potrzebom większości użytkowników WordPress.

Jeśli planujesz dodać responsywne tabele, aby wyświetlać bardzo duże ilości danych i szukasz funkcji, które zapewnią pełną personalizację, to wpDataTables lub Generator tabel danych firmy Supsystic oba są doskonałym wyborem.

Jak wspomniano wcześniej, wpDataTables wydaje się bardziej narzędziem na poziomie przedsiębiorstwa, podczas gdy generator tabel danych będzie odpowiadał każdemu, kto zna się na budowaniu tabel za pomocą aplikacji arkusza kalkulacyjnego.

Jeśli planujesz dodać tylko proste tabele do zawartości, zainstaluj TablePress lub WP Table Builder.

Obie te wtyczki są bardzo łatwe w użyciu i pozwalają każdemu tworzyć i dodawać tabele do postów i stron oraz edytować zawartość tabeli z centralnego interfejsu tworzenia tabel.

Pamiętaj, że TablePress pozwala importować dane z zewnętrznych źródeł, takich jak pliki CSV, podczas gdy z WP Table Builder musisz ręcznie tworzyć tabele.

Jak widać, każda z powyższych wtyczek robi pewne rzeczy lepiej niż inne. Wypróbuj najpierw bezpłatne wersje tych wtyczek, aby sprawdzić, czy będzie ona odpowiadać Twoim potrzebom.

Mam nadzieję, że te informacje pomogą Ci wybrać najlepszą wtyczkę tabeli WordPress dla witryn (lub naszych klientów). Znajdź odpowiednią wtyczkę, która daje Ci najwięcej radości, a wkrótce będziesz tańczyć na stołach!

Czy masz ulubioną wtyczkę tabeli WordPress? Podziel się swoimi przemyśleniami i komentarzami poniżej.

Tagi:

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd “nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

9 Najlepsze Darmowe Wtyczki WordPress Author Bio Box

W artykule: 1. Simple Author Box2. Branda3. Autor postu WP4. Author Bio…