TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak dodawać wykresy w witrynie WordPress?

5

Czasami musisz wyjaśnić temat swoim użytkownikom dużą ilością danych statystycznych. Znudzi czytelnika, jeśli spróbujesz pokazać analizę danych technicznych w formacie tekstowym, graficznym lub wideo. Chociaż możesz używać tabel, ma to ograniczenia, takie jak upychanie zawartości na mniejszym obszarze. Najlepszym sposobem jest używanie wykresów, tak jak w prezentacjach PowerPoint lub Keynote. Wykres to przydatne narzędzie do zaprezentowania graficznej reprezentacji analizy danych. Niezależnie od tego, czy zbierasz dane badawcze, czy udostępniasz analizę danych na dany temat, nie ma lepszego narzędzia do prezentacji takich informacji niż wykresy.

Zalety dodawania wykresów w WordPress

Być może zastanawiasz się, dlaczego musisz dodawać wykresy do swojej witryny, podczas gdy możesz tworzyć wykresy za pomocą potężnego narzędzia do tworzenia wykresów, takiego jak Excel, i wstawiać zrzut ekranu do swojego posta/strony. Chociaż ta metoda działa, w wielu sytuacjach może nie być najlepszą opcją.

Osadzanie wykresów w ofercie WordPress:

  • Pojedynczy skonsolidowany obszar dla wszystkich zadań związanych z tworzeniem wykresów.
  • Szybki sposób na edycję wykresów w celu aktualizacji wszelkich zmian.
  • Dodatkowe funkcje interaktywne.

Na szczęście istnieje wiele wtyczek WordPress, które upraszczają proces publikowania wykresów w Twojej witrynie. W tym poście skupimy się na tym, jak dodawać wykresy w witrynie WordPress za pomocą wtyczki Visualizer WordPress. Wyjaśnimy również inne opcje za pomocą opcji paska postępu WPBakery Page Builder i Bootstrap.

Zainstaluj i aktywuj wtyczkę Visualizer

Jak dodawać wykresy w witrynie WordPress?

Wtyczka wizualizera

  • Wtyczka jest darmowa, ale możesz uaktualnić do wersji Pro, aby uzyskać więcej funkcji. Obsługuje różne wykresy, w tym wykresy kołowe, wykresy warstwowe i wykresy liniowe.

Utwórz i dodaj wykres w WordPress

  • Aby dodać nowe wykresy, przejdź do menu „Media” na pulpicie nawigacyjnym i wybierz „Biblioteka wizualizacji”.

Jak dodawać wykresy w witrynie WordPress?

Zarządzaj wykresami

  • Jeśli masz już wykresy w bibliotece, będą one wyświetlane w różnych zakładkach w zależności od typu.

Jak dodawać wykresy w witrynie WordPress?

Lista wykresów

  • Aby utworzyć wykres, kliknij przycisk „Dodaj nowy” u góry strony Wizualizatora.
  • Wybierz typ wykresu/wykresu, który chcesz utworzyć i kliknij „Dalej” na dole strony.

Jak dodawać wykresy w witrynie WordPress?

Wybierz typ wykresu

  • W sekcji „Dane wykresu” możesz zaimportować dane z pliku CSV lub adresu URL. W zależności od tego, gdzie zapisałeś dane, wybierz jedną z opcji.

Jak dodawać wykresy w witrynie WordPress?

Zaimportować dane

  • W naszym przypadku dane mamy w pliku CSV. Więc szukamy pliku i klikamy „Importuj”.

Jak dodawać wykresy w witrynie WordPress?

Plik CSV dla wykresu

  • Wtyczka automatycznie wygeneruje dla Ciebie wykres.

Jak dodawać wykresy w witrynie WordPress?

Wygenerowany wykres

Dostosowywanie ustawień wykresu

  • U dołu opcji danych wykresu kliknij link ustawień „Zaawansowane”, aby otworzyć ustawienia wykresu.

Jak dodawać wykresy w witrynie WordPress?

Zaawansowane ustawienia wtyczek

  • Spowoduje to otwarcie panelu "Ustawienia wykresu" po prawej stronie, oferującego różne opcje dostosowywania wykresu.
  • W „Ustawieniach ogólnych” możesz dodać tytuł wykresu, określić rodzinę czcionek, rozmiar i kolor, a także pozycję legendy.

Jak dodawać wykresy w witrynie WordPress?

Ustawienia ogólne

  • Rozwiń opcje "Ustawienia wykresu kołowego" i dla ustawień 3D wybierz "Tak", jeśli chcesz czat 3D.
  • Możesz także ustawić zawartość tekstu plasterka, kąt początkowy i kolejność kategorii wśród innych elementów wykresu.

Jak dodawać wykresy w witrynie WordPress?

Ustawienia wykresu

  • Możesz także skonfigurować inne ustawienia, takie jak:
  • Układ i obszar wykresu — między innymi zmiana rozmiaru obszaru wykresu, koloru tła i marginesów.

