Tabellen und Diagramme sind wichtiger als wir denken, wenn wir eine Website haben, da sie die Darstellung unserer Preise, Tarife, Unternehmensentwicklung und vieles mehr erheblich vereinfachen können

Es kann mühsam sein, eine erstellte Tabelle wiederzufinden, da man den Shortcode kopieren und einfügen muss. Was aber, wenn es einen Block gäbe, der speziell dafür entwickelt wurde, alle Tabellen zu finden? WP Table Manager ermöglicht genau das mit dem benutzerfreundlichen Gutenberg-Editor von WordPress.

WP Table Manager fügt dem Gutenberg-Editor Blöcke hinzu, mit denen Sie diese Tabellen mit einem Suchfeld direkt in den Block einfügen können.

WordPress-Tabellen mit diesem Plugin für Gutenberg erstellen

In diesem Beitrag verwenden wir WP Table Manager , um eine Preisvergleichstabelle zu erstellen. Zunächst zeigen wir Ihnen, wie man Tabellen erstellt.

Gehen Sie zunächst zu Tabellenmanager > Alle Tabellen. Klicken Sie in diesem Abschnitt auf + Neu erstellen > Tabelle . Dadurch wird der Tabelleneditor geöffnet. Um die Sache zu vereinfachen, können wir ein Design verwenden. Wählen wir also eines aus, indem wir auf Design > Designauswahl .

Sie sehen alle Designoptionen; wir wählen nun diejenige aus, die für die Preisvergleichstabelle geeignet ist.

Klicken Sie nun auf OK (beachten Sie, dass dadurch alle Daten in der Tabelle gelöscht werden).

Da wir ein Thema hinzugefügt haben, ist fast die gesamte Arbeit erledigt.

Wir müssen nur ein paar einfache Anpassungen vornehmen und die Tabelle an unsere Bedürfnisse anpassen. Ich werde viele Zeilen entfernen und viele bearbeiten. Diese können bearbeitet werden, indem man einfach darauf klickt und mit dem Tippen beginnt, so als würde man Excel verwenden.

Zum Entfernen klicken Sie einfach auf die Zeilen, klicken Sie mit der rechten Maustaste und wählen Sie dann „ Entfernen“ .

Wenn Sie die Zelle bearbeiten möchten, klicken Sie einfach darauf. Dadurch öffnet sich ein erweiterter Editor, mit dem Sie den Inhalt nach Ihren Wünschen anpassen können.

Wenn wir die Tabelle weiter anpassen möchten, können wir die Farbe ändern. Dazu müssen wir nur auf die Zelle klicken und die Werkzeuge oben verwenden, um die Farbe der gewünschten Zellen zu ändern.

Die Tabelle muss nicht gespeichert werden, da sie bei jeder Änderung automatisch gespeichert wird.

Nachdem wir die Tabelle erstellt haben, können wir sie mithilfe des Gutenberg-Editor-Blocks zum Beitrag hinzufügen.

Gehen Sie zu Beiträge > Neu hinzufügen , dort sehen Sie den Gutenberg-Editor. Wir wählen den WP Table Manager Block aus.

Dadurch wird ein Suchfeld hinzugefügt, das Ihnen die Kategorien und Tabellen anzeigt, und Sie können eine Tabelle hinzufügen, indem Sie einfach auf die Tabelle klicken.

Die Tabelle wird hinzugefügt, und jetzt müssen Sie nur noch den Beitrag veröffentlichen, und die Tabelle ist da – so einfach wie ein Klick auf die Tabelle und das Veröffentlichen des Beitrags/der Seite.

Und das war's schon, wir haben in weniger als 10 Minuten eine Preistabelle erstellt und veröffentlicht, ganz einfach, nicht wahr?

Verwendung WP Table Manager in WordPress zum Erstellen von Diagrammen

Ja, wir werden auch die Möglichkeit haben, Diagramme aus den Tabellen zu erstellen, und die andere gute Nachricht ist, dass der Diagrammbereich über einen eigenen Gutenberg-Block verfügt, sodass Sie das Diagramm beim Erstellen Ihres Beitrags ganz einfach finden können.

Um Diagramme zu erstellen, gehen Sie nun zu Tabellenmanager > Alle Tabellen . Dort sollte eine Tabelle mit den Daten vorhanden sein, die wir im Diagramm darstellen möchten. Wir haben eine Tabelle mit Informationen vorbereitet, um dieses Diagramm zu erstellen.

Eine gute Vorgehensweise wäre es, für jede Art von Tabelle, die wir erstellen möchten, eine Kategorie anzulegen. Hier haben wir beispielsweise eine Kategorie mit dem Namen „Diagramme“ erstellt.

Kategorien lassen sich ganz einfach erstellen. Klicken Sie dazu auf + Neu erstellen > Kategorie .

