TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak stworzyć tabelę porównawczą w WordPressie?

6

Mówi się, że WordPress obsługuje ponad 30% stron internetowych. Jednak stworzenie strony internetowej ze wszystkimi potrzebnymi funkcjami nie jest łatwym zadaniem. Tworzenie tabel w WordPressie jest na to prostym przykładem. WordPress wprowadził blok tabeli z Gutenbergiem i stale go aktualizuje. Jednak nie jest responsywny i nie będzie działał poprawnie na urządzeniach mobilnych, gdy masz co najmniej trzy kolumny. Chociaż wtyczki takie jak TablePress rozwiązują ten problem za pomocą bezpłatnej wtyczki, nadal nie jest wygodne tworzenie tabeli porównawczej, która wymaga gwiazdek recenzji. W tym artykule wyjaśnimy, jak stworzyć tabelę porównawczą w WordPress.

Co to jest tabela porównawcza?

Wielu blogerów WordPress pisze recenzje i poleca produkty, których używają swoim czytelnikom. Pomaga to w obu sposobach, w jakie czytelnicy otrzymują wiarygodne informacje, podczas gdy blogerzy otrzymują prowizję partnerską, gdy czytelnik kupuje ten produkt. W wielu przypadkach tabela porównawcza jest najbardziej pomocna w prezentacji informacji.

  • Przedstawienie w tabeli listy 10 najlepszych produktów – na przykład 10 najlepszych firm hostingowych.
  • Porównaj specyfikacje dwóch produktów – na przykład iPhone i Samsung Galaxy.

Jak stworzyć tabelę porównawczą w WordPressie?

Po wielu poszukiwaniach znaleźliśmy przyzwoitą wtyczkę, która pomaga stworzyć tabelę porównawczą w WordPressie.

  • Zaloguj się do swojego pulpitu WordPress i przejdź do sekcji „Wtyczki > Dodaj nowy".
  • Wyszukaj słowo kluczowe „tabela” i znajdź „ WP Table Builder – WordPress Table Plugin “.
  • Zainstaluj i aktywuj wtyczkę, aby tworzyć piękne tabele.

Jak stworzyć tabelę porównawczą w WordPressie?

Kreator tabel WP

Tworzenie tabel za pomocą kreatora tabel typu „przeciągnij i upuść”

Po aktywacji wtyczki utworzy menu „Table Builder” na pasku nawigacyjnym paska bocznego. Przejdź do menu „Table Builder > Add New”, aby utworzyć nową tabelę. Spowoduje to przejście do interfejsu konstruktora tabel wtyczki typu „przeciągnij i upuść” na pulpicie WordPress.

Jak stworzyć tabelę porównawczą w WordPressie?

Edytor przeciągania i upuszczania WP Table Builder

Wprowadź nazwę tabeli dla swojej tabeli i wybierz kolumny / wiersze. Kliknij przycisk „Generuj”.

Dostosuj ustawienia stołu

Na następnym ekranie możesz wyświetlić podgląd tabeli na żywo. Przewiń w dół na lewym pasku bocznym, aby znaleźć "Ustawienia tabeli". Możesz skonfigurować następujące opcje dla swojej tabeli:

Jak stworzyć tabelę porównawczą w WordPressie?

Ustawienia tabeli

  • Włącz opcję „Make Table Responsive”, aby Twoje stoły były responsywne na urządzeniach mobilnych.
  • Dodaj górny wiersz jako nagłówek i ustaw kolor dla swojego wiersza nagłówka.
  • Zmień rozmiary i kolory obramowania zewnętrznego i wewnętrznego.
  • Dodaj kolory dla parzystych i nieparzystych rzędów na stole.
  • Ustaw dopełnienie komórki i szerokość tabeli.

Jeśli nie znasz tabel, dowiedz się, jak tworzyć tabele HTML.

Dodawanie treści do tabeli

Po skonfigurowaniu bazy dla tabeli możesz przeciągać i upuszczać elementy wewnątrz komórek i rozpocząć tworzenie tabeli online. Wtyczka umożliwia dodawanie tekstu, obrazu, listy, gwiazdek, niestandardowego kodu HTML, shortcode i przycisku w komórkach. Możesz dostosować każdy element po przeciągnięciu do komórki.

Na przykład możesz dodać element obrazu i dodać linki, wyrównać, dodać tekst alternatywny i dostosować rozmiar. Poniżej znajduje się tabela porównawcza w konstruktorze tabel.

Jak stworzyć tabelę porównawczą w WordPressie?

Tabela porównawcza w Kreatorze tabel

Po skończeniu zawartości tabeli możesz wyświetlić podgląd i zapisać tabelę.

Uzyskiwanie skrótu do tabeli porównawczej

Gdy jesteś w kreatorze, kliknij przycisk „Umieść” na górze, aby uzyskać skrót do swojego stołu.

Jak stworzyć tabelę porównawczą w WordPressie?

Uzyskaj kod skrócony do osadzenia

Możesz także wyświetlić wszystkie utworzone tabele w menu "Konstruktor tabel> Wszystkie tabele" wraz ze skrótami dla każdej tabeli.

Wstawianie tabel w posty i strony

Teraz, gdy masz skrót do tabeli porównawczej, możesz wstawić go w dowolnym miejscu na stronie.

  • Po prostu wklej krótki kod w bloku „Akapit” lub „Shortcode” edytora Gutenberg.
  • Możesz także wstawić tabelę w stopce lub pasku bocznym za pomocą widżetu tekstowego. Przeciągnij i upuść widżet „Tekst” na pasku bocznym lub w obszarze stopki i wklej skrót do tabeli. Zapisz zmiany, a tabela zacznie się wyświetlać w odpowiednim obszarze widżetów w opublikowanej witrynie.

Opublikowana tabela w witrynie na komputery będzie wyglądać mniej więcej tak:

Jak stworzyć tabelę porównawczą w WordPressie?

Przykładowa tabela porównawcza

A responsywny widok mobilny będzie wyglądał jak poniżej:

Jak stworzyć tabelę porównawczą w WordPressie?

Tabela porównawcza na urządzeniach mobilnych

Plusy i minusy wtyczki WP Table Builder

Wtyczka ma zalety, a także kilka ograniczeń.

Plusy

  • Wtyczka to piękne narzędzie do tworzenia responsywnych tabel porównawczych w witrynie WordPress.
  • Nie pokazuje żadnych irytujących reklam ani upsellingu w sekcji admina.
  • Prosty interfejs typu „przeciągnij i upuść” z dostosowywanymi opcjami.
  • Skróty do wstawiania tabeli w dowolnym miejscu w witrynie.

Cons

  • Po wybraniu kolumn i wierszy nie ma możliwości tego zmienić. Jeśli chcesz usunąć kolumnę lub wiersz, musisz utworzyć od podstaw.
  • Brak możliwości zmiany układu wierszy i kolumn.

Mamy nadzieję, że przyszłe aktualizacje będą zawierać te opcje.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów