Tabele i wykresy są ważniejsze, niż nam się wydaje, gdy prowadzimy stronę internetową, ponieważ mogą znacznie ułatwić prezentowanie cen, planów, trajektorii firmy i wielu innych rzeczy

Znalezienie tabeli po jej utworzeniu może być naprawdę żmudne, ponieważ musimy skopiować i wkleić krótki kod, ale co, jeśli istnieje blok dedykowany wyszukiwaniu wszystkich tabel? WP Table Manager pozwala to zrobić za pomocą łatwego w obsłudze edytora WordPress Gutenberg.

WP Table Manager dodaje do edytora Gutenberga bloki umożliwiające dodawanie tabel z polem wyszukiwania bezpośrednio do bloku.

Tworzenie tabel WordPress za pomocą tej wtyczki do Gutenberga

W tym poście wykorzystamy WP Table Manager do utworzenia tabeli porównującej ceny. Najpierw pokażemy, jak tworzyć tabele.

Przede wszystkim przejdź do Menedżera tabel > Wszystkie tabele , w tej sekcji kliknij + Utwórz nowy > Tabela , co spowoduje otwarcie edytora tabel. Aby ułatwić sobie pracę, możemy użyć motywu, więc wybierzmy jeden i kliknijmy Motyw > Wybór motywu .

Zobaczysz wszystkie dostępne motywy, z których wybierzemy ten, który będzie pasował do tabeli porównawczej cen.

Teraz kliknij OK (pamiętaj, że wszystkie dane w tabeli zostaną usunięte).

Gdy dodaliśmy motyw, prawie cała praca została wykonana.

Musimy tylko wprowadzić proste zmiany i dostosować tabelę do naszych potrzeb. Usunę wiele wierszy i edytuję wiele z nich. Można je edytować, po prostu klikając na nie i zaczynając pisać, tak jak w programie Excel.

Aby usunąć, wystarczy kliknąć wiersze, kliknąć prawym przyciskiem myszy, a następnie wybrać opcję Usuń .

Teraz, jeśli chcesz edytować komórkę, po prostu na nią kliknij, a zostanie otwarty zaawansowany edytor, w którym możesz dostosować jej zawartość według własnych potrzeb.

Jeśli chcemy bardziej dostosować tabelę, możemy zmienić jej kolor. W tym celu wystarczy kliknąć na komórkę i użyć górnych narzędzi, aby zmienić kolor komórek, które chcemy zmienić.

Nie musimy zapisywać tabeli, ponieważ będzie ona zapisywana automatycznie przy każdej zmianie.

Teraz, gdy utworzyliśmy tabelę, możemy dodać ją do wpisu korzystając z bloku Edytora Gutenberga.

Przejdź do Wpisy > Dodaj nowy , zobaczysz Edytor Gutenberga, wybierz WP Table Manager .

Spowoduje to dodanie pola wyszukiwania, w którym będą wyświetlane kategorie i tabele. Będziesz mógł dodać tabelę, klikając ją.

Tabela zostanie dodana, a Ty będziesz musiał tylko opublikować wpis, a tabela będzie już dostępna. Wystarczy kliknąć na tabelę i opublikować wpis/stronę.

I to wszystko, stworzyliśmy i opublikowaliśmy tabelę cen w mniej niż 10 minut. To naprawdę proste, prawda?

Tworzenie wykresów za pomocą WP Table Manager w WordPressie

Tak, będziemy mieli również możliwość tworzenia wykresów z tabel. Inną dobrą wiadomością jest to, że sekcja wykresów ma dedykowany blok Gutenberga, dzięki czemu bez problemu znajdziesz wykres podczas tworzenia wpisu.

Teraz, aby utworzyć wykresy, przejdź do Menedżera tabel > Wszystkie tabele . Powinniśmy mieć utworzoną tabelę z danymi, które chcemy odzwierciedlić na wykresie. Mamy przygotowaną tabelę z informacjami potrzebnymi do utworzenia tego wykresu.

Dobrą praktyką może być utworzenie kategorii dla każdego typu tabeli, jaką chcemy utworzyć, na przykład tutaj utworzyliśmy kategorię o nazwie: „Wykresy”.

Kategorie tworzy się naprawdę łatwo, wystarczy kliknąć + Utwórz nową > Kategoria .