Zum Schluss geben Sie den Kategorietitel ein, wählen die übergeordnete Kategorie aus (falls es sich um eine Unterkategorie handelt) und klicken auf Fertig .

Nun gehen wir zu der Tabelle, in der wir das Diagramm erstellen möchten. Wir haben eine Tabelle hinzugefügt, die auf den Bevölkerungszahlen von 5 Ländern basiert.

Um das Diagramm zu erstellen, müssen wir die Zellen auswählen, die wir dem Diagramm hinzufügen möchten, und dann auf Diagramm > Diagramm aus Daten erstellen klicken.

 Nun sehen wir das mit dem rechten Menü erstellte Diagramm. Dort finden wir die Werkzeuge zur individuellen Gestaltung des Diagramms.

Für dieses Beispiel verwenden wir das Kreisdiagramm.

Im unteren Bereich des rechten Seitenbereichs können wir die Farbe für jedes Feld auswählen, damit die Farben zum verwendeten Design passen.

Nachdem wir das Diagramm erstellt/angepasst haben, gehen wir nun zu Beitrag > Neu hinzufügen , um den Beitrag zu erstellen und das neu erstellte Diagramm hinzuzufügen.

Suchen Sie im Gutenberg-Editor nach dem Block „WP Table Manager Chart“ und fügen Sie ihn dem Beitrag hinzu.

Dadurch öffnet sich ein Suchfeld, in dem Sie alle verfügbaren Diagramme sehen können.

Wie Sie sehen, werden alle verfügbaren Kategorien, Tabellen und Diagramme angezeigt. Deshalb sollten wir alles in Kategorien ordnen. Klicken Sie nun auf das Diagramm, das Sie hinzufügen möchten, in unserem Fall das „Bevölkerungsdiagramm“.

Wie Sie sehen, wird der Shortcode automatisch hinzugefügt, Sie müssen ihn also nur noch veröffentlichen, und alles ist erledigt.

Was passiert aber, wenn wir die Daten im Diagramm aktualisieren möchten? Müssen wir ein neues Diagramm erstellen? Die Antwort lautet: Nein! Sie können die Daten einfach in der Tabelle bearbeiten, und das Diagramm wird automatisch aktualisiert.

In diesem Beispiel beträgt die Bevölkerung von Tuvalu 11147, wie Sie dem Bild entnehmen können. Ändern wir also die Bevölkerungszahl auf 20000 und schauen wir uns die Tabelle noch einmal an.

Das Diagramm sollte nun aktualisiert sein, schauen wir mal nach.

Und ja, die Magie ist vollbracht, wir haben ein dynamisches Diagramm erstellt, das sich ganz einfach durch Ändern der Daten innerhalb der Tabelle anpassen lässt.

Außerdem: Tabellen aus Datenbanken in WordPress

Es besteht auch die Möglichkeit, Tabellen aus der Datenbank zu erstellen. Diese Tabellen werden automatisch aktualisiert, sobald Änderungen in Ihrer Datenbank vorgenommen werden. Wenn Sie also Daten in Ihrer Datenbank gespeichert haben und darauf basierend eine Tabelle oder ein Diagramm erstellen möchten, klicken Sie einfach auf „ + Neu erstellen“ > „Datenbanktabelle“.

Sie werden auf eine Seite weitergeleitet, auf der alle Tabellen Ihrer Datenbank angezeigt werden. Dort können Sie einfach die gewünschte Tabelle mit den entsprechenden Spalten auswählen, und WP Table Manager erstellt die Tabelle automatisch.

Anschließend können Sie die Spalten auswählen, die Sie der Tabelle hinzufügen möchten. Hier wählen wir beispielsweise nur den Kommentartyp und die E-Mail-Adresse des Autors aus.

Zum Schluss wählen Sie für jede Spalte einen Titel aus und fügen die Regeln hinzu, um die Tabelle zu erstellen.

Klicken Sie nun auf Tabelle erstellen Die Tabelle wird automatisch erstellt. Beachten Sie, dass wir Bedingungen hinzufügen können, z. B. eine Variable nur dann anzeigen, wenn die E-Mail-Adresse des Autors „Diese E-Mail-Adresse ist vor Spambots geschützt. Sie benötigen aktiviertes JavaScript, um sie anzuzeigen.”.

Wir können beliebig viele Regeln hinzufügen; wir müssen lediglich auf „Hinzufügen“ klicken, und es wird ein neues Feld zum Festlegen einer neuen Regel hinzugefügt.

Und nun können Sie sehen, wie einfach es ist, Tabellen aus der Datenbank zu erstellen.

Unser neues Design macht alles noch einfacher!

Erstellen Sie Tabellen mit WP Table Manager

Nachdem Sie nun wissen, wie einfach das Erstellen und Verwalten von Tischen mit WP Table Manager , worauf warten Sie noch? Klicken Sie hier und erwerben Sie Ihre Mitgliedschaft, um all diese Tische professionell zu bedienen.