Przejdź do głównej treści

Jak stworzyć narzędzie do wizualizacji grafiki w WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Czy chcesz dodawać słupki i wykresy w WordPress lub chcesz dowiedzieć się, jak stworzyć narzędzie do wizualizacji wykresów w WordPress?

Pomoce wizualne, takie jak wykresy, słupki, wykresy kołowe są idealnym sposobem na lepsze prezentowanie danych w Twoich postach / stronach.

W tym samouczku pokażemy, jak tworzyć paski i grafiki za pomocą wtyczki Wizualizacje WordPress Charts WordPress.

Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.

Problem z paskami i grafiką w WordPress

Istnieje wiele wtyczek WordPress do dodawania pasków i grafiki do treści. Jednak większość użytkowników uważa te narzędzia za trudne w użyciu.

Odkryj nasze Wtyczki 8 WordPress do tworzenia diagramów w Twojej witrynie

Niektóre z tych wtyczek wymagają nawet od użytkowników dodawania danych do pliku krótki kod w bardzo skomplikowanych formatach do zapamiętania.

Zamiast korzystać z tych wtyczek, wielu użytkowników w końcu tworzy grafikę w swoich aplikacjach komputerowych i konwertuje je na obraz.

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

Zastosowanie grafiki pozwoli Ci:

  • Dodaj dane ze źródła danych na komputerze lub w Internecie.
  • Wypełniaj wykresy, wykresy i słupki za pomocą swoich danych.
  • Twórz świetne, interaktywne, kolorowe, responsywne grafiki.
  • Co ważniejsze, powinna umożliwić aktualizację danych w dowolnym momencie.

To powiedziawszy, zobaczmy, jak Visualizer WordPress Charts pomaga Ci się tam dostać.

Jak tworzyć grafiki za pomocą wykresów WordPress Visualizer

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

Chociaż darmowa wersja nie robi wszystkiego, czego potrzebujesz, twórcy tej wtyczki również oferują Wizualizator Wykresy WordPress Pro która dodaje dodatkowe funkcje, takie jak dodawanie danych za pomocą arkusza kalkulacyjnego jako interfejsu i importowanie danych z innych źródeł.

Kosztuje 79 $ za pojedynczą licencję z roczną obsługą klienta i aktualizacje regularny

Uwaga: Ten samouczek oparty jest na bezpłatnej wersji wtyczki.

Po aktywacji musisz odwiedzić stronę „ Media> Visualizer Library ”. Tutaj wyświetlana jest cała grafika.

jak stworzyć narzędzie do wizualizacji wykresów

Musisz kliknąć przycisk « Add Aby dodać swój pierwszy wykres.

Spowoduje to wyświetlenie okna na ekranie. Zobaczysz różne rodzaje dostępnych wykresów. Po prostu wybierz typ wykresu, który chcesz dodać, i kliknij następny przycisk, aby kontynuować.

Odkryj też Jak dodać interaktywne mapy do swojej witryny WordPress

lista grafik dla WordPressa

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

Odkryj też Jak korzystać z wtyczki WP Ostateczny CSV Importuj, aby zaimportować dane na WordPress

Możesz pobrać lub zapisać plik CSV na komputerze, a następnie użyć go do wygenerowania wykresu.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

generowanie grafiki WordPress

Twój plik CSV musi mieć nazwy kolumn w pierwszym wierszu i typ danych w drugim wierszu. Wtyczka obsługuje typy danych: ciąg, liczbę, wartość logiczną, datę, godzinę, datę i godzinę.

Spójrz na ten przykładowy plik, dostępny w Arkuszach Google.

Dowiedz się, odkrywając ten artykuł Jak wyeksportować dane użytkownika do pliku CSV

przykład danych arkusza Google

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

Przeglądarka, ciąg gości, numer Chrome, 7894 Firefox, 6754 Internet Explorer, 4230 Safari, 2106 Opera, 627

Dodawanie wykresu do WordPress z arkusza kalkulacyjnego Dysku Google

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

Radzimy również, abyś odkrył nasze Wtyczki 5 WordPress do integracji Dysku Google w Twojej witrynie

Otwórz plik danych w arkuszach kalkulacyjnych Google i kliknij „ Plik> Opublikuj w Internecie ".

opublikować stronę google speadsheet

Spowoduje to wyświetlenie okna, w którym należy wybrać sposób publikacji tego dokumentu. Musisz wybrać „ Wartości rozdzielane przecinkami (.csv) W rozwijanym menu.

Tryb eksportu danych WordPress

Nie zapomnij kliknąć przycisku « Publikować Aby uzyskać dostęp do opublikowanej wersji swoich danych.

Zobaczysz publiczny adres URL swojego arkusza kalkulacyjnego jako plik CSV. Musisz skopiować ten adres URL i wrócić do tabeli wtyczek Visualizer.

Kliknij przycisk Z sieci I wprowadź adres URL pliku CSV arkusza kalkulacyjnego Google.

google link do arkusza stylów

Zaraz po wprowadzeniu adresu URL wtyczka wyszuka plik CSV i wyświetli podgląd wykresu w czasie rzeczywistym.

Możesz kliknąć przycisk tworzenia tabeli, aby zapisać wykres.

Dodanie grafiki do artykułu lub strony

Aby dodać tabelę lub wykres do artykułów i stron WordPress, możesz to zrobić równie łatwo, jak dodając obrazy do artykułów / stron.

Ciasteczka i WordPress: Jak tworzyć, pobierać i usuwać odkryj je, klikając ten link

Utwórz nowy post / stronę lub edytuj istniejący, do którego chcesz dodać tabelę. Na ekranie edycji kliknij „ Dodaj nośnik Nad edytorem wizualnym.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

