Uwaga: Poniższy artykuł pomoże Ci w: Tabele WordPress: 5 sposobów dodawania tabel do postów na blogu
Czy kiedykolwiek myślałeś o stołach?
Nie, nie mam na myśli stołu, przy którym jesz obiad z rodziną, ani stołu konferencyjnego w biurze, gdzie odbywają się spotkania.
Mam na myśli tabele jak w wykresach danych, wyświetlanych w kolumnach.
Podczas pisania treści czasami wyzwaniem może być przedstawienie danych w uporządkowany sposób. Możesz chcieć wyświetlić go w formacie wykresu, ale najprostszym sposobem jest uczynienie go obrazem. Niestety, obrazy mają wiele różnych wad, z których nie najmniej ważną jest niezdolność Google do indeksowania informacji w tabeli. Obrazy wykresów nie są dobre dla SEO!
Z drugiej strony prezentowanie informacji, które można by wyświetlić w tabeli bez unikalnego kodu, może być bałaganiarskie lub uciążliwe.
Brudna wersja wygląda mniej więcej tak:
- Dzień – Nazwa – Sprzedaż
- Poniedziałek – Shaun – 500 $
- Poniedziałek – Dave – 400 $
- Wtorek – Steve – 500 $
- Środa – Jennifer – 800 $
- Środa – Sierra – 750 USD
I tak dalej. Nie masz ładnie zorganizowanych kolumn, nie masz formatowania, a wszystko po prostu działa razem. Informacje są dostępne, ale nie są dobrze sformatowane. Czasami możesz dodać spacje i wyrównanie za pomocą kart lub CSS, ale wpadasz w hackerskie sposoby formatowania danych.
HTML ma oczywiście natywną obsługę tabel. Jednak nie jest łatwo tworzyć i aktualizować. Żmudnym sposobem jest użycie kodu HTML do ręcznego tworzenia zawartości tabeli.
- Po pierwsze, potrzebujesz tagów tabeli, więc „table” na początek i „table” na zamknięcie.
- Wewnątrz tego potrzebujesz kodu dla każdego wiersza. Wiersz zaczyna się znacznikiem „tr” i kończy znacznikiem „tr”.
- Wewnątrz każdego wiersza każda komórka wymaga wpisu danych tabeli. Tak więc tag „td” do otwierania i zamykania, z określonym elementem danych w środku. Pierwsze to tytuły nagłówków tych kolumn.
Tak więc dla pierwszego wiersza informacji, nagłówków, w powyższym przykładzie patrzysz na:
Następnie oczywiście musisz dodać tagi do formatowania CSS lub formatowania HTML, a jeśli potrzebujesz obrazów lub ikon, masz dodatkową pracę, a to wszystko tylko dla jednego wiersza. Wyobraź sobie, że musisz zadzierać z tym wszystkim ręcznie! Jest ku temu powód stoły były powszechnie nielubiane do projektowania stron internetowych i nie są już standardem.
Na szczęście od dziesięcioleci nie musieliśmy ręcznie pisać tabel HTML, jeśli nie chcemy. WordPress oferuje wiele różnych sposobów dodawania nowych tabel, a ja wybrałem pięć, które moim zdaniem są najlepsze do tego samouczka krok po kroku.
Zakopmy się!
Opcja 1: Domyślne tabele WordPress
Czy wiesz, że WordPress umożliwia dodanie tabeli? Okazuje się, że jest bezpłatny i całkiem łatwy, choć nie ma wielu funkcji. W narzędziu do przeciągania i upuszczania stron Gutenberga możesz kliknąć, aby dodać nowy blok i wybrać blok Tabela. Wstawi blok, który służy jako pole konfiguracyjne opcji tabeli. Jeśli korzystasz z Edytora klasycznego, będziesz musiał przełączyć się z powrotem na Gutenberg, aby korzystać z narzędzia do tworzenia tabel na interfejsie użytkownika.
To całkiem proste; wybierz żądaną liczbę wierszy i kolumn. W powyższym przykładzie danych miałbym trzy kolumny tabeli i dowolną liczbę wierszy danych, których potrzebuję. Efektem końcowym są proste responsywne tabele.
Problem polega na tym, że nie jest to zbyt dobrze zaprojektowane. Nie ma graficznego podziału między kolumnami, więc musisz nawigować po nim za pomocą starannie umieszczonych kliknięć myszką lub strzałek (ponieważ przechodzenie między komórkami, tak jak w arkuszu kalkulacyjnym, nie działa). Musisz zastosować formatowanie tabeli w zupełnie inny sposób.
WordPress ma również domyślnie tylko kilka opcji dla tabeli. Możesz wybierać między rzędami oddzielonymi cienkimi liniami lub rzędami oddzielonymi przez naprzemienne tło w paski, ale to wszystko. Nie ma formatowania kolumn i chociaż można ustawić kolor tła, dotyczy to całej tabeli, a nie tylko komórki/wiersza/kolumny. Jeśli szukasz zaawansowanych opcji, domyślne tabele niewiele Ci pomogą.
Teraz, oczywiście, możesz wejść z CSS i zmienić wszystko, co chcesz ręcznie. W porządku! Ale jeśli próbujesz sprawić, by tabela wyglądała tak, jak chcesz w swoim edytorze WordPress, jest to ogromny kłopot. Zaskakująco brakuje obsługi tabel przez WordPressa, biorąc pod uwagę, ile jeszcze pozwalają one zrobić po wyjęciu z pudełka. Na przykład, jeśli masz tysiące wierszy w swojej tabeli, podział na mniejsze części, które są łatwiejsze do odczytania, nie spowoduje utworzenia podziału na strony.
W tym miejscu pojawia się instalacja wtyczki tabeli WordPress.
Opcja 2: Prasa stołowa
Jeśli masz witrynę WordPress od jakiegoś czasu, nie powinno dziwić, że prawie każda funkcja, którą chcesz dodać, prawdopodobnie ma gdzieś dodatek o nazwie FeaturePress. Tabele nie są wyjątkiem. TablePress można znaleźć w darmowy katalog wtyczek lub na ich stronie internetowej TablePress.org.
TablePress jest trochę nieporęczny, ponieważ działa w sposób, który ułatwia centralne centrum zarządzania danymi tabeli. Dodaje mini-aplikację do zarządzania tabelami do pulpitu nawigacyjnego WordPress. W tej aplikacji do zarządzania możesz tworzyć tabele, importować lub eksportować tabele, konfigurować tabele i ogólnie robić z nimi, co chcesz. Następnie, gdy chcesz wstawić tabele do swoich postów na blogu, używasz tabeli krótki kod wciągnąć ten stół.
Musisz kliknąć „Zapisz zmiany”, skopiować krótki kod, a następnie wrócić do swojego posta, aby zobaczyć, jak wygląda. Czasami będziesz musiał odbijać się między edytorem postów a ustawieniami TablePress, co może być uciążliwe.
Ta technika ma kilka zalet. Pozwala osadzać tę samą tabelę w wielu postach lub stronach bez ponownego tworzenia jej za każdym razem. Na przykład, jeśli chcesz utworzyć tabelę danych odpowiednią dla Twojej niszy i umieścić ją na 20 różnych stronach WordPress, możesz utworzyć tabelę i osadzić ją na każdej stronie docelowej.
Następnie – i to jest ważne – jeśli potrzebujesz edytować dane w tabeli, możesz to zrobić z pulpitu nawigacyjnego. Jedna edycja natychmiast zapełnia wszystkie różne wystąpienia tej samej tabeli. Ponieważ są to dane osadzone, scentralizowane zarządzanie jest łatwe.
Możesz także zaimportować dane bezpośrednio z pliku CSV, XLS lub innego arkusza kalkulacyjnego, który wypełni tabelę. Ta funkcja importu jest bardzo pomocna, jeśli masz mnóstwo danych, które chcesz zaimportować i nie chcesz ich ręcznie kopiować.
Największą wadą tej wtyczki tabeli jest to, że najlepiej nadaje się do danych i arkuszy kalkulacyjnych. Nie jest przeznaczony na przykład do zestawienia porównawczego produktów, spisu treści lub czegoś eleganckiego z zaledwie kilkoma wierszami i kolumnami. Pomyśl o tym bardziej w przypadku osadzania dziesiątek lub setek wierszy danych.
Pomogłoby, gdybyś użył niestandardowego CSS do stylizacji i zmiany tabeli. Ułatwia to wykonanie, ale nadal musisz znać CSS, aby stylizować tabelę. Na plus jest całkowicie bezpłatny i łatwy w użyciu, co czyni go dobrą wtyczką dla początkujących na początek.
Opcja 3: Stoły Ninja
Ninja Tables to sprytna opcja do tworzenia tabel i zarządzania danymi w witrynie WordPress. Jest przeznaczony bardziej do postów na blogach zawierających duże ilości danych niż do zwykłego użytku i robi wiele rzeczy, które obsługują duże ilości danych. Na przykład Twoja tabela może zawierać filtry i opcje sortowania umożliwiające użytkownikom sortowanie i dostosowywanie dynamicznie wyświetlanych danych. Jest to całkiem przydatne w przypadku wielu statystyk i informacji, ale mniej w przypadku tabeli porównawczej produktów.
Jedną z najbardziej eleganckich cech Ninja Tables jest to, że jest bardzo przyjazna dla użytkownika. Nie potrzebujesz niestandardowego CSS ani kodowania, aby zarządzać wyglądem i stylem swoich tabel. Nie musisz nawet wprowadzać wielu danych, jeśli nie chcesz; możesz importować dane bezpośrednio z plików różnych typów.
Jednak jedną wadą jest to, że opcje są „ograniczona” z darmową wersją. Podaję ograniczone cytaty, ponieważ mają wiele opcji; to po prostu nie jest całkowicie darmowe. Mają dziesiątki różnych stylów i kolorów do wyboru oraz różne szablony, których możesz użyć.
Ninja Tables umożliwia także tworzenie i edytowanie tabeli z edytora bloków bezpośrednio w poście lub zarządzanie nią z centralnego pulpitu nawigacyjnego w taki sam sposób, jak robi to TablePress. Z wtyczką możesz robić, co chcesz.
Możesz znaleźć darmowa wersja Ninja Tables w katalogu wtyczek WordPress. Podobnie jak wiele wtyczek, oferują one również wersję premium, jeśli chcesz ją kupić na ich stronie internetowej.
Premium zapewnia szereg dodatkowych funkcji, które prawdopodobnie okażą się pomocne, w tym:
- Możliwość dodawania elementów multimedialnych do komórek zamiast samych danych tekstowych.
- Próbnik kolorów, więc nie jesteś ograniczony tylko do kolorów, które dla Ciebie wstępnie skonfigurowali.
- Więcej opcji importowania i eksportowania danych lub synchronizacji z Arkuszami Google.
- Opcje formatowania warunkowego i zaawansowane filtrowanie danych.
- Używanie skrótów w komórkach tabeli.
Licencja jednostanowiskowa jest 49 USD rocznie, lub możesz zapłacić 99 USD za 20 witryn lub 199 USD za nieograniczoną liczbę witryn. Alternatywnie oferują dożywotnie licencje za 199 USD za jedną domenę, 399 USD za 20 lub 599 USD za nieograniczony. Oprócz liczby domen, na których możesz z niego korzystać, plany nie mają żadnych ograniczeń, więc wszystkie płatne wersje są identyczne. Możesz przeglądać witrynę i zobaczyć więcej funkcji tutaj.
Opcja 4: Generator tabel danych
Czy lubisz funkcje? Czy chciałbyś mieć ich więcej? Czy chciałbyś mieć tabelę danych, którą możesz dynamicznie konwertować na wykresy, wykresy, słupki, wykresy kołowe, pliki PDF i inne eksporty? Czy chcesz wyświetlać multimedia w swoim stole? Pasek wyszukiwania? Menu rozwijane umożliwiające wybór liczby wyświetlanych wierszy? Sortowanie według kolumny dla każdej kolumny? Elastyczny projekt?
Dobra, przestanę.
Chodzi o to, że Data Tables Generator firmy Supsystic ma prawie wszystko. Jasne, wiele z nich jest zamkniętych za wersją płatną zamiast wersji darmowej, ale wszystko nadal tam jest. Jeśli możesz wymyślić funkcję, którą chcesz umieścić w tabeli, prawdopodobnie tam jest.
Podobnie jak TablePress, zarządzasz swoimi tabelami z pulpitu nawigacyjnego i osadzasz je w swoich postach lub stronach WordPress. Ta wtyczka jest w dużej mierze wtyczką tabelaryczną dla osób zajmujących się STEM, które zaczynają wibrować z podekscytowania, gdy widzą dobry stos świeżych danych, i bardzo dla marketera, który chce odpalić i zapomnieć tabelę, która ma pół tuzina wierszy i ocena w skali gwiazdkowej. Jest to również bardzo skomplikowane, ponieważ ma milion różnych opcji.
Kiedy mówię, że to może wszystko, mam to na myśli. Pulpit nawigacyjny generatora tabel danych do edytowania tabeli wygląda tak, jakbyś wziął program Excel lub Arkusze Google i po prostu osadził je w edytorze. Ma miejsce na formuły i formatowanie oraz mnóstwo więcej. Ma wszystko, czego możesz chcieć. Pod pewnymi względami jest to najlepsza wtyczka do tabeli WordPress po prostu dlatego, że ma najwięcej funkcji.
Więc w czym tkwi haczyk?
Złożoność, oczywiście. Jest bardzo solidny w przypadku witryny z dużą ilością danych, ale jeśli jesteś mniejszym blogiem WordPress i potrzebujesz tylko wykresu do porównania z konkurencją, tabeli cen z różnymi planami i funkcjami lub tabeli porównania produktów dla czegoś, co sprzedajesz ; to tyle samo przesady, co użycie pocisku manewrującego do uprawy ogrodu.
Możesz pobrać darmową wersję tutaj, jak zgadłeś, z katalogu wtyczek WordPress.
Wersja płatna jest odpowiednio wyceniona w formie tabeli.
Witryna Data Tables Generator ma licencje na rok, dwa lub trzy lata i na jedną, pięć lub 6+ witryn jednocześnie. A licencja jednostanowiskowa na jeden rok kosztuje 46 USD.
Opcja 5: Powiązana
Większość z powyższych opcji dotyczy wyświetlania dużych ilości złożonych danych w tabelach, ale co zrobić, jeśli nie chcesz czegoś tak skomplikowanego?
Większość blogerów, którzy chcą dodawać tabele, prawdopodobnie wybiera coś w rodzaju tabeli porównawczej produktów. Masz dwa lub trzy produkty i potrzebujesz tabeli zawierającej różne informacje o ich funkcjach/cenach/recenzjach, z linkami partnerskimi do ich zakupu. Jest to wypróbowana i przetestowana strategia marketingu afiliacyjnego i sprzedaży produktów. Po prostu pokaż cechy produktu, aby użytkownik mógł na ich podstawie wybrać między nimi, a będzie bardziej skłonny wybrać jedną z nich.
stowarzyszony jest jednym ze sposobów dodawania tych tabel. Zawiera tabele porównawcze, format „najlepszych 3 pudełek”, pola ze szczegółowymi informacjami o poszczególnych produktach oraz styl pudełek z zaletami i wadami. Co ważniejsze, ma pewne funkcje marketingowe, a nie funkcje zarządzania danymi. Użytkownicy nie muszą mieć możliwości sortowania ani przeszukiwania tabeli porównawczej produktów, ale z pewnością mogą skorzystać na odrobinie kierowania geograficznego po Twojej stronie, prawda?
Affiliable ma trzy wersje:
- Darmowa wersja
- Wersja pro dla licencji na jedną witrynę
- Wersja pro dla nieograniczonej liczby witryn
Darmowa wersja jest akceptowalna, ale ograniczona; nie pozwala na korzystanie z szablonów premium, nie jest zoptymalizowany pod kątem schematu i nie pozwala na korzystanie z niestandardowych kategorii. Płatne wersje są 39 USD rocznie i 89 USD rocznieodpowiednio, lub możesz kupić dożywotnie licencje za 199 USD lub 399 USD.
