Erstellen von Balken und Diagrammen in WordPress mit Visualizer

Möchten Sie in WordPress Balken und Diagramme hinzufügen? Visuelle Hilfsmittel wie Grafiken, Balken, Kreisdiagramm und andere sind eine perfekte Möglichkeit, um Daten mit Ihrem Inhalt optimal hinzuzufügen. In diesem Artikel zeigen wir Ihnen, wie Sie Balken und Diagramme in WordPress mit dem Visualizer-Plugin WordPress-Diagramme und -Diagramme erstellen.

Das Problem mit Balken und Diagrammen in WordPress

Es gibt viele WordPress-Plugins, mit denen Sie Ihrem Inhalt Balken, Diagramme und Grafiken hinzufügen können. Die häufigste Beschwerde, die wir von unseren Benutzern erhalten haben, ist jedoch, dass diese Plugins normalerweise zu kompliziert sind.

Einige dieser Plugins erwarten sogar, dass Benutzer Daten in einem Shortcode in äußerst komplizierten Formaten hinzufügen.

Anstatt diese Plugins zu verwenden, erstellen viele Benutzer Diagramme in ihren Büroanwendungen und konvertieren sie in ein Image.

Dies kann funktionieren, wenn Sie planen, es niemals zu ändern. Ein Bild ist jedoch kein Ersatz für ein interaktives Diagramm, in dem hilfreiche Daten angezeigt werden, wenn der Benutzer die Maus über einen bestimmten Abschnitt bewegt.

Mit einer idealen Lösung für Diagramme und Grafiken können Sie:

• Fügen Sie Daten aus einer Datenquelle auf Ihrem Computer oder im Web hinzu.
• Füllen Sie Diagramme, Kuchen, Grafiken und Balken mit Ihren Daten auf.
• Erstellen Sie schöne, interaktive, farbenfrohe und mobile Karten.
• Am wichtigsten ist jedoch, dass Sie die Daten jederzeit aktualisieren können.

Sehen wir uns jedoch an, wie Sie mit dem Visualizer WordPress-Diagramm für Diagramme und Diagramme all dies tun können.

Erstellen von Balken und Diagrammen in WordPress mit Visualizer

Als erstes müssen Sie das Visualizer WordPress-Diagramm- und Diagramm-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer schrittweisen Anleitung zur Installation eines WordPress-Plugins.

Während die kostenlose Version fast alles bietet, was Sie benötigen, verfügen sie auch über Visualizer-Diagramme und Graphs Pro, mit denen das Plugin um zusätzliche Funktionen wie das direkte Hinzufügen von Daten über eine tabellenartige Oberfläche und das Importieren von Daten aus anderen Diagrammen erweitert wird.

Es kostet 79 US-Dollar für eine Site-Lizenz mit einem Jahr Support und Updates.

Hinweis: In diesem Tutorial geht es um die kostenlose Version des Plugins.

Nach der Aktivierung müssen Sie besuchen Medien »Visualizer-Bibliothek Seite. Hier werden alle Ihre Diagramme und Grafiken angezeigt.

Sie müssen auf die Schaltfläche Neu hinzufügen klicken, um Ihr erstes Diagramm hinzuzufügen.

Dadurch wird ein Popup-Fenster auf dem Bildschirm angezeigt. Sie sehen verschiedene Diagrammtypen, die mit dem Plugin verfügbar sind. Wählen Sie einfach den Diagrammtyp aus, den Sie hinzufügen möchten, und klicken Sie auf die Schaltfläche Weiter, um fortzufahren.

Im nächsten Schritt fügen Sie Ihre Datenquelle in einem CSV-Format hinzu. Wenn Sie Ihre Daten mit Excel, Google Sheets oder einem anderen Programm als Tabellenkalkulation gespeichert haben, können Sie sie einfach als CSV-Datei exportieren.

Sie können Ihre CSV-Datei auf Ihren Computer herunterladen oder speichern und dann durch Klicken auf die Schaltfläche "Von Computer" hochladen.

Ihre CSV-Datei muss in der ersten Zeile Spaltennamen und in der zweiten Zeile den Datentyp haben. Das Plugin unterstützt diese Datentypen: Zeichenfolge, Nummer, Boolean, Datum, Uhrzeit, Datum und Uhrzeit.

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

Wenn Sie eine CSV-Datei mit einem Texteditor erstellen, werfen Sie einen Blick auf diese CSV-Beispieldatei:


