Wtyczka tabel WordPress: 5 szybkich sposobów tworzenia niesamowitych siatek

Wtyczka tabeli WordPress umożliwia prezentowanie informacji w Twojej witrynie w ustrukturyzowanym formacie. O dziwo, WordPress nie ma wbudowanej funkcji do tworzenia takich wyświetlaczy. Możesz je tworzyć bez wtyczki, pisząc własny kod HTML, ale jest to bardzo kłopotliwe i przekracza umiejętności większości właścicieli witryn. O wiele łatwiej jest korzystać z dobrej jakości rozszerzenia.

Wtyczka tabeli WordPress

WordPress ułatwia to, jeśli użyjesz odpowiedniego rozszerzenia - możesz szybko wyświetlić złożone informacje w formie wizualnej bez wiedzy technicznej. Najlepsze wtyczki są przyjazne dla urządzeń mobilnych i umożliwiają tworzenie w pełni responsywnych wyświetlaczy w WordPressie. Jest to o wiele prostsze niż pisanie własnego kodu. Niektóre responsywne wtyczki tabel WordPress pozwalają nawet kontrolować zachowanie wierszy i kolumn na różnych rozmiarach ekranu.

Ten artykuł z CollectiveRay przeprowadzi Cię przez proces wyboru odpowiedniego dla Ciebie produktu. Po pierwsze, pomożemy Ci wybrać odpowiedni produkt w oparciu o Twoje specyficzne wymagania. Następnie przekażemy szczegółowe instrukcje tworzenia treści w różnych formatach przy użyciu 5 różnych opcji.

Przeczytaj więcej postów na temat wtyczek WordPress, klikając menu powyżej.

Która wtyczka tabeli WordPress?

Wybór najlepszej wtyczki tabeli dla WordPressa wymaga trochę przemyślenia. Istnieje wiele dobrych opcji - musisz wybrać tę, która najlepiej odpowiada Twoim wymaganiom. Najpierw napisz listę wszystkich potrzebnych funkcji. Myśleć o:

  • Rodzaj treści - Chcesz wyświetlać statyczne czy dynamiczne informacje ze swojej witryny? Na przykład, czy dodasz dane ręcznie? A może chcesz wyświetlić listę postów, stron lub innych elementów ze swojej witryny WordPress, a nawet produktów WooCommerce?
  • Reagowanie - Czy Twoja witryna korzysta z responsywnego motywu WordPress? Jeśli Twoja ogólna witryna jest responsywna, potrzebujesz również funkcji responsywnych - w przeciwnym razie siatka zerwie się na telefonach komórkowych i mniejszych rozmiarach ekranu.
  • Designerski. - Czy masz jakieś szczególne wymagania dotyczące projektu swoich siatek? Jako minimum upewnij się, że treść dziedziczy style z Twojego motywu, tak aby czcionki, kolory itp. w siatce pasowały do ​​reszty Twojej witryny. Niektóre wtyczki do tabel WordPress zawierają również dodatkowe opcje stylizacji.
  • Elastyczność - Jaką kontrolę chcesz mieć nad działaniem wierszy i kolumn?
  • Obsługa HTML - Czy musisz wyświetlać w siatce sformatowane dane, takie jak skróty, ikony, przyciski lub linki?
  • Treści multimedialne - Czy będziesz wyświetlać zwykły tekst? A może chcesz dodać obrazy, osadzone pliki audio lub wideo, listy odtwarzania multimediów lub inne specjalne informacje?
  • Zgodność wtyczek - Czy zawartość w siatce musi być zintegrowana z innymi wtyczkami WordPress w Twojej witrynie? Na przykład, czy chcesz wyświetlić w siatce informacje z innych rozszerzeń, takich jak WooCommerce lub Kalendarz wydarzeń? Czy to działa z programami do tworzenia stron, takimi jak Divi lub Elementor?
  • Dodatkowe cechy - Napisz listę dodatkowych funkcji, których potrzebujesz. Czy dane muszą być możliwe do sortowania, na przykład poprzez klikanie nagłówków kolumn? Czy potrzebuje pola wyszukiwania? Potrzebujesz dodać do swojej witryny wiele siatek, czy tylko jedną? Jeśli masz dużo danych, czy potrzebujesz możliwości dzielenia informacji na wiele stron? Czy musisz dodać filtry na liście rozwijanej nad wyświetlaczem?

Uzbrojony w tę listę, możesz spojrzeć na produkty przedstawione w tym artykule i wybrać, który z nich jest odpowiedni dla Twojej witryny.

Która responsywna wtyczka tabel WordPress?

Najlepsze responsywne wtyczki tabeli WordPress to:

Istnieje wiele dobrych produktów o funkcjach podobnych do TablePress, w tym Łatwa tabela, wpDataTables i UltimateTables.

Uważamy jednak, że TablePress jest wyraźnym zwycięzcą, dlatego jest to jedyna wtyczka statycznej siatki, którą przedstawiamy w tym artykule. Inne produkty w tym artykule działają na różne sposoby, dzięki czemu będziesz mieć dobry wybór do wyboru, niezależnie od Twoich wymagań.

TablePress - Wyświetlaj dane statyczne w siatce

TablePress

TablePress jest zdecydowanie najpopularniejszym produktem, dlatego zasługuje na pierwsze miejsce na tej liście. Darmowa wersja ma ponad 400,000 XNUMX aktywnych użytkowników.

Jeśli potrzebujesz więcej funkcji, różnych rozszerzenia premium są dostępne. Szkoda, że ​​darmowa wersja TablePress nie zawiera funkcji responsywnych, ale jest ona dostępna jako płatny dodatek.

Oprócz tego drobnego narzekania, polecamy to każdemu, kto chce wyświetlać statyczne informacje w siatce. TablePress ułatwia tworzenie treści w formie siatki dla Twojej witryny. Zapewnia prosty interfejs w stylu arkusza kalkulacyjnego, w którym można wprowadzać dane.

Możesz również zaimportować go z programu Excel, jeśli szukasz wtyczki do tabeli WordPress - Excel. Po dodaniu danych TablePress natychmiast konwertuje je na wiersze i kolumny. TablePress opiera się na jQuery DataTables wtyczka, która zapewnia wiele interaktywnych funkcji, takich jak pole wyszukiwania i klikalne nagłówki kolumn.

Twórcy TablePress rozszerzyli go do w pełni funkcjonalnego produktu, który pozwala przechowywać statyczne informacje w przyjaznym dla użytkownika widoku.

Jak sformatować zawartość za pomocą TablePress:

  1. Zaloguj się do pulpitu WordPress i przejdź do Wtyczki> Dodaj nowy.
  2. w szukaniu „Prasa Stołowa” i zainstaluj i aktywuj.
  3. Zobaczysz nowy „Prasa Stołowa” link pojawi się po lewej stronie administratora WordPress. Kliknij to, aby rozpocząć tworzenie wyświetlacza. Możesz to zrobić, postępując zgodnie z prostymi instrukcjami wyświetlanymi na ekranie lub użyj dokumentacja w celu uzyskania dalszych wskazówek.
  4. Po dodaniu danych możesz dodać je do dowolnej strony, postu lub widżetu, wstawiając krótki kod. Powinien mieć format: [identyfikator tabeli= /] -Zamień tekst między <-> z identyfikatorem właśnie utworzonej treści.

Stylizacja wyświetlacza zostanie w miarę możliwości zaczerpnięta z Twojego motywu, na przykład w celu dopasowania czcionek i kolorów. Istnieje niestandardowe pole CSS, które pozwala dodać dowolny niestandardowy kod, aby dodatkowo stylizować zawartość za pomocą wtyczki, ale większość ludzi nie będzie tego potrzebować.

Tabela postów z wyszukiwaniem i sortowaniem — wyświetlaj posty na blogu w siatce

Tabela postów z wyszukiwaniem i sortowaniem

Tabela postów z wyszukiwaniem i sortowaniem to kolejna darmowa, responsywna wtyczka tabel WordPress.