Jak dodawać wykresy w witrynie WordPress?

Ustawienia układu

  • Akcje front-endowe — Zezwalaj/blokuj drukowanie, kopiowanie lub pobieranie wykresów lub danych.
  • Ustawienia pozostałości – aby poprawić widoczność wykresu i tak dalej.
  • Po dostosowaniu ustawień kliknij „Utwórz/zapisz wykres” na dole strony.

Jak dodawać wykresy w witrynie WordPress?

Utwórz wykres

Oferta SEO: Zoptymalizuj swoją witrynę dzięki specjalnej 14-dniowej bezpłatnej wersji próbnej Semrush Pro.

Osadzanie wykresu na stronie lub poście WordPress

  • Dodaj nowy lub otwórz istniejący post w edytorze wizualnym. Wybierz lokalizację, w której chcesz wyświetlić wykres.
  • Dodaj nowy blok i wybierz „Wykres wizualizacji” pod wspólnymi blokami.

Jak dodawać wykresy w witrynie WordPress?

Dodaj wykres

  • Jeśli używasz klasycznego edytora postów, możesz kliknąć ikonę wykresu wizualizatora na pasku narzędzi.

Jak dodawać wykresy w witrynie WordPress?

Klasyczna opcja

  • Kliknij opcję „Wyświetl istniejący wykres”, aby wyświetlić jeden z wcześniej utworzonych wykresów.

Jak dodawać wykresy w witrynie WordPress?

Wybierz wykres

  • Wybierz wykres, który chcesz osadzić z listy biblioteki wykresów.

Jak dodawać wykresy w witrynie WordPress?

Wstaw wykres

  • Kliknij „Gotowe” u dołu bloku. Możesz także dostosować ustawienia wykresu z prawego panelu paska bocznego.

Jak dodawać wykresy w witrynie WordPress?

Zakończono wstawianie

  • Teraz kliknij przycisk „Podgląd”, aby sprawdzić wykres, a następnie „Opublikuj”, aby opublikować wykres.

Jak dodawać wykresy w witrynie WordPress?

Widok frontendu

Powiązane: Jak zainstalować WordPress lokalnie na Macu za pomocą MAMP?

Notatka:

  • Możesz utworzyć wiele wykresów dla tego samego zestawu danych.
  • Visualizer Pro umożliwia użytkownikom importowanie danych z bazy danych, innych wykresów, stron internetowych oraz ręczne wprowadzanie danych.

2 Twórz wykresy za pomocą WPBakery Page Builder

Istnieje wiele innych opcji, takich jak korzystanie z wykresów Google lub korzystanie z innych wtyczek, takich jak WPBakery Page Builder. Wizualna Kompozytor lub wtyczki WPBakery Page Builder jest oferowany jako dołączonego wtyczki z wielu popularnych tematów. Oferuje wiele rodzajów wykresów z animacjami. Jeśli masz tę wtyczkę, bardzo łatwo wstawiasz wykresy w kilka minut.

Na dowolnej stronie lub poście możesz kliknąć „Dodaj elementy” i wyszukać „wykres”. Możesz znaleźć różne wykresy, takie jak kołowy, okrągły, liniowy i okrąg. Wybierz element wykresu i wstaw go w swojej witrynie.

Jak dodawać wykresy w witrynie WordPress?

Wykresy kreatora stron WPBakery

Możesz edytować wykres i dodawać własne wartości, aby natychmiast utworzyć wykres. Stworzenie wykresu za pomocą tej wtyczki zajmie tylko kilka minut.

3 Korzystanie z pasków postępu Bootstrap

Niektóre motywy WordPress wykorzystują jako podstawę framework Bootstrap. Jeśli masz motyw WordPress oparty na Bootstrap, możesz użyć standardowego komponentu pasków postępu, aby wstawić poziome paski postępu lub umiejętności na swojej stronie. Poniżej znajduje się przykład tego, jak będą wyglądać paski postępu Bootstrap 4:

Jak dodawać wykresy w witrynie WordPress?

Przykład paska postępu

Streszczenie

Wykresy i wykresy mogą poprawić jakość treści witryny, zwiększając wrażenia odwiedzających. Można ich używać do podsumowywania złożonych danych, wyników badań lub dowolnej innej narracji, która może być nudna dla czytelników. Wtyczka Visualizer umożliwia tworzenie, zarządzanie i wstawianie interaktywnych wykresów na stronach/postach WordPress w ciągu minuty. Wtyczka jest przyjazna dla użytkownika i wysoce konfigurowalna, oferując różnorodne typy wykresów dla wszystkich potrzeb związanych z wizualizacją, od wykresów kołowych, wykresów punktowych po wykresy geograficzne. Poza tym wtyczka jest darmowa, ale możesz uaktualnić do wersji Pro, aby uzyskać dostęp do dodatkowych funkcji.

Masz również opcje takie jak wykresy Google Charts, Visual Composer lub Bootstrap charts w zależności od Twoich wymagań.

Źródło nagrywania: webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów