Ludzie tworzą tabele porównawcze, aby łatwo porównywać i kontrastować różne produkty, usługi lub opcje. Jest to możliwe bez kodowania, możesz wybrać skuteczną wtyczkę i stworzyć żądaną tabelę porównawczą dla witryny WordPress.

ElementsKit to super wydajna wtyczka, która zapewnia Widżet tabeli porównawczej. Zobaczmy, jak można wykorzystać widżet tabeli porównawczej ElementsKit do szybkiego utworzenia tabeli porównawczej.

Korzystanie z widżetu tabeli porównawczej ElementsKit #

Zainstaluj wtyczkę ElementsKit pro i zacznij aranżować dowolną tabelę porównawczą według własnych upodobań.

👉👉👉 Zainstaluj teraz!

Zacznij od panelu WordPress, musisz otworzyć dowolną starą stronę lub post, aby wyświetlić tabelę porównawczą. Możesz także utworzyć nową stronę lub post.

Rozpocznij edycję żądanej strony/posta za pomocą Elementora -> Wyszukaj widżet tabeli porównawczej -> Przeciągnij i upuść

Nagłówek tabeli #

w sekcja treści, dostępna jest opcja ustawienia nagłówka tabeli.

Jeśli rozwiniesz nazwę nagłówka, otrzymasz następujące opcje dostosowywania:

• Szerokość komórki – Możliwość regulacji szerokości komórek.
• Nazwa komórki – Tutaj możesz nadać komórce nazwę, stylizować tekst, dodać obraz itp.
• Dodać adres URL? – W razie potrzeby możesz dołączyć adres URL do nagłówka
• Typ – Może to być ikona, obraz lub nic.
• Pozycja – Opcja ustawienia pozycji ikony/obrazu. Dostępne opcje to: Przed, Po, Góra i Dół.
• Przycisk – Jeśli chcesz, dodaj przycisk do nagłówka.
• Wyrównanie – To jest system wyrównywania tekstu nagłówka.

Korpus stołu #

To jest część korpusu stołu.

Jeśli rozwiniesz każdą nazwę treści, zobaczysz te same opcje, co w sekcji nagłówka. Jednak otrzymasz tutaj dodatkową opcję o nazwie Nowy rząd. Korzystając z tej opcji, możesz przekonwertować wiersze na kolumny.

Przycisk tabeli #

Czasami dodanie przycisków do tabeli porównawczej, takich jak angażujący przycisk CTA, sprawia, że tabela staje się bardziej użyteczna.

Skorzystaj z tej opcji, aby dodać tyle przycisków, ile potrzebujesz. Rozwinięcie przycisku spowoduje wyświetlenie opcji tzw Tytuł i link.

Przycisk Porównaj #

W tej sekcji możesz dodać przycisk porównania do tabeli.

• Styl przycisku – Dostępne są dwie opcje stylu: styl tabulatora i styl inline.
• Przycisk różnicy – Tutaj możesz zmienić tekst przycisku.
• Stanowisko – Tutaj możesz zmienić położenie przycisku.

Zobacz możliwości dostosowywania poniżej –

Styl #

• Opakowanie – Korzystając z tej opcji stylizacji, możesz zmienić typ tła komórek, cień obramowania, promień obramowania itp.
• Zawartość tabeli – W przypadku zawartości tabeli znajdziesz opcje projektowania, takie jak typ tła, typ obramowania, dopełnienie, margines itp.
• Nagłówek tabeli – Możesz dostosować rozmiar czcionki ikony, promień obramowania, opakowanie nagłówka tabeli itp. dla nagłówka.
• Korpus stołu – W tej opcji możesz stylizować treść, dostosowując rozmiar czcionki ikony, tło wiersza nieparzystego, wiersz treści tabeli itd.
• Przycisk komórki nagłówka tabeli – W tej sekcji znajdziesz opcje dostosowywania koloru tekstu, cienia ramki, dopełnienia, marginesu itp.
• Przycisk komórki treści tabeli – Zaprojektuj przyciski komórek treści, zmieniając kolor tekstu, cień ramki, wyrównanie i tak dalej.
• Przycisk tabeli – Jeśli chcesz, aby przycisk był atrakcyjny, dostosuj typografię, kolor tekstu, kolor tła itp.
• Przycisk Porównaj – Opcje stylizacji są takie same jak w przypadku przycisku tabeli.

Sprawdź swoją tabelę porównawczą #

Po utworzeniu tabeli porównawczej według swoich potrzeb należy zaktualizować stronę/post.

Skończyłeś!

Teraz możesz stworzyć tabelę porównawczą, prezentując informacje w jasny i zorganizowany sposób.