Tworzy dynamiczną zawartość bez konieczności wprowadzania jakichkolwiek danych - w szczególności postów na blogu WordPress. Obsługuje inny rynek niż statyczne produkty treści, takie jak TablePress i jest idealny do tworzenia indeksu postów w Twojej witrynie. Jest śmiesznie łatwy w użyciu i znacznie prostszy niż ręczne umieszczanie wpisów na blogu.

Podobnie jak TablePress, jest to wersja WordPress wtyczki jQuery DataTable. Oznacza to, że formaty tworzone przez oba produkty wyglądają dość podobnie i mają podobne funkcje interaktywne, takie jak wyszukiwanie i sortowanie. Jednak w przeciwieństwie do TablePress, darmowa wersja tego rozszerzenia jest w pełni responsywna i przyjazna dla urządzeń mobilnych.

Jak tworzyć treści za pomocą tabeli postów z funkcją wyszukiwania i sortowania:

  1. Zaloguj się do pulpitu WordPress i przejdź do Wtyczki> Dodaj nowy.
  2. w szukaniu „Tabela postów z wyszukiwaniem i sortowaniem” i zainstaluj i aktywuj.
  3. Dodaj krótki kod [tabela_danych_postów] do dowolnej strony, posta lub widżetu.

I to wszystko! Produkt automatycznie utworzy responsywną siatkę zawierającą wszystkie Twoje posty na blogu. Wymaga stylizacji motywu, aby czcionki i kolory pasowały do ​​reszty witryny i wyglądały profesjonalnie. Domyślna treść ma większość potrzebnych funkcji, takich jak pole wyszukiwania, sortowalne nagłówki kolumn i możliwość filtrowania według kategorii lub tagu. Możesz dalej konfigurować zawartość, korzystając z opcji na strona wtyczki. Na przykład możesz wybrać, które kolumny mają się wyświetlać, ile postów pojawia się na stronie, zanim przyciski stronicowania pojawią się na dole, kolejność sortowania i nie tylko.

Dostępna jest również wersja Posts Table Pro, którą omówimy poniżej.

Posty Table Pro - Wyświetlaj posty, strony i niestandardowe typy postów w siatce

Wtyczka WordPress Table Pro

Posty Table Pro to wersja premium PT z funkcją wyszukiwania i sortowania.

Jest znacznie bardziej wyrafinowany niż darmowa wersja i pozwala wyświetlać różne rodzaje treści - nie tylko posty na blogu.

Możesz tworzyć strony z listą treści ze swojej witryny, plików multimedialnych lub dowolnych niestandardowych typów postów. Jeśli myślisz kreatywnie o tym, jak można wykorzystać to rozszerzenie, będziesz zaskoczony różnymi rodzajami siatek, które możesz utworzyć.

Dzieje się tak, ponieważ niestandardowe typy postów służą do przechowywania tak wielu różnych rodzajów informacji w WordPress. Niezależnie od tego, czy Twoja witryna wykorzystuje niestandardowe typy postów do przechowywania postów z portfolio, referencji, studiów przypadku, plików audio, dokumentów, filmów, list odtwarzania multimediów, wydarzeń z rozszerzenia wydarzeń, produktów z produktu e-commerce, nieruchomości niska zabudowa lub coś innego, możesz wyświetlić te informacje w przeszukiwalnej, sortowalnej siatce.

Oznacza to, że ta wersja produktu ma znacznie więcej możliwych zastosowań niż darmowa wtyczka. Zgodnie z ogólną zasadą zalecamy, aby jeśli chcesz utworzyć siatkę wyświetlającą informacje przechowywane w Twojej witrynie, najlepiej zrobić to dynamicznie za pomocą Posts Table Pro. Wiele osób robi to ręcznie, korzystając z rozwiązań zawartości statycznej, takich jak TablePress, nie zdając sobie sprawy, że mogą zaoszczędzić czas, robiąc to automatycznie.