dodaj nowy nośnik WordPress

Spowoduje to wyświetlenie wyskakującego okienka z multimediami. Musisz kliknąć zakładkę „Wizualizacje” w lewej kolumnie. Na tej stronie znajdziesz wszystkie stworzone i zapisane przez siebie grafiki.

wizualizacja WordPress media przykład

Kliknij ikonę wstawiania poniżej, aby ją dodać. Wyskakujące okienko zniknie, a tabela zostanie dodana do posta na WordPress jako plik krótki kod.

dodaj mapę jako tabelę

Możesz teraz zapisać go na artykułach / stronach WordPress i odwiedzić swoją stronę internetową, aby zobaczyć, jak to wszystko działa.

Edytuj grafikę wtyczek Visualizer w WordPress

Możesz edytować i edytować swoje wykresy w dowolnym momencie. Po prostu odwiedź Media> Visualizer Library ”. Na tej stronie możesz sklonować tabelę, usunąć ją lub zmienić jej ustawienia wizualne.

modyfikacja grafiki WordPess

Aktualizacja danych z istniejącego wykresu bez modyfikowania tabeli jest dość łatwa dzięki Visualizerowi.

Jeśli dodałeś dane z arkusza kalkulacyjnego Google, wszystko, co musisz zrobić, aby zaktualizować dane, to przejść do następującej lokalizacji: „ Plik> Opublikuj w internecie Ponownie opublikuj swój arkusz kalkulacyjny. Twoje zmiany zostaną automatycznie zaktualizowane.

Zapraszamy również do konsultacji z naszą firmą WordPress wtyczki 10 osadzić Mapy Google na swoim blogu

Z drugiej strony, jeśli pobrałeś plik CSV, musisz zaktualizować plik CSV na swoim komputerze. Po zakończeniu wybierz wykres, który chcesz zaktualizować, i kliknij link edytuj tabelę.

W dziale Prześlij Wystarczy przesłać nowy plik CSV. Zmiany zostaną automatycznie zaktualizowane.

Dodanie wykresu do paska bocznego

Visualizer używa skrótów do wstawiania grafiki. Po prostu przejdź do „ Media> Visualizer Library Pod każdym z twoich wykresów zobaczysz krótki kod.

Skopiuj krótki kod i przejdź do „ Wygląd> Widżety ”. Przeciągnij i upuść widget tekstowy na pasek boczny i wklej krótki kod w widżecie.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. WordPress PDO Crud

WordPress PDO Crud to potężna wtyczka, która pozwoli Ci tworzyć formularze, w celu wykonywania operacji dodawania, modyfikacji, usuwania danych frontendowych.

Wordpress pdo crud wtyczki do wordpressa wstawianie tabel graficznych w formie bloga

Oferuje piękną tabelę, do której możesz dodać swoje dane na kilka sposobów, które każdy webmaster z łatwością określi.

Jego główne cechy to:bardzo prosty, sdodatek wielokrotnych wyglądów, gautomatyczne generowanie formularzy wstawiania lub aktualizacji z tabel bazy danych,wyświetlanie poszczególnych pól, strobsługuje wiele wtyczek WordPress, npxportacja danych w formacie pdf, xml, csv i excel, dido ustawień personalizacji,wsparcie wielojęzyczne, rszukaj na konkretnych polach, owielokrotne operacje usuwania, npt więcej.

Pobierz Demo | hosting

2. Polecane Audio

Polecane audio to świetna wtyczka WordPress, która odziedziczyła najlepsze funkcje HTML5, jak sugeruje nazwa. Ta wtyczka umożliwia dostosowanie głośności wybranego dźwięku dla każdego posta i strony. 

Wyróżnione wtyczki audio premium wordpress dodają odtwarzacz audio

Jako funkcje będziemy mieć między innymi: piosenkę na pierwszej stronie, odtwarzacz audio w pełni obsługujący HTML5, obsługę urządzeń mobilnych takich jak: iPhone, iPad, Android i WP7, odtwarzanie plików audio zapisanych w bibliotece multimediów WordPress , obsługa starszych przeglądarek, obsługa formatów audio: mp3, wav, ogg, itp…, wielojęzyczność i wiele innych…

Pobierz | Demo | hosting

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

3. ChimpMate Pro

Chimpmate to pop-upowa wtyczka WordPress firmy MailChimp, która pomoże Ci przekonwertować czytelników na subskrybentów. Został zaprojektowany, aby zwiększyć listę e-maili bez irytujących użytkowników dzięki irytującym wyskakującym okienkom.

szympans pro

Jest w pełni konfigurowalny i opanujesz, kiedy i gdzie wyświetlać wyskakujące okienka. Jego inne cechy to: onDziała idealnie w kilku przeglądarkach i ma pwiele opcji planowania, w pełni konfigurowalny układ, aresponsywne wsparcie klienta, tjidealna integracja z WooCommerce, eDoskonałe zarządzanie pamięcią podręczną, doskonała integracja z kilkoma motywami WordPress, Wielojęzyczne wsparcie dzięki wtyczce WPMLIjuż niewiele.

PobierzDemo | hosting

Inne zalecane zasoby

Zachęcamy również do zapoznania się z poniższymi zasobami, aby przejść dalej w zakresie kontroli nad witryną i blogiem.

Wnioski

To jest to! To tyle w tym samouczku. Mam nadzieję, że pozwoli ci to lepiej wyświetlać mapy i grafikę w WordPress. Nie wahaj się podziel się wskazówką ze znajomymi w sieciach społecznościowych.

Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress.

Ale w międzyczasie opowiedz nam o swoim commentaires i sugestie w dedykowanej sekcji.

...

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry