TablePress: twórz tabele w WordPressie bez ani jednej linii kodu

Czasami administrowanie witryną WordPress może być dziecinnie proste w porównaniu ze statycznym HTML i innymi prehistorycznymi menedżerami treści. Typowe zadania są tak łatwe do wykonania, że ​​prośby o poprawę przyjmujesz z uśmiechem.

Istnieją jednak pewne rodzaje próśb, które zawsze powodują u wielu projektantów witryn natychmiastowe pośpiech: każde żądanie zawierające słowo „tabela” .

Te małe bestie są takie kruche! Jedna mała fałszywa manipulacja, taka jak ” < ” lub ” > ” usunięta przez pomyłkę, a Twoja strona internetowa traci piękną geometryczną strukturę, przypominając ruiny Pompejów. WSZYSTKO JEST Zepsute!

Więc jeśli ktoś żądny przygód poprosi mnie o dodanie kolumny, czeka go runda przekleństw, które sprawią, że Kapitan Haddock się zarumieni.

Ale to było wszystko wcześniej! Zanim odkryłeś wtyczkę, która pozwala pozostać ZEN w każdych okolicznościach: TablePress . Wtyczka, która pozwala tworzyć tabele w WordPressie bez kodowania i modyfikować je za pomocą prostej akcji przeciągnij i upuść!

Nagła chęć dodania tabeli porównującej Twoje plany cenowe lub cechy Twoich flagowych produktów? Postępuj zgodnie z przewodnikiem. Pod koniec tego samouczka będziesz mógł bez obaw dodawać tabele do WordPressa .

Artykuł, pierwotnie napisany w lutym 2019 r., został ostatnio zaktualizowany w marcu 2022 r.

Twoje najlepsze projekty WordPress potrzebują najlepszego hosta!

WPMarmite poleca Bluehost: świetna wydajność, świetne wsparcie. Wszystko, czego potrzebujesz na dobry początek.

Wypróbuj Bluehost

Sprawdź nasze szczegółowe przewodniki dotyczące wyboru nazwy domeny i tworzenia profesjonalnej witryny WordPress.

Co to jest TablePress?

TablePress to darmowa wtyczka typu open source, która pozwala po prostu tworzyć tabele z interfejsu administratora WordPress, bez konieczności kodowania.
Krótki kod pozwala następnie dodawać je w dowolnym miejscu w treści (post, strona, pasek boczny itp.).

Wykorzystując ponad 800 000 aktywnych instalacji i ogólną ocenę 5 gwiazdek na 5 w oficjalnym katalogu WordPress (dla ponad 4200 recenzji), nie ma wątpliwości: jest to flagowa wtyczka do tworzenia i zarządzania tabelami .

Wtyczka została stworzona przez Tobiasa Bathge, niemieckiego programistę WordPressa specjalizującego się w cyberinżynierii. Jako dobry geek, Bathge stworzył TablePress w interfejsie podobnym do arkusza Excela .

Co ma do zaoferowania TablePress?

TablePress ma wiele ciekawych funkcji:

• Intuicyjny interfejs typu „przeciągnij i upuść”.
• Możliwość integracji tabel z artykułami, stronami lub widżetami tekstowymi za pomocą shortcode.
• Łatwa edycja danych tabeli, tak jak w Excelu.
• Importuj i eksportuj tabele w formatach Excel, CSV, JSON i HTML.
• Synchronizacja z Arkuszami Google.
• Komórki tabeli, które akceptują funkcje matematyczne i formuły obliczeniowe.
• Dostosowanie grafiki za pomocą kodu CSS.

Jak dodać tabelę na WordPressie za pomocą wtyczki TablePress?

Po zainstalowaniu i aktywacji TablePress zobaczysz nową kartę z nazwą wtyczki w menu administratora WordPress.

Aby dodać nową tabelę do swojej witryny WordPress, po prostu kliknij TablePress > Dodaj nową tabelę w menu administratora lub zakładkę „Dodaj nową” u góry interfejsu TablePress.

Aby stworzyć swój stół, zostaniesz poproszony o:

• Nadaj nazwę swojemu stołowi . Jeśli planujesz prezentować wiele tabel na swojej stronie, rozważ nadanie jej jasnej i opisowej nazwy.
• Podaj krótki opis (opcjonalnie). Poświęć trochę czasu na dodanie wszelkich informacji, które mogą być przydatne później.
• Określ liczbę wierszy i kolumn w tabeli . Chociaż wtyczka umożliwia łatwe dodawanie i usuwanie tych elementów później, zalecam poświęcenie kilku chwil na wymienienie informacji, które chcesz zaprezentować w tabeli. Ten mały krok w oczekiwaniu pozwoli Ci później zaoszczędzić dużo czasu.

Następnie kliknij niebieski przycisk „Dodaj tabelę” u dołu strony. Zostaniesz teraz przeniesiony do ekranu „Edytuj stół”, gdzie możesz edytować swój stół.

TablePress ma również dwie funkcje importowania i eksportowania istniejącej tabeli (przez TablePress > Importuj tabelę lub TablePress > Eksportuj tabelę).
Na przykład możesz zaimportować tabelę z pliku CSV, XLS lub XLSX z arkusza kalkulacyjnego (np. Excel). Wreszcie możesz także eksportować swoje tabele do innych programów, takich jak arkusze kalkulacyjne.

Jak edytować strukturę i zawartość tabeli?

Przewiń stronę w dół do bloku „Zawartość tabeli”. Ta sekcja strony umożliwia dodawanie treści poprzez wpisywanie lub kopiowanie i wklejanie bezpośrednio do poszczególnych komórek tabeli.

Dzięki przeciąganiu i upuszczaniu możesz łatwo zmienić kolejność wierszy i kolumn.

Jak wzbogacić swoje stoły TablePress?

Dzięki TablePress Twoje tabele mogą zostać wzbogacone o obrazy, linki i jeszcze bardziej złożone informacje , takie jak krótki kod, dzięki zaawansowanemu edytorowi.

Jak dodać obraz do stołu TablePress?

Aby dodać obraz, nic nie może być prostsze. Przewiń stronę w dół do bloku „Manipulacja tabelą” i kliknij „Wstaw obraz”.

Następnie kliknij komórkę, w której ma się pojawić obraz. Teraz wszystko, co musisz zrobić, to przesłać obraz lub wybrać obraz z Biblioteki multimediów, zanim klikniesz niebieski przycisk „Wstaw do tabeli” w prawym dolnym rogu okna.

Jak dodać link do tabeli?

TablePress umożliwia również wstawianie linków do tabeli. Aby to zrobić, przewiń w dół do bloku „Manipulacja tabelą”, a następnie kliknij przycisk „Wstaw łącze”.

Następnie kliknij komórkę tabeli, w której ma się pojawić łącze. Pojawi się wyskakujące okienko, w którym możesz skonfigurować swój link za pomocą standardowego interfejsu WordPress:

Jak dodać bogatą zawartość do swojego stołu?

Do komórki tabeli można również wstawić zawartość sformatowaną. TablePress oferuje również możliwość wstawiania treści z zaawansowanego edytora. Za jego pomocą możesz dodać tekst z linkami lub bez, a także obrazy do tej samej komórki.

Aby znaleźć zaawansowany edytor, przewiń w dół do bloku „Manipulacja tabelą” i kliknij przycisk o tej samej nazwie.

Kliknij komórkę, w której chcesz umieścić wzbogaconą zawartość. Pojawi się wyskakujące okienko, w którym możesz skonfigurować bogatą zawartość.

Jakie są dodatkowe opcje, aby dostosować swój stół?

Opcje stołu

To pole umożliwia zdefiniowanie nagłówka lub stopki tabeli, co może być przydatne, jeśli zawiera dużo danych, aby poprawić czytelność.

Masz również możliwość wyboru naprzemiennych kolorów dla wierszy tabeli , podświetlenia wiersza po najechaniu myszą lub wyświetlenia tytułu lub opisu tabeli.

Wreszcie pole „Dodatkowe klasy CSS” pozwoli Ci przypisać jedną lub więcej wybranych klas, jeśli chcesz dostosować je w CSS.

Biblioteka DataTables JavaScript

Opcje w tym polu umożliwiają użytkownikom dynamiczne sortowanie, filtrowanie i wyszukiwanie w tabeli lub aktywację stronicowania .

Możesz wyłączyć wszystko, jeśli tego nie potrzebujesz.

Dołącz do subskrybentów WPMarmite

Pobierz ostatnie posty WPMarmite (a także ekskluzywne zasoby).

ZAPISZ SIĘ TERAZ

Jak edytować tabele?

TablePress umożliwia łatwą edycję struktury tabeli.

W polu „Manipulacja tabelą” znajdziesz różne opcje dodawania, usuwania, duplikowania i ukrywania wierszy i kolumn . Możesz także łączyć komórki w wiersz lub kolumnę.

Aby zmodyfikować swoją tabelę, po prostu kliknij wiersz lub kolumnę, którą chcesz zmodyfikować.

Następnie wybierz odpowiedni efekt. Na przykład poniżej wybraliśmy wstawienie nowej kolumny między dwiema istniejącymi kolumnami:

Po uzupełnieniu tabeli nie zapomnij kliknąć przycisku „Zapisz zmiany” u góry strony. Zalecamy robienie tego regularnie, ponieważ nie ma automatycznego zapisywania.

Jak zmodyfikować stary stół?

W każdej chwili możesz zmienić zawartość i strukturę utworzonej tabeli.

Aby znaleźć listę istniejących tabel, wybierz TablePress > Wszystkie tabele w menu WordPress.

Możesz teraz wybrać tabelę, którą chcesz edytować.

Jak wstawić tabelę do posta lub strony?

Teraz, po utworzeniu tabeli, wystarczy wstawić ją do posta lub strony w witrynie WordPress.

Aby to zrobić, otwórz lub utwórz dokument docelowy, w którym chcesz opublikować swoją tabelę, w edytorze treści WordPress (Gutenberg).

Skopiuj skrócony kod tabeli, dostępny w polu „Informacje o tabeli”:

FYI, ten krótki kod ma następujący format: [table id=<the-ID> /] . Każda tabela ma swój własny identyfikator (numer 2 w powyższym przykładzie).

Wklej krótki kod w bloku „Krótki kod” w wybranej publikacji, w miejscu, w którym chcesz go w treści:

Oto wynik na stronie:

Pamiętaj, że wyświetlacz może się nieco różnić w zależności od używanego motywu.

W każdym razie gratulacje: zrobiłeś to z palcami w nosie!

Dodatkowe funkcje, aby pójść dalej z TablePress

Jak dotąd ten samouczek dał ci podstawy tworzenia i aktualizowania tabel w WordPress bez kodowania. Możesz także dodać do niego kilka bardzo przydatnych dodatkowych funkcji .

Po opanowaniu podstaw te samouczki mogą pomóc w implementacji niektórych ciekawszych funkcji:

• Używaj formuł w komórkach, jak w Excelu.
• Dostosuj swoją tabelę za pomocą CSS, w tym FAQ znajdziesz wszystkie odpowiedzi, których potrzebujesz na temat dostosowywania tabel.

Przyspiesz swoją witrynę dzięki WP Rocket

Zmień swoją witrynę w rakietę dzięki najpotężniejszej wtyczce do buforowania, uznanej przez ekspertów WordPressa.

Wypróbuj rakietę WP

Bonus: rozszerzenie TablePress

Możesz dodać jeszcze więcej funkcji do TablePress dzięki bibliotece około 20 darmowych lub premium rozszerzeń.

Na stronie wtyczki znajdziesz 20 oficjalnych rozszerzeń. Oto niektóre z najbardziej przydatnych:

• Responsywne stoły (premium): mieć piękne stoły, dostosowane do wszystkich urządzeń (komputer stacjonarny, tablet i telefon komórkowy). Żałujemy, że ta wtyczka jest płatna, pozostawia ogromną szansę dla potencjalnego konkurenta…
• Shortcode do wywołania zawartości pojedynczej komórki: bardzo przydatne, jeśli chcesz opublikować niektóre elementy tabeli, takie jak średni wynik, w różnych miejscach na swojej stronie.
• Automatyczny i zaplanowany import tabel (premium): bardzo przydatne, jeśli aktualizujesz tabele za pomocą zewnętrznego rozwiązania, takiego jak np. Excel.

Technicznie rzecz biorąc, zdecydowaną większość tak zwanych rozszerzeń premium TablePress można pobrać i używać za darmo. Jednak twórca Tobias Bathge zachęca Cię do przekazania darowizny w dowolnej wysokości, aby nagrodzić jego pracę.

Jakie są inne opcje dodawania tabeli do WordPressa?

Chociaż TablePress jest najpopularniejszą i najwyżej ocenianą wtyczką w oficjalnym katalogu do tworzenia tabeli na WordPress, istnieją inne sposoby projektowania tabeli.

Blok tabeli w edytorze treści WordPress

