Jak tworzyć wykresy w WordPress (3 proste kroki)

Opublikowany: 2024-01-10

Chcesz tworzyć wykresy i wykresy WordPress? W tym poście dowiesz się, jak tworzyć wykresy w WordPress i wyświetlać je na swojej stronie!

Jak tworzyć wykresy w WordPress

Przybliżony czas czytania : 4 minuty

Czy pracujesz nad witryną WordPress, która naprawdę potrzebuje odświeżenia niektórych danych?

Dodanie dynamicznego wykresu lub wykresu to świetny sposób na przyciągnięcie uwagi odwiedzających, a jednocześnie przemycenie niektórych statystyk.

Uzyskaj lepsze formularze ZA DARMO!

Ale trudno jest stworzyć wykres dla WordPressa, prawda? W rzeczywistości jest to o wiele łatwiejsze, niż myślisz, zwłaszcza jeśli używasz odpowiedniej wtyczki.

W tym poście szybko omówimy, czego szukamy w dobrej wtyczce do wykresów. Następnie pokażemy Ci dokładnie, jak tworzymy wykresy dla WordPress bez pisania ani jednej linijki kodu!

Zdobądź Formidable Forms już teraz!

Użyj wtyczki do wykresów i wykresów WordPress

Jasne, wykresy na pierwszy rzut oka wydają się proste. Ale za kulisami kodowanie może być skomplikowane.

Zamiast spędzać godziny na nauce tworzenia interaktywnego wykresu od zera, poświęć dwie minuty na zainstalowanie wtyczki, która poradzi sobie z najtrudniejszymi zadaniami!

Dobra wtyczka wykresów WordPress oferuje:

  • Łatwość obsługi: wystarczy kilka kliknięć, aby Twoje dane zamieniły się w przyciągające wzrok efekty wizualne.
  • Kilka typów wykresów: kołowy, punktowy, bąbelkowy... co tylko chcesz! Możesz to zmienić w ciągu sekundy.
  • Częste aktualizacje: Twoje wykresy będą wyglądać dobrze rok po roku.
  • I więcej czasu na robienie tego, co kochasz!

Która wtyczka jest więc najlepsza do tworzenia wykresów w WordPress? Odpowiedzią są potężne formy !

Zgadza się, najlepszy kreator formularzy WordPress jest także najlepszą wtyczką do wykresów WordPress. To prawdziwy szwajcarski scyzoryk dla Twojej witryny.

Zobaczmy teraz, jak łatwo jest tworzyć wykresy dla WordPressa za pomocą Formidable Forms.

Jak tworzyć wykresy dla WordPress

Subskrybuj na YouTube

  • Krok 1: Zainstaluj wtyczkę wykresu Formidable Forms
  • Krok 2: Dodaj blok Formidable Chart do swojej strony
  • Krok 3: Edytuj swój wykres w WordPress

    Aby wykonać ten samouczek krok po kroku, potrzebujesz wtyczki WordPress Formidable Forms. Wykresy i dodatek do wykresów jest zawarty w planie Formidable Plus i wyższych.

    Jeśli jeszcze jej nie masz, po prostu kliknij poniżej, aby uzyskać licencję!

    Plany Formidable Forms dla profesjonalistów

    Kiedy już to zrobisz zainstalowany i aktywowany Groźne, możemy zacząć tworzyć nasz wykres!

    W dzisiejszym przykładzie wykorzystamy nasz premierowy blog poświęcony obserwacji ptaków, Here Birdie Birdie .

    Tutaj Birdie Birdie Strona internetowa

    Na naszej stronie internetowej stworzyliśmy formularz umożliwiający odwiedzającym zgłaszanie zauważonych ptaków. Następnie witryna automatycznie publikuje każdy wpis jako post na blogu. Fajnie, prawda?

    Formularz obserwacji ptaków

    Chociaż świetnie się to sprawdza przy udostępnianiu szczegółów, wielu odwiedzających pytało, które ptaki widuje się najczęściej.

    Zamiast walczyć z plikami CSV i Arkuszami Google przy wykonywaniu obliczeń i tworzeniu wizualizacji, wykresów lub wykresów ‍, dodajmy do naszej witryny responsywny wykres pokazujący liczbę obserwacji każdego rodzaju ptaka.

    Krok 1: Zainstaluj wtyczkę wykresu Formidable Forms

    W panelu administracyjnym WordPress przejdź do Formidable → Dodatki . Wyszukaj dodatek Wykresy , a następnie kliknij niebieski przycisk, aby zainstalować i aktywować go.

    Świetnie, teraz przejdźmy do zabawnych rzeczy!

    Krok 2: Dodaj blok Formidable Chart do swojej strony

    Następnie utwórzmy stronę/post WordPress, w którym chcemy wstawić nasz wykres. Dla naszego przykładu utworzymy nową stronę o nazwie „Statystyki obserwacji ptaków”.

    W edytorze Gutenberga kliknij ikona, aby dodać nowy blok. Następnie wyszukaj „Formidable” i wstaw blok Formidable Chart .

    Jak dodać wykres do WordPressa za pomocą bloku Wykres z Formidable Forms

    Z prawego paska bocznego wybierz formularz, który będzie używany jako źródło danych. Powinniśmy teraz zobaczyć trochę danych!

    Wybierz formularz jako źródło danych wykresu

    Nie widzisz selektora źródła danych? Może być konieczne otwarcie paska bocznego, klikając przycisk w prawym górnym rogu edytora WordPress.

    Krok 3: Edytuj swój wykres w WordPress

    Pomyśleliśmy, że wykres kolumnowy (inaczej wykres słupkowy) najlepiej sprawdzi się, aby pokazać, ile razy widziano dany typ ptaka. I na szczęście dla nas jest to domyślny typ wykresu!

    Utwórz wykres kolumnowy w WordPress

    Następnym krokiem w tworzeniu naszego wykresu kolumnowego/wykresu słupkowego jest określenie źródeł danych na osi X i Y tutaj, na pasku bocznym.

    W tym przypadku ustawimy oś x na „Typ ptaka”, a oś y na „Liczba wpisów”.

    Podstawowy wykres WordPressa

    Nie jest źle, ale mogło wyglądać lepiej...

    Stylizuj swój wykres lub wykres w WordPress

    Zmieńmy kolory naszego wykresu, żeby wszystko było trochę bardziej jaskrawe.

    Aby to zrobić, przejdź do prawego paska bocznego. W obszarze Wygląd wybierz żądane kolory.

    Zmień kolor wykresów w WordPress

    Teraz ten wykres z pewnością przyciągnie uwagę obserwatora!

    Przykład wykresu słupkowego dla WordPress

    Ale nasz wykres mógłby być jeszcze lepszy, nie sądzisz?

    Zmień typ wykresu

    Zamiast wykresu kolumnowego lepszym sposobem wizualizacji danych może być wykres kołowy.

    Jak więc wstawić wykres kołowy w WordPress?

    Przejdziemy do prawego paska bocznego i zmienimy Type z Column na Pie . Tak, Formidable Forms działa również jako wtyczka do wykresu kołowego!

    Wstaw wykres kołowy w WordPress

    I gotowe! Mamy teraz wykres kołowy w WordPressie, który pokazuje procent każdej odpowiedzi, którą otrzymaliśmy w naszym formularzu!

    Na koniec po prostu przełączymy przycisk Legenda na pasku bocznym, aby wszystko było jeszcze jaśniejsze.

    Kolorowy wykres kołowy

    Pozostało już tylko opublikować naszą stronę. Mamy teraz wykres kołowy w naszej witrynie WordPress, który będzie aktualizowany w czasie rzeczywistym, gdy ktoś prześle nasz formularz! Ładna Mucha! (Na 99% przepraszamy za ten żart).

    Nie chcesz wykresu kolumnowego ani kołowego? Bez problemu! Blok Wykres w Formidable umożliwia przełączanie pomiędzy wszystkimi typami wykresów i tabel za pomocą jednego kliknięcia:

    • Wykres kołowy
    • Wykres słupkowy (wykres słupkowy)
    • Wykres liniowy (wykres liniowy)
    • Wykres punktowy
    • Wykres obszarowy
    • Wykres schodkowy
    • Mapa
    Rodzaje wykresów i wykresów Formidable

    Formidable nie kończy się na budowaniu formularzy i tworzeniu wykresów dla WordPress. Wtyczka premium zawiera również:

    • Responsywne tabele i wykresy dla dowolnego motywu (w tym Elementora)
    • Integracja z WooCommerce
    • Bramy płatnicze
    • Kreator aplikacji WordPress
    • I wiele więcej

    Jedna wtyczka, która robi to wszystko? Imponujący!

    Gotowy do tworzenia wykresów dla WordPress?

    Nie pozwól, aby wykresy WordPress zmierzwiły Cię. Zamiast tego po prostu zainstaluj Formidable Forms i skorzystaj z jego potężnych funkcji wizualizacji danych!

    Zapomnij więc o szukaniu osobnego wykresu lub wtyczki do wykresów. Do tworzenia wykresów w WordPressie potrzebujesz tylko świetnego narzędzia do tworzenia formularzy WordPress.

    Zdobądź Formidable Forms już teraz!

    Ale nie zapomnij śledzić nas na Facebooku, Twitterze i YouTube, aby uzyskać więcej porad i wskazówek dotyczących WordPress!

    Przeczytaj więcej o wykresach dla WordPress


    Czy wiesz, że Formidable Forms to najbardziej zaawansowana wtyczka formularzy WordPress na rynku? Wypróbuj bezpłatną wersję na początek lub odblokuj wszystkie możliwości dzięki naszemu premium kreatorowi formularzy WordPress!