Springe zum Hauptinhalt

So erstellen Sie ein Grafikvisualisierungstool in WordPress

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 701.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

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, mit denen Sie Ihrem Inhalt Balken und Grafiken hinzufügen können. Die meisten Benutzer finden diese Tools jedoch schwierig zu bedienen.

Entdecken Sie unsere 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.

So erstellen Sie ein Diagrammvisualisierungswerkzeug

Sie müssen auf die Schaltfläche «klicken Verwenden Sie 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

Liste der Grafiken zu Wordpress

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.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Generieren einer WordPress-Grafik

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

Beispiel für Google Sheet-Daten

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 ".

forlĖ web google Kalkulationstabelle 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ü.

WordPress-Datenexportmodus

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.

Google-Verbindung zum Stylesheet

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, in dem Sie die Tabelle hinzufügen möchten. Klicken Sie im Bearbeitungsbildschirm auf " Fügen Sie ein Medium hinzu Über dem visuellen Editor.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Ein neues Wordpress Medien hinzufügen

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.

Wordpress Betrachten Medien, wie

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.

Hinzufügen Karte tabellarisch

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.

Änderung Grafiken WordPess

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 WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip 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 Daten an der Grenze hinzuzufügen, zu ändern oder zu löschen.

Wordpress pdo roh WordPress-Plugins fügen Tabellen Grafiken Website Blog-Formular ein

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, zxportation von daten in pdf, xml, csv und excel, dizu den Personalisierungseinstellungenmehrsprachige Unterstützung, die rSuche nach bestimmten Feldern, omehrere Löschpunkte, et mehr.

Download Demo | Web-Hosting

2. Besonderes Audio

Featured Audio ist ein großartiges 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. 

Empfohlene Audio Premium WordPress Plugins fügen Audio Player hinzu

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…

Download | Demo | Web-Hosting

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

3. ChimpMate Pro

Chimpmate ist das MailChimp-Popup-Plugin für WordPress, mit dem Sie Ihre Leser in Abonnenten verwandeln können. Es wurde entwickelt, um Ihre E-Mail-Liste zu erweitern, ohne die Besucher zu irritieren.

Schimpansenprofi

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 mehreren WordPress-Themes, die Mehrsprachige Unterstützung dank WPML-Pluginundnicht mehr viel.

DownloadDemo | 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.

Fazit

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.

...

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
26 Aktien
Aktie22
tweet3
Registrieren1