Jak tworzyć treści za pomocą Posty Table Pro:

  1. Po pierwsze, musisz kup wtyczkę. Pobierz pliki i skopiuj klucz licencyjny.
  2. Zaloguj się do pulpitu WordPress i przejdź do Wtyczki> Dodaj nowy.
  3. Prześlij pliki i aktywuj.
  4. Iść do WooCommerce > PostsTablePro i wprowadź swój klucz licencyjny.
  5. Dodaj krótki kod do dowolnej strony, postu lub widżetu: [tabela_postów]. Produkt natychmiast utworzy responsywną tabelę zawierającą wszystkie Twoje posty WordPress.

Możesz użyć wtyczki dokumentacja aby skonfigurować wiersze i kolumny - na przykład, aby wyświetlać strony lub niestandardowy typ postu zamiast standardowych postów.

Dzięki temu dowiesz się, jak wybrać typ posta do wyświetlenia w siatce. Informuje również, jak kontrolować różne elementy siatki, takie jak wyświetlane kolumny i domyślna kolejność sortowania oraz zachowanie responsywnej zawartości na mniejszych ekranach.

Istnieje wiele opcji, a dokumentacja jest bardzo obszerna, więc przeczytaj ją uważnie i zaplanuj najlepszy sposób tworzenia dynamicznej zawartości.

(Jeśli szukasz najlepszej oferty, Kliknij w link poniżej za najniższą cenę do październik 2021)

Odwiedź stronę internetową, aby pobrać Posty Table Pro

Tabela produktów WooCommerce - Wyświetlaj produkty w widoku siatki

Tabela produktów WooCommerce

Tabela produktów WooCommerce to wersja PT Pro specyficzna dla WooCommerce.

Zasługuje na własną wzmiankę ze względu na popularność WooCommerce, ponieważ jest to jedyny element, który pozwala wyświetlać produkty w interaktywnym widoku w stylu siatki. Ponad 30% WSZYSTKICH witryn e-commerce na całym świecie działa w WooCommerce.

Oznacza to, że wiele osób musi wyświetlać dane WooCommerce w wierszach i kolumnach, aby mieć dobry sposób na porównywanie różnych przedmiotów, które są na sprzedaż.

Zamiast ręcznie tworzyć siatki WooCommerce, ten produkt tworzy natychmiastowo responsywne wiersze i kolumny zawierające dane o Twoich produktach. Obsługuje wszystkie główne dane WooCommerce, takie jak polecany obraz, nazwa produktu, krótki opis, długi opis, kategorie, tagi, stan zapasów, atrybuty produktu, recenzje itp. Zawiera również treści multimedialne, takie jak osadzone wideo, audio i listy odtwarzania.

Możesz użyć tej wtyczki jako alternatywy dla tradycyjnego widoku kategorii (popularnego w katalogach internetowych i witrynach hurtowych). Możesz nawet użyć go jako kompletnego jednostronicowego formularza zamówienia, z przyciskami „Dodaj do koszyka” bezpośrednio w treści.

Jak tworzyć treści za pomocą tabeli produktów WooCommerce:

  1. Po pierwsze, musisz kup wtyczkę. Pobierz pliki i skopiuj klucz licencyjny.
  2. Zaloguj się do pulpitu WordPress i przejdź do Wtyczki> Dodaj nowy.
  3. Prześlij produkt i aktywuj go.
  4. Iść do WooCommerce > Ustawienia > Produkty > Tabela produktów, wprowadź klucz licencyjny i kliknij Zapisz zmiany.
  5. Dodaj krótki kod do dowolnej strony, postu lub widżetu: [tabela_produktów]. Spowoduje to natychmiastowe utworzenie treści z listą wszystkich produktów WooCommerce.

Jeśli chcesz zmienić domyślną zawartość, możesz użyć dokumentacja aby skonfigurować krótki kod w bardziej zaawansowany sposób.

Opcji jest mnóstwo - możesz włączyć lub wykluczyć produkty z określonych kategorii lub tagów, kontrolować, które kolumny są wyświetlane i jak się nazywają, które kolumny zawierają linki, zmieniać kolejność sortowania i wiele więcej. Siatki produktów WooCommerce reagują automatycznie. Możesz skorzystać z dokumentacji, aby dokładniej kontrolować zachowanie treści na telefonach komórkowych.

Na przykład możesz zmienić punkty przerwania i wybrać, które kolumny mają priorytet na małych rozmiarach ekranu.