Po pierwsze, edytor treści WordPress ma poręczny blok „Tabela” do prostego i szybkiego tworzenia tabeli w treści.

W szczególności możesz:

• Dodawaj lub usuwaj wiersze lub kolumny w czasie rzeczywistym.
• Wybierz jeden z dwóch stylów wyświetlania: „domyślny” i „paski”.
• Zmień kolor tekstu i tła.
• Przypisz komórkom stałą szerokość.
• Ustaw szerokość i styl swoich obramowań, a także typografię.

Ten blok może wystarczyć w przypadku niektórych bardzo podstawowych tabel , w których chcesz po prostu przedstawić dane w prosty sposób.

Ci z was, którzy chcą tworzyć bardziej złożone, reorganizowalne tabele lub mieć funkcje podobne do Excela, wolą TablePress.

Kreatory stron

Inną opcją dodania tabeli do WordPressa jest użycie kreatora stron.

Kreator stron to narzędzie, które pozwala tworzyć bogate i złożone układy treści bez dotykania ani jednej linii kodu, zwłaszcza dzięki wykorzystaniu gotowych szablonów. Edycję często wykonuje się metodą „przeciągnij i upuść” oraz w czasie rzeczywistym.

Najbardziej znanym z nich jest Elementor, który gromadzi ponad 5 mln aktywnych instalacji w oficjalnym katalogu. Tak potężny i elastyczny, jak jest, Elementor nie oferuje widżetu (modułu) do zbudowania tabeli!

Możesz jednak użyć jednego z wielu dodatków premium, aby osiągnąć swoje cele, takich jak Crocoblock, ElementsKit lub Ultimate Addons.

I może nawet mam coś jeszcze lepszego: możesz po prostu dodać tabelę utworzoną za pomocą… TablePress do Elementora. Wystarczy dodać jego krótki kod w widżecie Shortcode zaproponowanym przez Elementora, tak jak w edytorze treści.

To wszystko dla Elementora. Wspomnijmy też pokrótce o Divi Builder, drugiej wadze ciężkiej w branży.

Na przykład TablePress oferuje wysokiej jakości wtyczkę innej firmy, TablePress Styler firmy Divi-Modules, która pomoże Ci dostosować wygląd tabeli z interfejsu Divi Builder.

Zbuduj swoją witrynę z Elementor

Zaprojektuj łatwo wygląd swojej witryny WordPress za pomocą słynnego kreatora stron.

Wypróbuj Elementora

Inne wtyczki do tworzenia tabeli

W ostateczności, jeśli TablePress w ogóle nie działa dla Ciebie, możesz znaleźć swoje szczęście dzięki jednej z poniższych wtyczek do WordPressa:

• Kreator tabel WP
• wpDataTables
• Generator tabel danych firmy Supsystic
• Stoły Ninja

Nasza ostateczna opinia na temat TablePress

Jak zapewne już się zorientowałeś, jestem wielkim fanem TablePress z kilku powodów:

• Ta wtyczka jest świetną opcją, jeśli chcesz łatwo dodawać zaawansowane tabele do swojej witryny WordPress, bez kodowania.
• Dzięki jego funkcjom będziesz mógł szybko tworzyć eleganckie tabele, które pomogą Ci podsumować i sortować dane w łatwym do odczytania formacie.
• Jego interfejs inspirowany Excelem pozwala pójść dalej niż proste tabele oferowane przez edytor treści WordPress.
• A co najważniejsze, pozwala uniknąć tworzenia tabel w HTML i spędzania godzin na grzebaniu w kodzie bez powodzenia.

Z drugiej strony możemy zauważyć, że dostosowywanie wyświetlania Twoich tabel jest dość ograniczone . Aby uzyskać zaawansowany wynik i obraz, będziesz musiał użyć CSS.

Wreszcie, jeśli wtyczka jest domyślnie responsywna, Twoje tabele nie zawsze automatycznie dostosowują się do różnych rozmiarów ekranu. Czasami wyświetlacz może być ucięty, na przykład w prawym rogu.

Ponownie, czasami zalecane jest dodanie odrobiny CSS. Możesz również użyć wspomnianego powyżej rozszerzenia Responsive Tables, aby rozwiązać ten problem.

Pobierz TablePress z oficjalnego katalogu:

A ty używasz TablePress? Co sądzisz o tej flagowej wtyczce wszechświata WordPressa?