Wtyczka tabel i wykresów wizualizatora: przegląd i przegląd

Jeśli jesteś twórcą treści lub pisarzem, musisz trzymać się jednej zasady ponad wszystkimi innymi: pokaż, nie mów . Możesz wyjaśnić coś w 1000 słowach i nadal nie przekazać informacji tak dobrze, jak obraz lub wizualizacja koncepcji. Dlatego wyróżnia się wtyczka Visualizer autorstwa ThemeIsle. Nawet darmowa wersja, o której będziemy rozmawiać, może ulepszyć każdy post lub stronę zawierającą dane. Dzięki interaktywnym tabelom, wykresom i wykresom, z których nawet nie-naukowcy danych mogą korzystać i tworzyć, ta wtyczka może pomóc odbiorcom zobaczyć dokładnie to, czego potrzebują.

Subskrybuj nasz kanał YouTube

Tabele i wykresy wizualizera

Istnieją dwie wersje Wizualizatora. Pierwsza to darmowa wersja w repozytorium WordPressa. Możesz go pobrać i zainstalować i bez problemu zabrać się do pracy. ThemeIsle oferuje również wersję Pro, która odblokowuje różne funkcje za 59 USD rocznie opłaty licencyjnej. Dla większości ludzi uważamy, że darmowa wersja jest w porządku, ale posiadanie wersji Pro nigdy nie jest złą rzeczą (dla użytkowników lub firmy).

Wersja Pro daje bardzo miłych profity za cenę, ale można zrobić wiele z darmowej wersji, która jest na WP.org. Dostajesz więcej funkcji premium i nieco więcej unikalnych typów wykresów, ale jeśli nie jesteś zaawansowanym użytkownikiem, który specjalizuje się w danych i metrykach, bezpłatne szablony są całkiem niezłe.

Powinieneś także wiedzieć, że Visualizer znajduje się na liście najlepszych wtyczek obsługujących Edytor bloków, co jest ogromne. Chociaż nadal działa doskonale w Edytorze klasycznym i modułach do tworzenia stron, takich jak te, które są dostarczane z Divi, Edytor bloków zyskuje na popularności, a im więcej wtyczek, które z nim „po prostu działają”, tym lepiej. A ten tak, jak zobaczysz w poniższych przykładach. Jest to łatwa integracja ze względu na skróty (które będą się poprawiać, gdy rozpocznie się plan 2019 rozszerzania bloków na inne obszary WP).

Tworzenie nowych wykresów i wykresów

Gdy wtyczka zostanie zainstalowana i aktywowana, znajdziesz ją w Media – Visualizer Library . Wykresy i wykresy nie są jednak importowane do ogólnej biblioteki multimediów. Są one samowystarczalne w samej bibliotece wizualizatora.

Zwróć uwagę, że niektóre z różnych opcji są wykreślone. To są opcje Pro. Ale 8 z 12 jest darmowych, więc uważamy to za wygraną. Więcej wtyczek freemium powinno być tak pewne.

Co więcej, więcej wtyczek freemium (i ogólnie wtyczek) powinno być tak prostych w użyciu. Ponieważ nie masz jeszcze żadnych wykresów ani wykresów, naciśnij przycisk Dodaj nowy u góry ekranu. Zostaniesz przywitany przez wyskakujące okienko z prośbą o wybranie rodzaju wykresu lub wykresu, który chcesz utworzyć.

Po wybraniu tej opcji naciśnij Dalej , a przejdziesz do ekranu dostosowywania.

W zależności od tego, jak zamierzasz manipulować danymi, masz tutaj kilka możliwości. Użytkownicy Pro mają oczywiście więcej, ale użytkownicy wolni nadal mogą importować dane za pośrednictwem plików CSV i Arkuszy Google (lub hostowanych plików JSON). Jednak dla naszych celów przeglądu zamierzamy ręcznie wprowadzić dane. Którą wygodnie można znaleźć na dole zakładek w sekcji Dane ręczne . Technicznie masz dwie opcje: kreator wizualny lub obszar zwykłego tekstu.

Jeśli zamiast tego zaznaczysz opcję Użyj edytora obszaru tekstu , zobaczysz takie pole wejściowe:

Jak widać, to tylko plik CSV. Możesz nawet wkleić informacje. Po lewej stronie jest etykieta, po prawej wartość. Z przecinkiem, aby je oddzielić. Następnie ustawiasz w górnym wierszu odpowiednią etykietę dla każdego wyświetlanego wskaźnika. To łatwe. Ale kreator wizualny jest jeszcze łatwiejszy:

Niezależnie od metody wprowadzania dane zostaną sformatowane w ten sam sposób. Po zapisaniu wykresu powrócisz do głównego ekranu Biblioteka wizualizatora. Ale twój nowy wykres lub wykres będzie tam.

Osadzanie wykresów i wykresów

Na szczęście dla wszystkich zaangażowanych osób wykresy i wykresy generowane przez Visualizer można łatwo umieścić w dowolnym miejscu. Używają skrótów powiązanych bezpośrednio z identyfikatorem właśnie utworzonego elementu, więc jest to tak proste, jak skopiowanie/wklejenie go w dowolnym obszarze witryny, który może renderować krótki kod.

Dzięki nowemu edytorowi bloków w WordPressie jest to łatwiejsze niż kiedykolwiek. Wystarczy wkleić krótki kod do pustego pola, aby przekonwertować go na blok Shortcode (lub wybrać blok Shortcode wprost).

Jeśli korzystasz z Divi lub klasycznego edytora WordPress, nie martw się. Będzie renderował się tak jak każdy inny shortcode w prawie każdym obszarze tekstowym, do którego go wkleisz, treści głównej, widżecie paska bocznego, stopce, gdziekolwiek.

Dodatkową korzyścią dla wtyczki jest to, że gdy krótki kod jest osadzony, wykresy są interaktywne. Użytkownicy mogą najechać myszą na przykład na sekcję wykresu kołowego, aby uzyskać bardziej szczegółowy wgląd w ten konkretny segment.

Jeśli uważasz, że jest to darmowa wtyczka, która generuje takie dynamiczne wykresy i wykresy, nie możemy nie być pod wrażeniem. Wiele wtyczek do wykresów i wykresów ogranicza użytkowników do statycznych obrazów po utworzeniu, których nie można edytować — tylko utworzonych i ponownie osadzonych. Wizualizator to mile widziana zmiana.

Każdy może skorzystać z tej wtyczki

Jednym z najlepszych aspektów wtyczki jest to, że jest stosunkowo lekka. Znajduje się w bibliotece multimediów i zajmuje bardzo mało miejsca lub zasobów serwera. Oznacza to, że bez względu na rodzaj witryny, którą prowadzisz, jeśli kiedykolwiek będziesz musiał wyświetlać dane z jakiegokolwiek powodu, równie dobrze możesz zainstalować tę wtyczkę. W ten sposób otwierasz możliwość większego zaangażowania, bardziej dynamicznego wyglądu witryny i dotarcia do innego rodzaju odbiorców.

W końcu obraz wart jest tysiąca słów. Za każdym razem, gdy twórca treści może zapisać tysiąc słów, czy nie jest to tego warte? Absolutnie tak uważamy. Możesz pobrać tabele i wykresy wizualizatora z repozytorium WP.org, a jeśli Ci się to wystarczająco podoba, udaj się do ThemeIsle, aby sprawdzić wersję Pro.

Do czego używasz wizualizacji danych w swoich treściach?

Artykuł wyróżniony obrazem autorstwa wanpatsorn / shutterstock.com