Jak tworzyć wykresy w WordPress za pomocą bezpłatnej wtyczki

Opublikowany: 2023-01-16

Próbujesz tworzyć wykresy w WordPress?

Chociaż wbudowany blok tabeli WordPress zapewnia kilka podstawowych opcji tworzenia tabel, ma ograniczone możliwości i nie można wizualizować tych danych na żadnym wykresie ani wykresie.

Dzięki bezpłatnej wtyczce Visualizer możesz tworzyć znacznie bardziej elastyczne wykresy i diagramy. Te wykresy są interaktywne, responsywne i kolorowe i będą wyglądać świetnie na każdym urządzeniu. Korzystając tylko z darmowej wersji, możesz importować dane z różnych źródeł, w tym:

  • CSV
  • Pliki Excela
  • Arkusze kalkulacyjne Google
  • Adres URL

Następnie możesz tworzyć różne typy wykresów i wykresów, w tym kołowe, liniowe, słupkowe, mapy i wiele innych.

Twoi goście mogą wchodzić w interakcje z Twoimi wykresami, a Ty masz mnóstwo opcji kontrolowania ich stylu i sposobu wyświetlania.

Wersja premium dodaje jeszcze więcej funkcji, takich jak import bazy danych, edytor podobny do Excela w przeglądarce i więcej typów wykresów.

W tym samouczku krok po kroku dowiesz się, jak tworzyć wykresy w WordPress za pomocą bezpłatnej wtyczki Visualizer.

Jak tworzyć #wykresy w #WordPress z darmową #wtyczką
Kliknij, aby tweetować

Jak tworzyć wykresy w WordPress za pomocą Visualizera: samouczek krok po kroku

Oto jak tworzyć wykresy w WordPressie za pomocą wtyczki Visualizer w sześciu łatwych do wykonania krokach:

  1. Zainstaluj darmową wtyczkę Visualizer
  2. Utwórz nowy wykres
  3. Wybierz typ wykresu
  4. Importuj/konfiguruj dane wykresu
  5. Skonfiguruj style/ustawienia wykresów
  6. Osadź swój wykres

1. Zainstaluj darmową wtyczkę Visualizer

Pierwszą rzeczą do zrobienia jest odwiedzenie repozytorium WordPress i pobranie, instalacja i aktywacja wtyczki:

Dodaj wtyczkę Visualizer
Pobierz, zainstaluj i aktywuj Visualizer

Jeśli jesteś nowicjuszem i potrzebujesz pomocy przy instalacji wtyczki, możesz sprawdzić ten post.

Wizualizator: Menedżer tabel i wykresów dla WordPress Wizualizator: Menedżer tabel i wykresów dla WordPress

Autor(zy): Themeisle

Aktualna wersja: 3.9.4

Ostatnia aktualizacja: 12 stycznia 2023 r

wizualizator.zip

90% Oceny Ponad 40 000 instalacji Wymaga WP 3.5+

2. Utwórz nowy wykres

Następnie przejdź do menu WordPress i kliknij Visualizer . Stąd istnieją dwa sposoby tworzenia wykresów w WordPress. Najpierw kliknij Dodaj nowy wykres w menu:

Wykresy w WordPress - Dodaj nowy
Dodaj nowy wykres

LUB otwórz nową stronę/post, znajdź pozycję Visualizer w edytorze bloków Gutenberga i kliknij na nią:

Utwórz nowy wykres
Utwórz nowy wykres

Następnie możesz wybrać między Utwórz nowy wykres i Wyświetl istniejący . Jeśli masz już wykresy w bibliotece wizualizatora, wybierz wyświetlanie istniejących wykresów. Ponieważ tworzymy nasz pierwszy wykres, kliknijmy Utwórz nowy wykres .

3. Wybierz typ wykresu

Na ekranie, który zostanie otwarty, możesz wybrać rodzaj wykresu spośród 15 typów wykresów:

Wykresy w WordPressie – różne typy wykresów
15 typów wykresów w Visualizerze

Na potrzeby tego samouczka skorzystamy z pierwszej opcji, wykresu tabelarycznego, a następnie klikniemy Dalej :

Wybierz typ wykresu
Wybierz typ wykresu

4. Zaimportuj/skonfiguruj dane wykresu

To jest ekran, na którym dzieje się cała akcja. Aby utworzyć tutaj wykres, musisz wykonać dwie czynności — zaimportować dane ze źródła, aby wypełnić wykres, a następnie dostosować ustawienia, aby wykres był atrakcyjny i pasował do projektu witryny lub marki.

W darmowej wersji możesz importować dane z pliku lub adresu URL. Importowanie danych z innych wykresów, WordPress, bazy danych lub dodawanie ręczne są zawarte w opcjach Pro:

Wizualizator - Importuj dane z pliku
Importuj dane z pliku

Dane powinny być w formacie CSV.

Teraz, jeśli nie jesteś zaznajomiony z tworzeniem pliku CSV, dołączony jest przykładowy plik, który możesz po prostu pobrać i zastąpić wartości własnymi. Lub, jeśli chcesz uzyskać dostęp do danych za pośrednictwem adresu URL lub arkusza kalkulacyjnego Google, też możesz to zrobić.

Wykresy w wordpress
Prześlij plik CSV

5. Skonfiguruj style/ustawienia wykresów

Mając dane w Visualizerze, przejdź do dostosowania tabeli, klikając kartę Ustawienia :

Dostosowywanie wykresu
Dane zaimportowane, kliknij Ustawienia

Jak widzisz, możesz tu wiele zmienić, aby dostosować swój stół do swojej witryny lub marki:

Zapisz wykres w Visualizerze
Ustawienia, aby dostosować swój wykres

W Ustawieniach ogólnych możesz nadać swojemu wykresowi tytuł i opis, zapisać go jako obraz w swojej bibliotece multimediów i włączyć leniwe ładowanie.

Przejdź do Ustawień tabeli, aby dostosować tabelę, podziel ją na strony, zamroź nagłówek i stopkę, włącz sortowanie i przewijanie w poziomie oraz ustaw wysokość tabeli i liczbę wierszy na stronie.

To nie wszystko — możesz dostosować kolor, tekst i tło wierszy, kolumn i komórek. Na koniec możesz umożliwić odwiedzającym wydrukowanie lub skopiowanie wykresu do schowka lub pobranie wykresu jako pliku CSV lub Excel, włączając te działania frontendowe. Jeśli jesteś użytkownikiem Pro, możesz również ograniczyć dostęp do wykresów w WordPress, dostosowując uprawnienia.

Po zakończeniu dostosowywania wykresu kliknij Zapisz wykres . Tak wygląda mój wykres w edytorze bloków:

Wykresy w edytorze bloków
Wykres w edytorze bloków r

A tak to wygląda na karcie Podgląd:

Wydrukuj kopię CSV Excel

6. Osadź swój wykres

Po zapisaniu wykresu w wizualizatorze możesz go swobodnie używać ponownie, wklejając krótki kod w dowolnym miejscu. Możesz także edytować, klonować, eksportować lub usuwać wykres:

Skopiuj wykres do schowka
Biblioteka wizualizatora

Powtórz te kroki, aby utworzyć dodatkowe wykresy

Wykonując te same czynności, możesz również utworzyć wykres kołowy lub pierścieniowy (lub wszystkie inne typy wykresów). W tym celu w Kroku 3 wybierz Wykres kołowy (zamiast Tabela) i postępuj dalej w podobny sposób:

Wybierz wykres kołowy
Wybierz wykres kołowy

Plik CSV źródła danych został zmodyfikowany, aby pokazywał liczbę dni słonecznych tylko dla jednego miasta, ponieważ wykres kołowy jest wizualizowany w procentach.

Poniżej znajduje się żywy przykład nowo utworzonego wykresu kołowego. Spróbuj najechać kursorem na poszczególne wycinki wykresu – ujawnia on szczegółowe informacje o procentach dni, które reprezentuje:

Po utworzeniu dwóch rodzajów wykresów możesz teraz zobaczyć, jak łatwo jest tworzyć różne typy wykresów w WordPress za pomocą Visualizera i jak możesz go używać do wizualizacji danych i skutecznego przekazywania punktu.

Przejdź do góry

Zacznij tworzyć wykresy w WordPress już dziś

Tworzenie wykresów w WordPress to świetny sposób na przedstawienie danych w łatwej do zrozumienia formie.

Jak tworzyć #wykresy w #WordPress z darmową #wtyczką
Kliknij, aby tweetować

Może to być niezwykle przydatne dla stron internetowych, które wykorzystują dane do przedstawiania historii, monitorowania wyników lub identyfikowania trendów. Daje szybki przegląd sytuacji, którą obejmuje, pomagając czytelnikom konsumować dane w łatwo przyswajalnym formacie.

Każda branża lub strona internetowa zajmująca się danymi — kliniczna, administracyjna, bankowa, finansowa, pracownicza, kadrowa, badawcza, edukacyjna — może korzystać z wykresów i wykresów, aby ułatwić sobie i swoim czytelnikom.

Jeśli jesteś gotowy, aby zacząć, zainstaluj wtyczkę Visualizer już dziś.

Czy nadal masz pytania dotyczące tworzenia wykresów w WordPress? Daj nam znać w komentarzach!

Bezpłatny przewodnik

5 podstawowych wskazówek, aby przyspieszyć
Twoja witryna WordPress

Skróć czas ładowania nawet o 50-80%
wystarczy postępować zgodnie z prostymi wskazówkami.

Pobierz bezpłatny przewodnik