Jak tworzyć tabele w WordPress za pomocą Elementora i TablePress

Rifat E Jan 24, 2023

Dostęp do bazy danych opartej na tabelach jest przydatną funkcją dla wielu witryn WordPress. Pozwalają wyświetlać dane w sposób łatwy do zrozumienia dla odwiedzających witrynę i mogą służyć do organizowania, porównywania i dzielenia informacji. Wiedza o tym, jak zrobić tabelę w WordPressie, jest zatem bardzo cenną umiejętnością.

Tradycyjne metody ręcznego tworzenia tabel HTML są czasochłonne i nieefektywne. Ponadto WordPress nie miał tego rodzaju wbudowanej obsługi, dopóki nie pojawił się nowy edytor Gutenberg, który ma blok tabeli. Na szczęście CMS ma wiele wtyczek, które ułatwiają dodawanie tabel do Twojej witryny.

TablePress jest najczęściej używany. Twórz tabele za pomocą edytora wizualnego i bezproblemowo integruj je z tekstem. Fakt, że ma ponad 700 000 instalacji i średni wynik recenzji wynoszący 4,5 gwiazdki, sugeruje, że działa znakomicie.

Dowiedz się, jak używać Elementora i TablePress do tworzenia pięknych tabel w witrynie WordPress. W tym artykule przedstawimy wtyczkę i jej możliwości, przeprowadzimy Cię przez proces tworzenia nowych tabel oraz ich importowania i eksportowania, a także omówimy odpowiednie rozszerzenia.

Twórz niesamowite strony internetowe

Z najlepszym darmowym kreatorem stron Elementor

Zacząć teraz

Dodaj tabele do WordPress

Porozmawiajmy o wtyczce, której będziemy używać, zanim przejdziemy do rzeczywistych instrukcji tego posta.

Jak ustalono, TablePress cieszy się najwyższym poziomem akceptacji wśród swoich współczesnych. Najbardziej prawdopodobnym wyjaśnieniem tego jest łatwość obsługi, zwłaszcza dla nowicjuszy. Możesz zweryfikować to stwierdzenie poniżej. Ale wtyczka ma inne cechy, które ją wyróżniają:

  • Importuj dane z wielu formatów– Oprócz ułatwienia tworzenia tabel, TablePress umożliwia także importowanie danych z różnych źródeł (Excel, CSV, HTML i JSON). Twoje dane z arkusza kalkulacyjnego będą gotowe do użycia bez konieczności ręcznego wprowadzania.
  • Eksportowalność– I odwrotnie, możesz eksportować swoje tabele z TablePress do wielu różnych typów plików. Daje to swobodę kopiowania i wklejania danych do arkusza kalkulacyjnego programu Excel lub używania ich w dowolny inny sposób, jaki uznasz za stosowny.
  • Programista Extendability–TablePress stworzył szereg rozszerzeń oprócz podstawowej wtyczki. Z ich pomocą możesz dodać filtry kolumn, opcję eksportu PDF i wiele więcej do swoich tabel. W podsumowaniu artykułu omówimy to dalej.

Twórz tabele w WordPress za pomocą TablePress & Elementor

Zaczniemy od podstaw używania wtyczki TablePress do tworzenia nowych tabel w WordPress.

Zainstaluj TablePress

Oczywiście skonfigurowanie dodatku TablePress to pierwsza sprawa. Jest to możliwe w taki sam sposób, w jaki instalujesz każdą inną wtyczkę WordPress. Wszystko, co musisz zrobić, to przejść do Wtyczki > Dodaj nowe, wpisać nazwę wtyczki w pasku wyszukiwania, a następnie kliknąć Zainstaluj.

Pamiętaj, aby włączyć wtyczkę po przesłaniu jej do witryny.

Dodaj nową tabelę

Po włączeniu TablePress w menu administracyjnym WordPress pojawi się nowa opcja. Gdy go wybierzesz, zostaniesz przeniesiony tutaj.

W tej sekcji można obsłużyć wszelkie zadania związane z tabelami w witrynie WordPress. Jeśli potrzebujesz pomocy, u góry znajdziesz linki do innych zasobów.

Wybierz przycisk Dodaj nowy, aby utworzyć nową tabelę. Gdy to zrobisz, dotrzesz do następującej lokalizacji:

Aby utworzyć tabelę, wystarczy nadać jej nazwę, podać opcjonalny opis, a następnie zdecydować, ile wierszy i kolumn będzie potrzebować. Gdy wszystko będzie gotowe, wybierz z menu pozycję Dodaj tabelę.

Wypełnij tabelę treścią

Następnie możesz rozpocząć wprowadzanie danych do komórek tabeli. Nie powinieneś mieć z tym problemu, jeśli masz doświadczenie w korzystaniu z arkusza kalkulacyjnego.

Możesz użyć małych ikon strzałek, aby posortować wiersze i kolumny, a także przeciągnąć i upuścić wiersze i kolumny, aby zmienić ich kolejność. Jeśli szukasz przekonujących powodów przemawiających za używaniem Elementor Pro , możesz je znaleźć tutaj.