Na koniec wpisz tytuł kategorii, wybierz kategorię nadrzędną (jeśli jest to podkategoria) i kliknij Gotowe .

Przejdźmy teraz do tabeli, w której chcemy utworzyć wykres. Dodaliśmy tabelę opartą na populacjach z 5 krajów.

Aby utworzyć wykres, musimy zaznaczyć komórki, które chcemy dodać do wykresu i kliknąć Wykres > Utwórz wykres z danych.

 Teraz zobaczymy wykres utworzony za pomocą prawego menu, w którym będziemy mogli zobaczyć narzędzia umożliwiające dostosowanie wykresu.

W tym przykładzie wykorzystamy wykres kołowy.

Na dole prawego panelu możemy wybrać kolor dla każdego pola, dzięki czemu możemy dopasować kolory do wybranego motywu.

Teraz, gdy utworzyliśmy/dostosowaliśmy wykres, przejdźmy do Wpis > Dodaj nowy , aby utworzyć wpis i dodać nowy wykres.

W Edytorze Gutenberga wyszukaj blok „WP Table Manager Chart” i dodaj go do wpisu.

Otworzy się pole wyszukiwania, w którym można wyświetlić wszystkie dostępne wykresy.

Jak widać, wyświetlą się wszystkie dostępne kategorie, tabele i wykresy, dlatego powinniśmy mieć wszystko uporządkowane według kategorii. Teraz kliknij na wykres, który chcesz dodać, w naszym przypadku jest to „Wykres populacji”.

Jak widać, krótki kod zostanie dodany automatycznie, więc wystarczy go opublikować, a cała reszta będzie gotowa.

Ale co się stanie, jeśli będziemy chcieli zaktualizować dane na wykresie? Czy powinniśmy utworzyć nowy wykres? Cóż, odpowiedź brzmi: nie! Wystarczy edytować dane w tabeli, a wykres zostanie automatycznie zaktualizowany.

W tym przykładzie populacja Tuvalu wynosi 11147, jak widać na obrazku, więc zmieńmy populację na 20000 i sprawdźmy ponownie wykres.

Teraz wykres powinien być zaktualizowany, sprawdźmy to.

I tak, magia już gotowa – stworzyliśmy dynamiczny wykres, który można łatwo zmienić, zmieniając jedynie dane w tabeli.

Dodatkowo tabele z baz danych w WordPressie

Istnieje również opcja tworzenia tabel z bazy danych. Tabela ta będzie automatycznie aktualizowana po wprowadzeniu zmian w bazie danych. Jeśli więc w bazie danych są zapisane jakieś informacje i chcesz na ich podstawie utworzyć tabelę/wykres, wystarczy kliknąć + Utwórz nowy > Tabela bazy danych.

Spowoduje to przekierowanie na stronę zawierającą wszystkie tabele zawarte w bazie danych. Wystarczy, że wybierzesz tabelę zawierającą interesujące Cię kolumny, a WP Table Manager automatycznie utworzy tabelę.

Następnie będziesz mógł wybrać kolumny, które chcesz dodać do tabeli, na przykład tutaj wybierzemy tylko typ komentarza i adres e-mail autorów.

Na koniec wybierz tytuł każdej kolumny i dodaj reguły, aby utworzyć tabelę.

Teraz kliknij Utwórz tabelę a tabela zostanie utworzona automatycznie, pamiętaj, że istnieją warunki, które możemy dodać, na przykład wyświetlić zmienną tylko wtedy, gdy adres e-mail autora to „Ten adres e-mail jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie obsługi JavaScript.”.

Możemy dodać tyle reguł, ile chcemy. Wystarczy kliknąć „Dodaj”, a pojawi się nowe pole do ustawienia nowej reguły.

Teraz możesz zobaczyć jak łatwo jest tworzyć tabele z bazy danych.

Nasz nowy projekt sprawi, że wszystko będzie jeszcze prostsze!

Rozpocznij tworzenie tabel za pomocą WP Table Manager

Skoro już wiesz, jak łatwo jest tworzyć tabele i zarządzać nimi za pomocą WP Table Manager , na co czekasz? Przejdź tutaj i wykup członkostwo, aby zacząć obsługiwać wszystkie te tabele w najbardziej profesjonalny sposób.