Möchten Sie Balken und Diagramme in WordPress hinzufügen oder möchten Sie herausfinden, wie Sie ein Diagrammvisualisierungstool in WordPress erstellen?
Visuelle Hilfsmittel wie Grafiken, Balken und Kreisdiagramme sind eine ideale Möglichkeit, Daten in Ihren Posts / Seiten besser darzustellen.
In diesem Tutorial zeigen wir Ihnen, wie Sie mit dem Plugin Balken und Grafiken erstellen Visualizer Wordpress Charts Wordpress.
Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren
Dann zurück zu warum wir hier sind.
Das Problem mit Balken und Grafiken in WordPress
Es gibt viele Wordpress-Plugins um Balken und Diagramme zu Ihren Inhalten hinzuzufügen. Die meisten Benutzer finden diese Tools jedoch schwierig zu verwenden.
Unsere Ideen für 8 WordPress-Plugins zum Erstellen von Diagrammen auf Ihrer Website
Bei einigen dieser Plugins müssen Benutzer sogar Daten in a hinzufügen Kurzwahlnummern in sehr komplizierten Formaten zu merken.
Anstatt diese Plugins zu verwenden, erstellen viele Benutzer Grafiken in ihren Desktop-Apps und konvertieren sie in Bilder.
Dies kann funktionieren, wenn Sie nichts ändern möchten. Ein Bild kann jedoch kein interaktives Diagramm ersetzen, in dem die Nutzdaten angezeigt werden, wenn der Benutzer die Maus über einen bestimmten Abschnitt bewegt.
Die Verwendung von Grafiken ermöglicht Ihnen Folgendes:
- Fügen Sie Daten aus einer Datenquelle auf Ihrem Computer oder im Web hinzu.
- Füllen Sie Grafiken, Diagramme und Balken mit Ihren Daten.
- Erstellen Sie großartige, interaktive, farbenfrohe und reaktionsschnelle Grafiken.
- Noch wichtiger ist, dass Sie die Daten jederzeit aktualisieren können.
Mal sehen, wie Sie mit Visualizer WordPress Charts dorthin gelangen.
So erstellen Sie Grafiken mit Visualizer WordPress-Diagrammen
Als erstes müssen Sie das Plugin installieren und aktivieren Visualizer Wordpress Charts. Weitere Einzelheiten finden Sie in unserer Anleitung Schritt für Schritt Schritt zur Installation eines WordPress-Plugins.
Obwohl die kostenlose Version nicht alles bietet, was Sie brauchen, bieten die Entwickler dieses Plugins auch an Visualizer WordPress Pro-Diagramme Hierdurch werden zusätzliche Funktionen hinzugefügt, z. B. das Hinzufügen von Daten mithilfe einer Tabelle als Schnittstelle und das Importieren von Daten aus anderen Quellen.
Es kostet 79 $ für eine Einzellizenz mit einjähriger Kundenbetreuung und Updates regelmäßig
Hinweis: Dieses Tutorial ist auf die kostenlose Version des Plug-Ins basieren.
Nach der Aktivierung müssen Sie die Seite " Medien> Visualizer-Bibliothek “. Hier werden alle Grafiken angezeigt.
Sie müssen auf die Schaltfläche «klicken Speichern So fügen Sie Ihr erstes Diagramm hinzu
Dies öffnet ein Fenster auf dem Bildschirm. Sie sehen verschiedene Arten von Diagrammen. Wählen Sie einfach den Diagrammtyp aus, den Sie hinzufügen möchten, und klicken Sie auf die Schaltfläche Weiter, um fortzufahren.
entdecken Sie auch So fügen Sie Ihrer WordPress-Website interaktive Karten hinzu
Der nächste Schritt ist das Hinzufügen Ihrer Datenquelle im CSV-Format. Wenn Sie Ihre Daten mit einer Excel-Tabelle, einer Google-Tabelle oder einem anderen Programm gespeichert haben, können Sie sie einfach als CSV-Datei exportieren.
entdecken Sie auch Wie das Plugin WP ultimative CSV-Import zu verwenden, um Daten auf Wordpress zu importieren
Sie können Ihre CSV-Datei herunterladen oder auf Ihrem Computer speichern und sie dann zum Generieren eines Diagramms verwenden.
Ihre CSV-Datei muss die Spaltennamen in der ersten Zeile und den Datentyp in der zweiten Zeile enthalten. Das Plugin unterstützt folgende Datentypen: Zeichenfolge, Zahl, Boolescher Wert, Datum, Uhrzeit, Datum und Uhrzeit.
Schauen Sie sich diese Beispieldatei an, die auf Google Sheets verfügbar ist.
Erfahren Sie, indem Sie diesen Artikel entdecken So exportieren Sie Benutzerdaten in eine CSV-Datei
Wenn Sie eine CSV-Datei mit einem Texteditor erstellen, sehen Sie sich diese CSV-Beispieldatei an:
Browser, die Besucher String, Anzahl Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 Opera 627
Hinzufügen eines Diagramms zu WordPress aus der Google Drive-Tabelle
Wenn Sie Ihre Daten als Tabelle in Google Drive gespeichert haben, können Sie sie Ihrem Diagramm hinzufügen, ohne sie zu exportieren.
Wir empfehlen Ihnen auch, unsere zu entdecken 5 WordPress Plugins zur Integration von Google Drive auf Ihrer Website
Öffnen Sie Ihre Datendatei in Google Spreadsheets und klicken Sie auf " Datei> Für Web veröffentlichen ".
Daraufhin wird ein Fenster geöffnet, in dem Sie auswählen sollten, wie Sie dieses Dokument veröffentlichen möchten. Du musst wählen " Komma getrennte Werte (.csv) Im Dropdown-Menü.
Vergessen Sie nicht, auf den Button «zu klicken. Veröffentlichen Zugriff auf die veröffentlichte Version Ihrer Daten.
Sie sehen die öffentliche URL für Ihre Tabelle als CSV-Datei. Sie müssen diese URL kopieren und zur Visualizer-Plugin-Tabelle zurückkehren.
Klicken Sie auf die Schaltfläche von Web Geben Sie die URL Ihrer Google Spreadsheet-CSV-Datei ein.
Sobald Sie die URL eingeben, sucht das Plugin nach Ihrer CSV-Datei und zeigt eine Echtzeitvorschau Ihres Diagramms an.
Sie können auf die Schaltfläche Tabelle erstellen klicken, um Ihr Diagramm zu speichern.
Hinzufügen einer Grafik zu einem Artikel oder einer Seite
Um eine Tabelle oder ein Diagramm zu Ihren Artikeln und WordPress-Seiten hinzuzufügen, können Sie dies so einfach tun, wie Sie Bilder zu Artikeln / Seiten hinzufügen.
Plätzchen und Wordpress: Wie erstellen, abrufen und löschen Entdecken Sie sie, indem Sie auf diesen Link klicken
Erstellen Sie einen neuen Beitrag / eine neue Seite oder bearbeiten Sie einen vorhandenen Beitrag, in dem Sie die Tabelle hinzufügen möchten. Klicken Sie auf dem Bearbeitungsbildschirm auf " Fügen Sie ein Medium hinzu Über dem visuellen Editor.
Dadurch wird ein Popup-Fenster mit Ihren Medien geöffnet. Sie müssen auf die Registerkarte "Visualisierungen" in der linken Spalte klicken. Auf dieser Website finden Sie alle Grafiken, die Sie erstellt und gespeichert haben.
Klicken Sie auf das Einfügesymbol unten, um es hinzuzufügen. Das Popup verschwindet und Sie sehen Ihre Tabelle, die Ihrem WordPress-Beitrag hinzugefügt wurde, als Kurzwahlnummern.
Sie können es jetzt in Ihren WordPress-Artikeln / -Seiten speichern und Ihre Website besuchen, um zu sehen, wie alles funktioniert.
Bearbeiten Sie Visualizer-Plugin-Grafiken in WordPress
Sie können Ihre Diagramme jederzeit bearbeiten und bearbeiten. Besuchen Sie einfach Medien> Visualizer-Bibliothek “. Auf dieser Seite können Sie eine Tabelle klonen, löschen oder ihre visuellen Einstellungen ändern.
Das Aktualisieren von Daten aus einem vorhandenen Diagramm ohne Ändern der Tabelle ist mit Visualizer ganz einfach.
Wenn Sie Daten aus einer Google-Tabelle hinzugefügt haben, müssen Sie zum Aktualisieren der Daten lediglich zum folgenden Speicherort navigieren: " Datei> Für das Web veröffentlichen Und veröffentlichen Sie Ihre Tabelle erneut. Ihre Änderungen werden automatisch aktualisiert.
Wir laden Sie auch ein, unsere zu konsultieren 10 Wordpress-Plugins Google Maps auf Ihrem Blog einbetten
Wenn Sie dagegen eine CSV-Datei heruntergeladen haben, müssen Sie die CSV-Datei auf Ihrem Computer aktualisieren. Wählen Sie anschließend das Diagramm aus, das Sie aktualisieren möchten, und klicken Sie auf den Link Tabelle bearbeiten.
In der Sektion Hochladen Sie müssen nur Ihre neue CSV-Datei hochladen. Die Änderungen werden automatisch aktualisiert.
Hinzufügen eines Diagramms zu einer Seitenleiste
Visualizer verwendet Shortcodes zum Einfügen von Grafiken. Gehen Sie einfach zu " Medien> Visualizer-Bibliothek Unter jedem Ihrer Diagramme wird ein Shortcode angezeigt.
Kopieren Sie den Shortcode und gehen Sie zu " Aussehen> Widgets “. Ziehen Sie ein Text-Widget in Ihre Seitenleiste und fügen Sie den Shortcode in das Widget ein.
Entdecken Sie auch einige Premium-WordPress-Plugins
Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung Ihres Blogs oder Ihrer Website zu optimieren.
Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.
1. Wordpress-PDO Crud
WordPress PDO Crud ist ein leistungsstarkes Plugin, mit dem Sie Formulare erstellen können, um Frontend-Daten hinzufügen, ändern und löschen zu können.
Es bietet eine schöne Tabelle, auf der Sie Ihre Daten auf verschiedene Arten hinzufügen können, die von jedem Webmaster einfach definiert werden können.
Seine Hauptmerkmale sind: ayntaxe sehr einfach, die svon mehreren Auftritten, die gautomatische Generierung von Einfüge- oder Aktualisierungsformularen aus Datenbanktabellen,Anzeige bestimmter Felder, die punterstützt viele Wordpress-Plugins, dasxportation von daten in pdf, xml, csv und excel, dizu den Personalisierungseinstellungenmehrsprachige Unterstützung, die rSuche nach bestimmten Feldern, omehrere Löschpunkte, et mehr.
Herunterladen | Demo | Web-Hosting
2. Besonderes Audio
Featured Audio ist großartig WordPress Plugin das die besten HTML5-Funktionen geerbt hat, wie der Name schon sagt. Mit diesem Plugin können Sie die Lautstärke des ausgewählten Audios für jeden Beitrag und jede Seite anpassen.
Als Features werden wir unter anderem haben: das Lied auf der Titelseite, ein Audio-Player, der HTML5 vollständig unterstützt, Unterstützung für mobile Geräte wie: iPhone, iPad, Android und WP7, Wiedergabe von Audiodateien, die in der WordPress-Medienbibliothek gespeichert sind , Unterstützung für alte Browser, Unterstützung für Audioformate: MP3, WAV, OGG usw., mehrsprachig und viele andere…
Herunterladen | Demo | Web-Hosting
3. ChimpMate Pro
Schimpanse ist der WordPress Plugin von MailChimp Pop-up, das Ihnen hilft, Ihre Leser in Abonnenten umzuwandeln. Es wurde entwickelt, um Ihre E-Mail-Liste zu erweitern, ohne Besucher mit lästigen Popups zu irritieren.
Es ist vollständig anpassbar und Sie werden beherrschen, wann und wo Popups angezeigt werden sollen. Seine anderen Merkmale sind: er fEs funktioniert perfekt in mehreren Browsern und hat pmehrere Planungsoptionen, ein vollständig anpassbares Layout, areaktionsschnelle Kundenunterstützung, ichperfekte Integration mit WooCommerceein eHervorragendes Cache-Management, perfekte Integration mit vielen WordPress-Themes, die Mehrsprachige Unterstützung dank WPML-Pluginundnicht mehr viel.
Herunterladen | Demo | Web-Hosting
Andere empfohlene Ressourcen
Wir laden Sie außerdem ein, die unten aufgeführten Ressourcen zu konsultieren, um die Kontrolle und Kontrolle Ihrer Website und Ihres Blogs zu verbessern.
- Wie alle Publikationen Ihre Wordpress auf einer einzigen Seite angezeigt werden
- Wie Kategorien und Tags effektiv auf Wordpress zu verwenden
- So fügen Sie eine WhatsApp-Schaltfläche in ein WordPress-Blog ein
- Wie finde ich einen Sponsor und monetarisiere mein Blog? : Der Leitfaden
Zusammenfassung
Das war's Das war's für dieses Tutorial. Ich hoffe, Sie können damit Karten und Grafiken in WordPress besser anzeigen. Zögere nicht zu Teilen Sie den Tipp mit Ihren Freunden in Ihren sozialen Netzwerken.
Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.
Aber erzählen Sie uns in der Zwischenzeit von Ihrem commentaires und Vorschläge im entsprechenden Abschnitt.
...