Skonfiguruj opcje zaawansowane

Poniżej przedstawiono dodatkowe opcje pracy z tabelami i ich formatowania.

Korzystając z wyrafinowanego edytora znajdującego się na górze, możesz dodawać media, takie jak linki i obrazy, a także tekst. Aby dodać zawartość do komórki przy użyciu dowolnej z trzech metod, najpierw wybierz potrzebny przycisk, a następnie komórkę. Po aktywowaniu wtyczki zobaczysz standardowe menu ustawień dla wszystkich trzech opcji.

Możesz także ukrywać wiersze lub kolumny, tworzyć kopie istniejących komórek, dodawać nowe, usuwać istniejące i dodawać nowe. Wskaż, co chcesz zmienić, klikając odpowiednie przyciski radiowe z boku.

W menu Opcje tabeli możesz zmienić wygląd tabeli, na przykład dodając nagłówek lub stopkę. Możesz zmienić kolory wierszy, ich wygląd po najechaniu na nie kursorem oraz sposób wyświetlania tytułu i opisu tabeli. Ponadto możesz użyć klas CSS, aby zastosować swój własny, niepowtarzalny styl.

Na samym końcu znajdziesz zestaw przycisków służących do dostosowywania różnych aspektów biblioteki JavaScript tabel.

Dostępny jest poziomy pasek przewijania, pasek wyszukiwania i pasek numeru strony, a tabelę można sortować. Dostępne jest również miejsce na parametry określone przez użytkownika.

Wyświetl tabelę na swojej stronie

Za pomocą przycisków na dole strony możesz obejrzeć gotową tabelę lub ją zapisać. Sprawdzenie krótkiego kodu w prawym górnym rogu jest najważniejszym krokiem po zapisaniu.

Użyj tego, aby dodać tabelę do swojej witryny WordPress. Zawsze możesz wrócić do listy tabel i kliknąć Pokaż krótki kod, aby sprawdzić, jak to wygląda.

Możesz wkleić krótki kod do widżetu tekstowego, posta lub strony, aby wyświetlić tam tabelę.

TablePress dodaje również przycisk do wstawiania tabel do standardowego edytora WordPress.

Kliknięcie tego spowoduje wyświetlenie skrótów tabeli i przycisków umożliwiających dodanie ich do treści.

W każdym razie tak będzie wyglądać na stronie. Zwróć uwagę na funkcję wyszukiwania i numery stron.

Użyj tabel TablePress w Elementorze

Elementor umożliwia również dołączanie tabel do szablonów dla pojedynczych postów. Jest to łatwe do zrobienia. Po prostu otwórz szablon, którego chcesz użyć, poszukaj widżetu Shortcode po lewej stronie (pasek wyszukiwania może pomóc) i upuść go tam, gdzie chcesz, aby pojawiła się tabela.

Krótki kod tabeli należy następnie wkleić w pole po lewej stronie. Pamiętaj, że okno podglądu w TablePress pokazuje tylko krótki kod, a nie rzeczywistą tabelę.

Niech ci to jednak nie przeszkadza. Tabela pojawi się poprawnie w podglądzie lub ostatecznej wersji szablonu.

Ponowna edycja tabel

Możesz wrócić do głównego menu TablePress w dowolnym momencie, aby wprowadzić modyfikacje do jednego ze swoich stołów. Nazwy tabel na liście będą edytowalne, gdy najedziesz na nie kursorem.

Jeśli to klikniesz, zostaniesz przeniesiony do standardowego ekranu edycji, gdzie możesz dokonać niezbędnych zmian. Gdy zaktualizujesz tabelę, będzie ona odzwierciedlać te zmiany wszędzie tam, gdzie jest używana.

Importowanie tabeli za pomocą TablePress

Jak już powiedziano, informacje można pobrać z pliku, zamiast wpisywać je ręcznie. Jeśli znasz TablePress, przekonasz się, że zrobienie tego jest tak proste, jak utworzenie nowego stołu.

Importuj swój stół

Opcja TablePress > Importuj tabelę (dostępna również z paska nawigacyjnego) zawiera wszystkie odpowiednie ustawienia do tego celu.

Znajdź odpowiednie źródło danych, którego użyjesz jako danych wejściowych. Możesz to zrobić na wiele różnych sposobów, w tym przesyłając plik, używając adresu URL, uzyskując dostęp do pliku na swoim serwerze lub wpisując (kopiując i wklejając).

W tym celu musimy użyć pliku . Aby to zrobić, wybierz przycisk Przeglądaj, a następnie znajdź arkusz kalkulacyjny, który chcesz dodać. Kiedy skończysz, powiedz TablePress, jaki to format, za pomocą menu rozwijanego (CSV, HTML, JSON lub Excel).

To fajne, ponieważ możesz użyć tych informacji do stworzenia zupełnie nowej tabeli, zaktualizować istniejącą lub dodać coś do istniejącej. Korzystając z ostatnich trzech metod, musisz ręcznie wybrać odpowiednią tabelę.

