Wie man Balken und Diagramme in WordPress mit Visualizer erstellt

Möchten Sie Balken und Diagramme in Ihre WordPress-Website einfügen?

Durch das Hinzufügen von visuellen Hilfsmitteln wie Diagrammen, Balken oder Tortendiagrammen können Sie Ihre Daten auf eine Weise darstellen, die für die Nutzer optisch ansprechend und leicht verständlich ist.

In diesem Artikel zeigen wir Ihnen, wie Sie mit Visualizer ganz einfach Balken und Diagramme in WordPress erstellen können.

Das Problem mit Balken und Diagrammen in WordPress

Es gibt viele Plugins, mit denen Sie Balken, Diagramme und Grafiken zu Ihren Inhalten hinzufügen können. Die häufigste Beschwerde, die wir von unseren Nutzern gehört haben, ist jedoch, dass diese Plugins in der Regel zu kompliziert in der Anwendung sind.

Einige dieser Plugins erwarten sogar, dass die Benutzer Daten in extrem komplizierten Formaten in einen Shortcode einfügen.

Anstatt diese Plugins zu verwenden, erstellen viele Benutzer Diagramme in ihren Office-Anwendungen und konvertieren sie in ein Bild für ihre WordPress-Website.

Das könnte funktionieren, wenn Sie vorhaben, es nie zu ändern. Ein Bild ist jedoch kein Ersatz für ein interaktives Diagramm, bei dem hilfreiche Daten angezeigt werden, wenn der Nutzer auf einen bestimmten Abschnitt klickt.

Eine ideale Lösung für Diagramme und Grafiken würde es Ihnen ermöglichen:

• Fügen Sie Daten aus einer Datenquelle auf Ihrem Computer oder aus dem Internet hinzu.
• Füllen Sie Diagramme, Torten, Grafiken und Balken mit Ihren Daten.
• Erstellen Sie schöne, interaktive, farbenfrohe und mobilfreundliche Diagramme.
• Am wichtigsten ist, dass Sie die Daten jederzeit aktualisieren können.

Das Hinzufügen eines Diagramms mit dem Visualizer hilft Ihnen, Ihre Website-SEO zu verbessern, die Nutzerbindung zu erhöhen und Ihre Daten leicht verständlich zu machen.

Sehen wir uns nun an, wie Sie Ihrer WordPress-Website ganz einfach Balken und Diagramme hinzufügen können.

Erstellen von Balken und Diagrammen in WordPress mit Visualizer

Mit dem Visualizer-Plugin können Sie ganz einfach Balken und Diagramme mit WordPress erstellen. Es ist das beste WordPress-Plugin zur Datenvisualisierung auf dem Markt, mit dem Sie interaktive Datenvisualisierungen für Ihre Website erstellen können.

Es gibt sogar eine kostenlose Version, mit der Sie Balken und Diagramme erstellen können.

Zuerst müssen Sie das Plugin Visualizer: Tables and Charts Manager für WordPress-Plugin. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Hinweis: In diesem Tutorial wird die kostenlose Version des Plugins verwendet. Wenn Sie die Pro-Funktionen freischalten möchten, können Sie einen kostenpflichtigen Plan kaufen.

Nach der Aktivierung müssen Sie die Seite Visualizer “ Add New Chart im WordPress-Dashboard aufrufen.

Wählen Sie dort die Art des Diagramms aus, das Sie erstellen möchten, z. B. ein Tabellen-, Torten-, Linien- oder Balkendiagramm. Klicken Sie dann auf die Schaltfläche „Weiter“.

Dies führt Sie zum nächsten Schritt, wo Sie auf die Schaltfläche „Datei auswählen“ klicken müssen, um Ihre Excel-Tabellendaten vom Computer zu importieren.

Wenn Sie Ihr Excel- oder Google-Tabellenblatt als CSV-Datei gespeichert haben, können Sie es importieren, indem Sie die Registerkarte „Daten von URL importieren“ erweitern.

Klicken Sie anschließend auf die Schaltfläche „Aus CSV importieren“. Dann können Sie die URL Ihrer CSV-Datei eingeben, um die Datei einzubetten.

Beachten Sie, dass Ihre CSV-Datei in der ersten Zeile Spaltennamen und in der zweiten Zeile Datentypen enthalten muss. Das Plugin unterstützt die folgenden Datentypen: String, Zahl, Boolescher Wert, Datum, Uhrzeit und Tageszeit.

Bitte sehen Sie sich diese Beispieldatei an, die wir in Google Sheets erstellt haben.

Wenn Sie eine CSV-Datei mit einem Texteditor erstellen, dann sehen Sie sich diese Beispiel-CSV-Datei an:

Tägliche Aktivitäten,Zeit
string,Zahlen
Arbeiten,8
Schlafen,7
Essen,3
Fernsehen,2
Pendeln,1


Wenn Sie Ihre Diagrammdaten jedoch als Tabellenkalkulation auf Google Drive gespeichert haben, können Sie sie zu Ihrem Diagramm hinzufügen, ohne sie zu exportieren.

Öffnen Sie zunächst Ihre Datendatei in Google Spreadsheets und klicken Sie dann auf den Link Datei “ Teilen “ Im Web veröffentlichen.

Daraufhin wird ein Popup-Fenster angezeigt, in dem Sie auswählen müssen, wie das Dokument veröffentlicht werden soll.

Wählen Sie einfach die Option Kommagetrennte Werte (.csv) aus dem Dropdown-Menü und klicken Sie auf die Schaltfläche „Veröffentlichen“.

Sie sehen nun die öffentlich zugängliche URL Ihrer Tabelle als CSV-Datei. Kopieren Sie diese URL und gehen Sie zurück zum Visualizer-Diagramm.

Sie müssen diese URL in das Feld „Import aus CSV“ eintragen.

Wenn Sie die URL eingeben, ruft das Plugin Ihre CSV-Datei ab und zeigt eine Live-Vorschau Ihres Diagramms an.

Jetzt können Sie oben auf die Registerkarte „Einstellungen“ wechseln, um die allgemeinen Einstellungen wie Schriftarten, Zahlenformat, Größe und Platzierung, Größeneinstellungen und vieles mehr zu konfigurieren.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Erstellen“ am unteren Rand der Eingabeaufforderung.

Hinzufügen eines Diagramms oder einer Grafik in WordPress Posts/Seiten

Das Hinzufügen eines Diagramms oder einer Grafik zu Ihren WordPress-Beiträgen und -Seiten ist so einfach wie das Hinzufügen von Bildern.

Öffnen Sie zunächst eine neue oder alte Seite/einen alten Beitrag, zu der/dem Sie das Kreisdiagramm hinzufügen möchten. Klicken Sie dann auf die Schaltfläche „Block hinzufügen“ (+) in der oberen linken Ecke des Bildschirms.

Dadurch wird das Blockmenü geöffnet, in dem Sie den Visualizer Chart-Block suchen und hinzufügen müssen.

Klicken Sie dann im Block selbst auf die Schaltfläche „Vorhandenes Diagramm anzeigen“.

Daraufhin öffnet sich eine neue Eingabeaufforderung im Block, in der Sie das soeben erstellte Kreisdiagramm auswählen müssen.

Klicken Sie schließlich auf die Schaltfläche „Veröffentlichen“ oder „Aktualisieren“, um Ihre Einstellungen zu speichern.

Jetzt können Sie Ihre WordPress-Website besuchen, um das Kreisdiagramm in Aktion zu sehen.

Bearbeiten Ihrer Visualizer-Diagramme in WordPress

Sie können Ihre Diagramme jederzeit bearbeiten und ändern. Besuchen Sie einfach die Seite Visualizer “ Chart Library im WordPress-Dashboard.

Von dort aus können Sie ein Diagramm klonen, löschen oder seine visuellen Einstellungen mit den Symbolen unter dem Diagrammnamen bearbeiten.

Das Aktualisieren von Daten für ein bestehendes Diagramm, ohne das Diagramm zu ändern, ist mit Visualizer ebenfalls recht einfach.

Wenn Sie Daten aus einer Google-Kalkulationstabelle hinzugefügt haben, müssen Sie nur die Daten in Ihrer Kalkulationstabelle aktualisieren, die Option Datei “ Freigeben “ Im Web veröffentlichen wählen und Ihre Kalkulationstabelle erneut veröffentlichen.

Ihre Änderungen werden automatisch in Ihre Tabelle übernommen.

Wenn Sie hingegen eine CSV-Datei hochgeladen 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 „Bearbeiten“ unter dem Diagramm.

Im Abschnitt „CSV-Datei importieren“ laden Sie einfach Ihre neue CSV-Datei hoch. Änderungen an den Daten werden automatisch in den Beiträgen oder Seiten angezeigt, in die Sie das Diagramm eingefügt haben.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, Balken und Diagramme zu Ihrer WordPress-Website hinzuzufügen. Vielleicht interessieren Sie sich auch für unseren Leitfaden für Anfänger zum Anpassen von Farben auf Ihrer WordPress-Website und unsere Expertenauswahl für die wichtigsten WordPress-Plugins für Unternehmenswebsites.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.