Jak tworzyć słupki i Wykresy w WordPress z Visualizer

Czy chcesz dodać słupki i wykresy w WordPress? Pomoce wizualne, takie jak wykres, słupki, Wykres kołowy i inne, to doskonały sposób na piękne dodawanie danych do treści. W tym artykule pokażemy, jak tworzyć słupki i wykresy w WordPress za pomocą wtyczki Visualizer WordPress Charts and Graphs.

Problem z słupkami i wykresami w WordPress

Istnieje wiele wtyczek WordPress do dodawania słupków, wykresów i wykresów z zawartością. Jednak najczęstszą skargą, jaką słyszeliśmy od naszych użytkowników, jest to, że te wtyczki są zwykle zbyt skomplikowane w użyciu.

Niektóre z tych wtyczek oczekują nawet, że użytkownicy dodadzą dane wewnątrz shortcode w niezwykle skomplikowanych formatach.

Zamiast używać tych wtyczek, wielu użytkowników tworzy wykresy w swoich aplikacjach biurowych i konwertuje je na obraz.

To może zadziałać, jeśli planujesz nigdy tego nie zmieniać. Jednak obraz nie zastąpi interaktywnego wykresu, na którym pomocne dane pojawiają się, gdy użytkownik przesunie kursor myszy nad określoną sekcją.

Idealne rozwiązanie wykresów i wykresów pozwoli Ci na:

• Dodaj dane ze źródła danych na komputerze lub w Internecie.
• Wypełniaj wykresy, ciasta, wykresy i słupki za pomocą danych.
• Twórz piękne, interaktywne, kolorowe i przyjazne dla urządzeń mobilnych wykresy.
• Co najważniejsze, powinien pozwolić na aktualizację danych w dowolnym momencie.

Powiedziawszy to, zobaczmy, jak wtyczka do wykresów i Wykresów Visualizer WordPress pomaga Ci to wszystko zrobić.

Tworzenie słupków i Wykresów w WordPress z Visualizerem

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Visualizer WordPress Charts and Graphs. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Podczas gdy darmowa wersja robi prawie wszystko, czego potrzebujesz, mają również wykresy i wykresy wizualizera Pro, które dodają dodatkowe funkcje do wtyczki, takie jak dodawanie danych bezpośrednio za pomocą arkusza kalkulacyjnego, takiego jak interfejs i importowanie danych z innych Wykresów.

Kosztuje 79 USD za licencję na jedną witrynę z rocznym profesjonalnym wsparciem i aktualizacjami.

Uwaga: Ten poradnik jest o darmowej wersji wtyczki.

Po aktywacji musisz odwiedzić Media ” Biblioteka Wizualizerów strona. Tutaj pojawią się wszystkie wykresy i wykresy.

Musisz kliknąć przycisk Dodaj nowy, aby dodać swój pierwszy wykres.

Spowoduje to wyświetlenie wyskakującego okna na ekranie. Zobaczysz różne typy wykresów dostępne z wtyczką. Po prostu wybierz typ wykresu, który chcesz dodać, i kliknij przycisk Dalej, aby kontynuować.

Następnym krokiem jest dodanie źródła danych w formacie CSV. Jeśli zapisałeś dane jako arkusz kalkulacyjny za pomocą Excela, Arkuszy Google lub dowolnego innego programu, możesz po prostu wyeksportować je jako plik CSV.

Możesz pobrać lub zapisać plik CSV na swoim komputerze, a następnie przesłać go, klikając przycisk „z komputera”.

Plik CSV musi zawierać nazwy kolumn w pierwszym wierszu i typ danych w drugim wierszu. Wtyczka obsługuje następujące typy danych: string, number, boolean, date, time date I time of day.

Spójrz na ten przykładowy plik, który stworzyliśmy w Arkuszach Google.

Jeśli tworzysz plik CSV za pomocą edytora tekstu, spójrz na ten przykładowy plik CSV:


Przeglądarka, odwiedzający
ciąg znaków, liczby
Chrom, 7894
Firefox,6754
Internet Explorer, 4230
Safari, 2106
Opera,627


Dodawanie wykresu w WordPress za pomocą arkusza kalkulacyjnego Dysku Google

Jeśli masz Dane wykresu zapisane jako arkusz kalkulacyjny na Dysku Google, możesz dodać je do wykresu bez eksportowania go.

Otwórz plik danych w arkuszach kalkulacyjnych Google, a następnie kliknij Plik ” Opublikuj w sieci.

Spowoduje to wyświetlenie wyskakującego okienka, w którym musisz wybrać sposób publikacji tego dokumentu. Musisz wybrać wartości oddzielone przecinkami (.csv) z rozwijanego menu.

Nie zapomnij kliknąć przycisku „Publikuj”.

Zobaczysz teraz publicznie dostępny adres URL arkusza jako plik CSV. Musisz skopiować ten adres URL i wrócić do wykresu wizualizacji.

Kliknij od strony internetowej, a następnie wprowadź adres URL pliku csv arkusza kalkulacyjnego Google.

Po wprowadzeniu adresu URL wtyczka pobierze plik CSV i wyświetli podgląd wykresu na żywo.

Możesz teraz kliknąć przycisk Utwórz wykres, aby zapisać wykres.

Dodawanie wykresu lub wykresu w postach/stronach WordPress

Dodawanie wykresu lub wykresu do postów i stron WordPress jest tak proste, jak dodawanie obrazów.

Utwórz nowy post / stronę lub edytuj istniejącą, do której chcesz dodać wykres. Na ekranie Edytuj kliknij przycisk Dodaj Media nad edytorem postów.

Spowoduje to wyświetlenie wyskakującego okienka przesyłania multimediów WordPress. Musisz kliknąć kartę wizualizacje w lewej kolumnie. Załaduje wszystkie wykresy utworzone i zapisane na tej stronie.

Kliknij ikonę Wstaw pod wykresem. Wyskakujące okienko zniknie, a zobaczysz wykres dodany do postu WordPress jako shortcode.

Możesz teraz zapisać swój post lub stronę WordPress i odwiedzić swoją witrynę, aby zobaczyć wykres osadzony w swoim poście WordPress.

Edycja Wykresów wizualizera w WordPress

Możesz edytować i zmieniać swoje wykresy w dowolnym momencie. Po prostu odwiedź Media ” Biblioteka Wizualizerów strona. Stamtąd możesz sklonować Wykres, usunąć go lub edytować jego ustawienia wizualne.

Aktualizacja danych dla istniejącego wykresu bez zmiany wykresu jest dość łatwa dzięki Visualizerowi.

Jeśli dodałeś dane z arkusza kalkulacyjnego Google, wszystko, co musisz zrobić, to zaktualizować dane w arkuszu kalkulacyjnym i przejść do Plik ” Opublikuj w sieci i Opublikuj swój arkusz kalkulacyjny. Zmiany zostaną automatycznie uwzględnione na wykresie.

Z drugiej strony, jeśli przesłałeś plik CSV, musisz zaktualizować plik CSV na swoim komputerze. Po zakończeniu wybierz wykres, który chcesz zaktualizować, i kliknij łącze Edytuj pod wykresem.

W sekcji Prześlij plik CSV po prostu prześlij nowy plik CSV. Zmiany w danych będą automatycznie odzwierciedlać się w postach lub stronach, na których wstawiono ten wykres.

Dodawanie wykresu w widżecie paska bocznego WordPress

Visualizer używa skrótów do wstawiania Wykresów. Po prostu przejdź do Media ” Biblioteka Wizualizerów, pod wykresami zobaczysz krótki kod.

Skopiuj shortcode i przejdź do Wygląd ” Widgety. Przeciągnij i upuść widżet tekstowy na pasek boczny i wklej krótki kod wewnątrz widżetu.

Jeśli Krótki kod nie działa w widżecie tekstowym, sprawdź nasz przewodnik, jak używać skrótów w widżetach paska bocznego WordPress.

Mamy nadzieję, że ten artykuł pomógł Ci dodać słupki i wykresy w Twojej witrynie WordPress. Możesz również zobaczyć naszą listę 24 musi mieć wtyczki WordPress dla stron biznesowych

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.