Zmień ustawienia zgodnie z wymaganiami, a następnie kliknij przycisk „Gotowe”.

Sprawdź i sformatuj

Zaimportowanie tabeli przeniesie Cię do tej samej strony, na której byłeś wcześniej.

W tym momencie wszystkie informacje powinny być wprowadzone poprawnie. Teraz wystarczy skonfigurować preferencje wizualne i funkcjonalne.

Wyświetl to na swojej stronie

Następnie możesz użyć tego samego krótkiego kodu, aby umieścić zaimportowaną tabelę w dowolnym miejscu w witrynie.

TablePress – Eksportowanie tabeli

Na koniec porozmawiamy o funkcjach eksportu wtyczki. TablePress > Eksportuj tabelę to oczywiście miejsce, w którym znajdziesz tę funkcję, ale możesz również uzyskać do niej dostęp za pośrednictwem zakładki u góry menu głównego. Do tego ekranu można przejść za pomocą obu tych opcji.

Najpierw wybierz tabelę, którą chcesz wyeksportować. Możesz wyeksportować wszystkie tabele ze swojej witryny WordPress, wybierając je jeden po drugim, a następnie klikając przycisk Eksportuj do CSV lub Excela. Wybierz żądany format eksportu (wartości oddzielone przecinkami (CSV), HTML lub JSON) oraz ogranicznik między wartościami eksportu CSV poniżej (przecinek, średnik lub tabulator). Możesz także wybrać opcję generowania spakowanego archiwum. Podczas eksportowania wielu tabel jednocześnie ta opcja jest wymagana.

Po dokonaniu wyboru możesz pobrać plik, klikając przycisk Pobierz plik eksportu.

Dostępne opcje wtyczek

TablePress ma bardzo minimalne menu opcji.

Formatowanie tabeli za pomocą kaskadowych arkuszy stylów (CSS) jest głównym celem tych opcji. Deweloper dołączył mnóstwo dokumentacji, która pomoże ci, jeśli jej potrzebujesz lub jeśli jej nie znasz. Poniżej znajdziesz suwak, który pozwala zmienić kolejność elementów menu głównego. Link do usunięcia wtyczki i kilka pomocnych wskazówek znajdują się na dole strony. Niektóre dodatkowe funkcje wtyczki są wymienione w poniższych dodatkach, jeśli to nie wystarczy.

Przydatne dodatki TablePress

Jak zostało powiedziane na początku, TablePress posiada szereg wtyczek, które można do niego dodać. Poniżej podsumowano najbardziej przydatne dodatki.

Jednak niektóre zostały oznaczone jako „premium”, mimo że wszystkie są bezpłatne.

Są to te, które zostały mozolnie wykonane, a autor prosi o wkład pieniężny w zamian za ich rozdanie.

  • Stoły responsywne – Domyślne stoły TablePress nie są przyjazne dla urządzeń mobilnych. Można to naprawić za pomocą tego dodatku. Istnieją trzy metody dostosowania tabel do urządzeń mobilnych, każda z własnym zestawem instrukcji i przykładów.
  • Automatyczna konwersja adresów URL –Ten dodatek jest przydatny, jeśli planujesz utworzyć tabelę z dużą liczbą adresów URL. Każdy wklejony adres URL będzie można kliknąć bez potrzeby używania przycisku.
  • DataTables Sorting Plugins – Waluty, liczby z tekstem i zakresy dat można teraz sortować indywidualnie.
  • DataTables Buttons – Dzięki temu dodatkowi możesz łatwo wstawiać wiele przycisków opcji do swoich tabel. Posiada możliwość kopiowania do schowka oraz formatów plików PDF i Excel.
  • DataTables FixedColumns – Ustawia kolumny w tabeli tak, że pozostają nieruchome, podczas gdy reszta tabeli jest przewijana w poziomie.
  • DataTables FixedHeader – To samo dotyczy nagłówka, co w przypadku rozwiązania z kolumnami.
  • Zmień krótki kod [tabeli] –Pozwala zmienić nazwę krótkiego kodu TablePress, aby uniknąć niezgodności z innymi dodatkami i wyborami projektowymi (lub po prostu do diabła).
  • Automatyczny import układu okresowego –Spraw, aby dane były automatycznie importowane z tabeli źródłowej w określonych odstępach czasu.

Końcowe przemyślenia

Istnieje dobry powód, dla którego TablePress jest najczęściej pobieraną wtyczką dla użytkowników WordPress, którzy chcą tworzyć i dołączać tabele. Proces jest uproszczony i dzięki temu przyjemniejszy. Ta wtyczka jest wysoce zalecana, jeśli chcesz uporządkować informacje w swojej witrynie.

Wiesz już, jak korzystać z TablePress, jak wyświetlać tabele w witrynie Elementor , jak importować dane z zewnętrznych tabel i jak eksportować tabele ze swojej witryny. Omówiliśmy również różne wtyczki i rozszerzenia, których można użyć. Procedura jest prosta.

Do tej pory powinieneś mieć pewność, że potrafisz tworzyć tabele we własnej witrynie WordPress.

Divi WordPress Theme