(Chcesz znaleźć najniższą cenę? Mamy najniższą cenę od dostawców tej wtyczki, dopóki październik 2021 - kliknij poniższy link, aby uzyskać najlepszą cenę).

Odwiedź tabelę produktów WooCoomerce

Idź Cennik - Twórz responsywne wyświetlacze cen

Idź Cennik

Idź Cennik to najlepsza tabela cen WordPress.

Istnieją dobre bezpłatne wtyczki cenowe, takie jak Łatwe Ceny Stoły, ale musimy polecić Go Pricing ze względu na ogromną liczbę wbudowanych stylów.

Go Pricing jest używany na ponad 24,000 250 stronach internetowych i zawiera aż XNUMX wzorów cen do wyboru. Ułatwia to tworzenie przyciągających wzrok porównań cen, które dobrze integrują się z resztą witryny.

Interfejs jest łatwy w użyciu i możesz wyświetlić podgląd zmian przed ich opublikowaniem. Jest kompatybilny z popularnymi produktami, takimi jak Program Visual Composer i możesz dodać dowolną liczbę wyświetleń cen do swojej witryny. Możesz nawet dodać przyciski PayPal bezpośrednio w cenie. Siatki cenowe są w pełni responsywne, a deweloper dokładnie przemyślał najlepszy sposób na stworzenie fantastycznych tabel cenowych na urządzeniach mobilnych.

Jak pokazać różne poziomy cenowe za pomocą Go Pricing:

  1. Najpierw musisz kupić Idź Cennik wtyczki.
  2. Pobierz pliki.
  3. Zaloguj się do pulpitu WordPress i przejdź do Wtyczki> Dodaj nowy.
  4. Prześlij i aktywuj.
  5. Użyj dokumentacja aby stworzyć swoją wycenę. Produkt udostępnia kilka metod, takich jak importowanie jednego z projektów cen demonstracyjnych lub tworzenie własnego od podstaw.

 

Sprawdź demo tabel cenowych Go

Której wtyczki do WordPressa użyjesz?

Mamy nadzieję, że ta lista responsywnych wtyczek do tabeli cen WordPress okazała się przydatna. Staraliśmy się omówić różne rodzaje produktów, abyś mógł znaleźć właściwe rozwiązanie, niezależnie od tego, czy chcesz wyświetlać statyczne informacje, ceny, posty, strony, produkty, czy coś innego. Na koniec – bylibyśmy naprawdę szczęśliwi, gdybyś udostępnił ten artykuł swoim ulubionym grupom zajmującym się projektowaniem stron internetowych i każdemu, kto chciałby dodać tego typu treści do swojej witryny.

O autorze
David Attard
Autor: David AttardStrona internetowa: https://www.linkedin.com/in/dattard/
David pracuje w branży online / cyfrowej lub w jej pobliżu od 18 lat. Ma ogromne doświadczenie w branży oprogramowania i projektowania stron internetowych przy użyciu WordPress, Joomla i otaczających je nisz. Jako konsultant ds. Cyfrowych koncentruje się na pomaganiu firmom w uzyskaniu przewagi konkurencyjnej za pomocą połączenia ich strony internetowej i dostępnych obecnie platform cyfrowych.

Jeszcze jedna rzecz... Czy wiesz, że osoby, które udostępniają przydatne rzeczy, takie jak ten post, również wyglądają NIESAMOWITE? ;-)
Proszę zostaw użyteczny skomentuj swoje przemyślenia, a następnie udostępnij to na swoich grupach na Facebooku, które uznają to za przydatne i wspólnie zbierzmy korzyści. Dziękuję za udostępnienie i bycie miłym!

Ujawnienie: Ta strona może zawierać linki do zewnętrznych witryn produktów, które kochamy i gorąco polecamy. Jeśli kupisz sugerowane przez nas produkty, możemy otrzymać opłatę za polecenie. Takie opłaty nie wpływają na nasze rekomendacje i nie przyjmujemy płatności za pozytywne recenzje.

Autorzy promowani w:  Inc Czasopismo Logo .   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   i wiele więcej ...