Tabele WordPress: 5 sposobów na dodawanie 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ą czy stołu konferencyjnego w biurze, w którym odbywają się spotkania.

Mam na myśli tabele jak w wykresach danych, wyświetlane w kolumnach.

Podczas pisania treści czasami wyzwaniem może być przedstawienie danych w zorganizowany sposób. Możesz wyświetlić go w formacie wykresu, ale najłatwiej jest zrobić z niego obraz. Niestety obrazy mają wiele różnych wad, z których nie najmniejszą jest niezdolność Google do indeksowania informacji w tabeli. Obrazy wykresów nie są dobre dla SEO!

Z drugiej strony prezentowanie informacji, które wyświetliłbyś w tabeli bez unikalnego kodu, może być kłopotliwe lub żmudne.

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

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 dodawać spacje i wyrównanie za pomocą tabulatorów lub CSS, ale wkraczasz w pokręcone sposoby formatowania danych.

Oczywiście HTML ma natywne wsparcie dla tabel. Jednak tworzenie i aktualizowanie nie jest łatwe. Żmudnym sposobem jest użycie kodu HTML do ręcznego tworzenia zawartości tabeli.

• Po pierwsze, potrzebujesz znaczników tabeli, więc <table> , aby rozpocząć i </table> , aby zamknąć.
• Wewnątrz tego potrzebujesz kodu dla każdego wiersza. Wiersz zaczyna się od <tr> i kończy na </tr> .
• Wewnątrz każdego wiersza każda komórka wymaga wpisu danych tabeli. Tak więc <td> i </td> , z określonym elementem danych w środku. Pierwsze z nich to tytuły nagłówków tych kolumn.

Tak więc dla pierwszego wiersza informacji, nagłówków, w moim przykładzie powyżej, patrzysz na:

<table>
<tr>
<td>Day</td>
<td>Name</td>
<td>Sales</td>
</tr>
<!-- Additional rows and cells here -->
</table>

Następnie musisz oczywiście 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 sobie z tym wszystkim poradzić ręcznie! Jest powód, dla którego tabele były powszechnie nielubiane w projektowaniu 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.

Zagłębmy się!

Opcja 1: Domyślne tabele WordPress

Czy wiesz, że WordPress umożliwia dodanie tabeli? Okazuje się, że jest darmowy i całkiem prosty, chociaż nie ma wielu funkcji. W kreatorze stron przeciągnij i upuść Gutenberga możesz kliknąć, aby dodać nowy blok i wybrać blok Tabela. Wstawi blok, który służy jako pole konfiguracji opcji tabeli. Jeśli używasz Edytora klasycznego, musisz wrócić do Gutenberga, aby użyć konstruktora tabel na interfejsie.

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 na dane, których potrzebuję. Efektem końcowym są proste responsywne tabele.

WordPress ma również domyślnie tylko kilka opcji dla tabeli. Możesz wybierać między rzędami oddzielonymi cienkimi liniami lub rzędami zróżnicowanymi naprzemiennie pasiastymi tłami, ale to wszystko. Nie ma formatowania kolumn i chociaż możesz 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 przejść do CSS i zmienić wszystko, co chcesz ręcznie. W porządku! Ale jeśli chcesz, aby tabela wyglądała tak, jak chcesz w edytorze WordPress, jest to ogromny problem. Zaskakująco brakuje wsparcia WordPressa dla tabel, 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 tabeli, nie stworzysz stronicowania, aby podzielić je na mniejszą sekcję, która będzie łatwiejsza do odczytania.

W tym miejscu pojawia się instalacja wtyczki WordPress do tabeli.

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 bezpłatnym katalogu wtyczek lub na ich stronie internetowej TablePress.org.

TablePress jest nieco niezgrabny, ponieważ działa w sposób ułatwiający centralne zarządzanie danymi tabeli. Dodaje mini-aplikację do zarządzania tabelami do pulpitu 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 postów na blogu, użyj skrótu tabeli, aby pobrać tę tabelę.

Musisz kliknąć „Zapisz zmiany”, skopiuj krótki kod, a następnie wróć do swojego posta, aby zobaczyć, jak wygląda. Czasami będziesz musiał przeskakiwać między edytorem postów a ustawieniami TablePress, co może być nużące.

Następnie – i to jest ważne – jeśli chcesz edytować dane tabeli, możesz to zrobić z poziomu swojego pulpitu nawigacyjnego. Jedna edycja natychmiast wypełnia wszystkie różne wystąpienia tej samej tabeli. Ponieważ są to dane osadzone, scentralizowane zarządzanie jest łatwe.

Możesz także importować dane bezpośrednio z pliku CSV, XLS lub innego arkusza kalkulacyjnego, co spowoduje wypełnienie tabeli. Ta funkcja importowania 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 na wykres porównawczy produktów obok siebie, spis treści lub coś zgrabnego z 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. Jest to łatwe, ale nadal musisz znać styl CSS, aby stylizować tabelę. Plusem jest to, że jest całkowicie darmowy i łatwy w użyciu, co czyni go dobrą wtyczką dla początkujących.

Opcja 3: Stoły Ninja

Ninja Tables to zręczna opcja do tworzenia tabel i zarządzania danymi w witrynie WordPress. Jest przeznaczony bardziej do postów na blogach z dużą 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 tabela może zawierać filtry i opcje sortowania, które umożliwiają użytkownikom dynamiczne sortowanie i dostosowywanie 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 najzgrabniejszych cech Ninja Tables jest to, że jest bardzo przyjazny dla użytkownika. Nie potrzebujesz niestandardowego kodu CSS ani kodowania, aby zarządzać wyglądem i stylem swoich tabel. Nie musisz nawet dużo wprowadzać danych, jeśli nie chcesz; możesz importować dane bezpośrednio z plików różnego typu.

