Jak tworzyć słupki i wykresy w WordPress za pomocą Visualizera

Chcesz dodać słupki i wykresy do twojej witryny internetowej WordPress?

Dodając pomoce wizualne, takie jak wykresy, słupki lub wykresy kołowe, możesz zaprezentować swoje dane w sposób atrakcyjny i łatwy do zrozumienia dla użytkowników.

W tym artykule pokażemy, jak łatwo tworzyć słupki i wykresy w WordPressie za pomocą Visualizera.

Problem ze słupkami i wykresami w WordPress

Istnieje wiele wtyczek umożliwiających dodawanie słupków, wykresów i grafów do twojej treś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 od użytkowników dodawania danych wewnątrz krótkiego kodu w niezwykle skomplikowanych formatach.

Zamiast korzystać z tych wtyczek, wielu użytkowników tworzy wykresy w swoich aplikacjach biurowych i konwertuje je na obrazek dla swoich witryn internetowych WordPress.

Może to zadziałać, jeśli planujesz nigdy go nie zmieniać. Jednak obrazek nie zastąpi interaktywnego wykresu, w którym pomocne dane pojawiają się, gdy użytkownik kliknie określoną sekcję.

Idealne rozwiązanie do tworzenia wykresów i grafów pozwala na:

• Dodaj dane ze źródła danych na twoim komputerze lub z Internetu.
• Wypełniaj wykresy, placki, grafy i słupki twoimi danymi.
• Twórz piękne, interaktywne, kolorowe i przyjazne dla urządzeń mobilnych wykresy.
• Co najważniejsze, powinien on umożliwiać aktualizację danych w dowolnym momencie.

Dodanie wykresu za pomocą Wizualizatora pomoże zwiększyć zaangażowanie użytkowników, a nawet sprawi, że twoje dane będą łatwe do zrozumienia.

Powiedziawszy to, zobaczmy, jak łatwo dodać słupki i wykresy do twojej witryny WordPress.

Jak tworzyć słupki i wykresy w WordPress za pomocą Visualizera?

Możesz łatwo tworzyć słupki i wykresy w WordPressie za pomocą wtyczki Visualizer. Jest to najlepsza na rynku wtyczka do wizualizacji danych WordPress, która pozwala tworzyć interaktywne wizualizacje danych dla twojej witryny.

Ma nawet darmowy plan, którego można używać do tworzenia słupków i wykresów.

Najpierw należy zainstalować i włączać Visualizer: Tables and Charts Manager for WordPress wtyczkę. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Uwaga: W tym poradniku wykorzystana zostanie darmowa wersja wtyczki. Jeśli chcesz odblokować funkcje pro, możesz kupić płatny plan.

Po włączaniu należy przejść na stronę Visualizer ” Add New Chart z kokpitu WordPress.

Następnie wybierz rodzaj wykresu, który chcesz utworzyć, np. wykres tabelaryczny, kołowy, liniowy lub słupkowy. Następnie kliknij przycisk „Dalej”.

Spowoduje to przejście do następnego kroku, w którym należy kliknąć przycisk „Wybierz plik”, aby importować twoje dane z arkusza kalkulacyjnego Excel z komputera.

Jeśli zapisałeś swój arkusz kalkulacyjny Excel lub Google jako plik CSV, możesz go importować, rozwijając kartę „Importuj dane z adresu URL”.

Gdy to zrobisz, kliknij przycisk „Importuj z CSV”. Następnie wpisz adres URL twojego pliku CSV, aby go osadzać.

Pamiętaj, że twój plik CSV musi mieć nazwy kolumn w pierwszym wierszu i rodzaje danych w drugim wierszu. Wtyczka obsługuje następujące rodzaje danych: ciąg znaków, liczba, wartość logiczna, data, godzina i pora dnia.

Zapraszamy do zapoznania się z przykładowym plikiem, który stworzyliśmy w Google Sheets.

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

Codzienne włączanie,czas
ciąg,liczby
Praca,8
Sen,7
Jedzenie,3
Oglądanie telewizji,2
Dojazdy,1


Jeśli jednak twoje dane wykresu są zapisane jako arkusz kalkulacyjny na Dysku Google, możesz dodać je do wykresu bez konieczności ich eksportowania.

Najpierw otwórz twój plik danych w Google Spreadsheets, a następnie kliknij odnośnik Plik ” Udostępnij ” Opublikuj w sieci.

Spowoduje to wyświetlenie wyskakującego okienka, w którym należy wybrać sposób opublikowania tego dokumentu.

Wystarczy wybrać opcję Comma Separated Values (.csv) z rozwijanego menu i kliknąć przycisk „Publish”.

Zobaczysz teraz publicznie dostępny adres URL twojego arkusza w postaci pliku CSV. Skopiuj ten adres URL i wróć do wykresu Visualizer.

Adres URL należy dodać w polu „Importuj z CSV”.

Gdy wpiszesz adres URL, wtyczka pobierze twój plik CSV i wyświetli podgląd wykresu na żywo.