Browser, Besucher
String, Zahlen
Chrome, 7894
Firefox, 6754
Internet Explorer, 4230
Safari, 2106
Opera, 627


Hinzufügen eines Diagramms in WordPress mithilfe der Google Drive-Tabelle

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

Öffnen Sie Ihre Datendatei in Google Spreadsheets und klicken Sie dann auf Datei »Im Web veröffentlichen.

Daraufhin wird ein Popup-Fenster angezeigt, in dem Sie auswählen können, wie Sie dieses Dokument veröffentlichen möchten. Sie müssen kommagetrennte Werte (.csv) aus dem Dropdown-Menü auswählen.

Vergessen Sie nicht, auf die Schaltfläche "Veröffentlichen" zu klicken.

Sie sehen jetzt die öffentlich verfügbare URL Ihres Arbeitsblatts als CSV-Datei. Sie müssen diese URL kopieren und zum Visualizer-Diagramm zurückkehren.

Klicken Sie auf die Schaltfläche From Web und geben Sie die URL der csv-Datei Ihrer Google-Tabelle ein.

Sobald Sie die URL eingegeben haben, ruft das Plugin Ihre CSV-Datei ab und zeigt eine Live-Vorschau Ihres Diagramms.

Sie können jetzt auf die Schaltfläche Diagramm erstellen klicken, um Ihr Diagramm zu speichern.

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.

Erstellen Sie einen neuen Beitrag oder eine neue Seite, oder bearbeiten Sie einen vorhandenen, an dem Sie das Diagramm hinzufügen möchten. Klicken Sie im Bearbeitungsbildschirm auf die Schaltfläche Medien hinzufügen über dem Post-Editor.

Dadurch wird das Popup-Fenster für das Hochladen von WordPress-Medien angezeigt. Sie müssen in der linken Spalte auf die Registerkarte Visualisierungen klicken. Es werden alle Diagramme geladen, die Sie auf dieser Site erstellt und gespeichert haben.

Klicken Sie auf das Einfügesymbol unterhalb Ihres Diagramms. Das Popup-Fenster wird ausgeblendet, und Ihr Diagramm wird als Kurzcode in Ihren WordPress-Beitrag eingefügt.

Sie können jetzt Ihren WordPress-Post oder Ihre Word-Seite speichern und Ihre Website besuchen, um das Diagramm in Ihren WordPress-Post einzubinden.

Bearbeiten von Visualizer-Diagrammen in WordPress

Sie können Ihre Diagramme jederzeit bearbeiten und ändern. Einfach besuchen Medien »Visualizer-Bibliothek Seite. Von dort aus können Sie ein Diagramm klonen, löschen oder dessen visuelle Einstellungen bearbeiten.

Das Aktualisieren von Daten für ein vorhandenes Diagramm ohne Ändern des Diagramms ist mit Visualizer sehr einfach.

Wenn Sie Daten aus einem Google-Arbeitsblatt hinzugefügt haben, müssen Sie nur die Daten in Ihrem Arbeitsblatt aktualisieren und auf gehen Datei »Im Web veröffentlichen und veröffentlichen Sie Ihre Tabelle erneut. Ihre Änderungen werden automatisch in Ihrem Diagramm angezeigt.

Wenn Sie 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 Bearbeitungslink unter dem Diagramm.

Laden Sie im Abschnitt CSV-Datei hochladen einfach Ihre neue CSV-Datei hoch. Änderungen an den Daten werden automatisch in Beiträgen oder Seiten übernommen, auf denen Sie das Diagramm eingefügt haben.

Hinzufügen eines Diagramms zu einem WordPress-Sidebar-Widget

Visualizer verwendet Shortcodes zum Einfügen von Diagrammen. Einfach auf gehen Medien "Visualizer Library, Dort sehen Sie einen Shortcode unter Ihren Diagrammen.

Kopieren Sie den Kurzcode und gehen Sie zu Aussehen "Widgets. Ziehen Sie ein Text-Widget in die Seitenleiste, und fügen Sie den Kurzcode in das Widget ein.

Wenn der Shortcode im Text-Widget nicht funktioniert, lesen Sie unsere Anleitung zur Verwendung von Shortcodes in WordPress-Sidebar-Widgets.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, Balken und Diagramme auf Ihrer WordPress-Site hinzuzufügen. Möglicherweise möchten Sie auch unsere Liste der 24 WordPress-Plugins für Business-Websites anzeigen

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Facebook.