Jednak jedną wadą jest to, że opcje są „ograniczone” w bezpłatnej wersji . Umieszczam ograniczone cytaty, ponieważ mają wiele opcji; to po prostu nie jest całkowicie bezpłatne. Mają do wyboru dziesiątki różnych stylów i kolorów oraz różne szablony, z których możesz skorzystać.

Tabele Ninja pozwalają również tworzyć i edytować tabelę z edytora bloków bezpośrednio w poście lub zarządzać nią z centralnego pulpitu nawigacyjnego w taki sam sposób, jak robi to TablePress. Z wtyczką możesz robić, co chcesz.

Bezpłatną wersję Ninja Tables można znaleźć w katalogu wtyczek WordPress. Podobnie jak wiele wtyczek, oferują również wersję premium, jeśli chcesz ją kupić na ich stronie internetowej.

Premium zapewnia szereg dodatkowych funkcji, które prawdopodobnie uznasz za przydatne, w tym:

• Możliwość dodawania elementów multimedialnych do komórek zamiast tylko danych tekstowych.
• Próbnik kolorów, dzięki czemu nie ograniczasz się tylko do kolorów, które zostały dla Ciebie wstępnie skonfigurowane.
• Więcej opcji importowania i eksportowania danych lub synchronizowania z Arkuszami Google.
• Opcje formatowania warunkowego i zaawansowane filtrowanie danych.
• Używanie skrótów wewnątrz komórek tabeli.

Licencja na jedną witrynę kosztuje 49 USD rocznie lub możesz zapłacić 99 USD za 20 witryn lub 199 USD za nieograniczoną liczbę witryn. Alternatywnie oferują licencje dożywotnie za 199 USD za jedną domenę , 399 USD za 20 lub 599 USD za nieograniczoną liczbę. Poza liczbą domen, na których możesz z niego korzystać, plany nie mają 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żna dynamicznie konwertować na wykresy, wykresy, słupki, torty, pliki PDF i inne eksporty? Chcesz wyświetlać multimedia na swoim stole? Pasek wyszukiwania? Menu do wyboru liczby wyświetlanych wierszy? Sortowanie według kolumny dla każdej kolumny? Elastyczny projekt?

Dobrze, przestanę.

Podobnie jak TablePress, zarządzasz swoimi tabelami z pulpitu nawigacyjnego i osadzasz je w swoich postach lub stronach WordPress. Wtyczka ta jest w dużej mierze wtyczką do tabel dla głównych studentów STEM, którzy zaczynają wibrować z podekscytowania, gdy widzą dobry stos świeżych danych, a w zasadzie nie dla marketerów, którzy chcą mieć tabelę „odpal i zapomnij”, która ma pół tuzina wierszy i ocena w gwiazdkach. Jest to również bardzo skomplikowane, ponieważ ma milion różnych opcji.

Kiedy mówię, że to może zrobić wszystko, mam na myśli to. Pulpit nawigacyjny Generatora tabel danych do edycji tabeli wygląda tak, jakbyś wziął Excel lub Arkusze Google i po prostu osadził go w edytorze. Ma miejsce na formuły i formatowanie oraz dużo więcej. Ma wszystko, czego możesz chcieć. Pod pewnymi względami jest to najlepsza wtyczka do tabeli WordPress, ponieważ ma najwięcej funkcji.

Więc jaki jest haczyk?

Oczywiście złożoność. Jest bardzo solidny dla witryny z dużą ilością danych, ale jeśli prowadzisz mniejszy blog WordPress i potrzebujesz tylko wykresu do porównania z konkurencją, tabeli cenowej z różnymi planami i funkcjami lub tabeli porównawczej produktów dla czegoś, co sprzedajesz ; to mniej więcej tyle samo przesady, co użycie pocisku samosterującego do uprawy ogrodu.

Możesz pobrać bezpłatną wersję tutaj z, jak zgadłeś, katalogu wtyczek WordPress.

Płatna wersja jest odpowiednio wyceniona w formie tabelarycznej.

Witryna Data Tables Generator ma licencje na rok, dwa lub trzy lata oraz na jedną, pięć lub 6+ witryn jednocześnie. Licencja jednostanowiskowa na jeden rok kosztuje 46 USD.

Opcja 5: Zrzeszony

Większość z powyższych opcji dotyczy wyświetlania dużych ilości złożonych danych w tabelach, ale co, 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 funkcje/ceny/opinie dla nich, z linkami partnerskimi do ich zakupu. To sprawdzona strategia marketingu afiliacyjnego i sprzedaży produktów. Po prostu pochwal się funkcjami produktu, aby użytkownik mógł z nich skorzystać, aby wybrać między nimi, a z większym prawdopodobieństwem wybierze jedną z nich.

Affiliable to jeden z takich sposobów dodawania tych tabel. Zawiera tabele porównawcze, format „top 3 box”, pola ze szczegółowymi informacjami o produkcie oraz styl pudełka za i przeciw. 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ć z niewielkiego geotargetowania po Twojej stronie, prawda?

Affiliable ma trzy wersje:

• Darmowa wersja
• Wersja pro z licencją jednostanowiskową
• Wersja pro dla nieograniczonej liczby witryn

Darmowa wersja jest akceptowalna, ale ograniczona; nie pozwala na używanie szablonów premium, nie jest zoptymalizowany pod kątem schematu i nie pozwala na używanie niestandardowych kategorii. Płatne wersje wynoszą odpowiednio 39 USD rocznie i 89 USD rocznie lub możesz kupić dożywotnie licencje za 199 USD lub 399 USD .

Co myślisz? Jaki jest najlepszy sposób na dodanie tabeli do postów na blogu? Daj znać w komentarzach, jeśli masz kolejną świetną sugestię.