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
Jest dużo WordPress wtyczki aby dodać słupki i wykresy 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.
Musisz kliknąć przycisk « Dodaj 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
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.
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
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 ".
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.
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.
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.
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.
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.
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.
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 WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego 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.
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 WordPress wtyczki, thexportacja danych w formacie pdf, xml, csv i excel, dido ustawień personalizacji,wsparcie wielojęzyczne, rszukaj na konkretnych polach, owielokrotne operacje usuwania, npt więcej.
2. Polecane Audio
Polecany dźwięk jest świetny WordPress Plugin który odziedziczył najlepsze funkcje HTML5, jak sama nazwa wskazuje. Ta wtyczka pozwala dostosować głośność wybranego dźwięku dla każdego postu i strony.
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…
3. ChimpMate Pro
Szympans to WordPress Plugin z MailChimp Pop-up, który pomoże Ci przekształcić czytelników w subskrybentów. Został zaprojektowany, aby powiększać twoją listę e-mail bez irytowania odwiedzających denerwującymi wyskakującymi okienkami.
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 wieloma Motywy WordPressThe Wielojęzyczne wsparcie dzięki wtyczce WPMLIjuż niewiele.
Inne zalecane zasoby
Zachęcamy również do zapoznania się z poniższymi zasobami, aby przejść dalej w zakresie kontroli nad witryną i blogiem.
- Jak wyświetlić wszystkie posty WordPress na jednej stronie
- Jak efektywnie wykorzystać kategorie i tagi na WordPress
- Jak dodać przycisk WhatsApp na blogu WordPress
- Jak znaleźć sponsora i zarabiać na swoim blogu? : Przewodnik
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.
...