Teraz możesz przejść do karty „Ustawienia” u góry, aby skonfigurować ogólne ustawienia, takie jak style pisma, format liczb, rozmiar i rozmieszczenie, ustawienia rozmiaru i wiele innych.

Po zakończeniu kliknij przycisk „Utwórz” w dolnej części monitu.

Dodawanie wykresów w wpisach/stronach WordPressa

Dodanie wykresu lub wykresu do twoich wpisów i stron WordPress jest tak proste, jak dodanie obrazków.

Najpierw otwórz nową lub starą stronę/wpis, do którego chcesz dodać wykres kołowy. Gdy już tam będziesz, kliknij przycisk „Dodaj blok” (+) w lewym górnym rogu ekranu.

Spowoduje to otwarcie menu bloków, w którym należy znaleźć i dodać blok Visualizer Chart.

Gdy to zrobisz, kliknij przycisk „Wyświetl istniejący wykres” w samym bloku.

Spowoduje to otwarcie nowego monitu w bloku, w którym należy wybrać właśnie utworzony wykres kołowy.

Na koniec kliknij przycisk „Opublikuj” lub „Aktualizuj”, aby zapisać twoje ustawienia.

Teraz możesz przejść na twoją witrynę WordPress, aby zobaczyć wykres kołowy w działaniu.

Edycja twoich wykresów wizualizatora w WordPress

Możesz edytować i zmieniać swoje wykresy w dowolnym momencie. Wystarczy przejść na stronę Visualizer ” Chart Library z kokpitu WordPress.

Z tego miejsca można sklonować wykres, usunąć go lub edytować jego ustawienia wizualne za pomocą ikonek pod nazwą wykresu.

Aktualizacja danych dla istniejącego wykresu bez zmiany wykresu jest również dość łatwa dzięki Visualizer.

Jeśli dodałeś dane z arkusza kalkulacyjnego Google, wszystko co musisz zrobić, to zaktualizować dane w twoim arkuszu kalkulacyjnym, przejść do opcji Plik ” Udostępnij ” Opublikuj w sieci i ponownie opublikować twój arkusz kalkulacyjny.

Twoje zmiany zostaną automatycznie odzwierciedlone na wykresie.

Z drugiej strony, jeśli przesłałeś plik CSV, musisz zaktualizować plik CSV na twoim komputerze. Po zakończeniu wybierz wykres, który chcesz zaktualizować i kliknij odnośnik edycji znajdujący się pod wykresem.

W sekcji „Importuj plik CSV” wystarczy zaimportować twój nowy plik CSV. Zmiany w danych automatycznie będą miały wpływ na wpisy lub strony, na których wstawiłeś ten wykres.

Bonus: Stwórz schemat organizacyjny firmy w WordPress

Możesz również dodać schemat organizacyjny firmy w WordPress, jeśli masz witrynę małej firmy. Ten schemat pokaże strukturę twojej firmy, od dyrektora generalnego po różne zespoły i poszczególnych pracowników w każdym zespole.

Schemat organizacyjny pomaga potencjalnym klientom dowiedzieć się więcej o twojej firmie i ułatwia zespołom komunikację między sobą.

Aby utworzyć wykres, wystarczy zainstalować i włączyć wtyczkę Organization Chart. Aby uzyskać szczegółowe informacje, zapoznaj się z naszym poradnikiem na temat instalacji wtyczki WordPress.

Po włączaniu, przejdź na stronę Wpdevart Chart ” Charts i kliknij przycisk „Utwórz nowy”. Spowoduje to przejście do nowego ekranu, na którym można utworzyć nazwę wykresu.

Następnie dodaj obrazek i tytuł dla CEO twojej firmy w elemencie na ekranie. Następnie kliknij ikonkę strzałki.

Spowoduje to dodanie kolejnego elementu, w którym można dodać tytuł i obrazek dla osoby następującej po dyrektorze generalnym. Następnie kliknij element ponownie, aby zobaczyć wiele ikonek strzałek w różnych kierunkach.

Pomoże to stworzyć strukturę firmy z wieloma oddziałami lub zespołami.

Po zakończeniu kliknij przycisk „Zapisz”, aby zapisać twoje ustawienia.

Teraz otwórz stronę, na której chcesz dodać schemat organizacyjny i dodaj blok „Schemat organizacyjny WpDevArt”. Następnie wybierz utworzony wykres z menu rozwijanego w samym bloku.

Na koniec kliknij przycisk „Opublikuj” lub „Aktualizuj”, aby zapisać twoje ustawienia. Aby uzyskać więcej informacji, zapoznaj się z naszym poradnikiem na temat tworzenia schematu organizacyjnego Twojej firmy w WordPress.

Mamy nadzieję, że ten artykuł pomógł ci dodać słupki i wykresy do twojej witryny WordPress. Warto również zapoznać się z naszym przewodnikiem dla początkujących na temat dostosowywania kolorów na twojej witrynie WordPress oraz z naszymi eksperckimi propozycjami niezbędnych wtyczek WordPress dla witryn internetowych dla firm.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.