Tabellen mit dem Gutenberg-Editor erstellen und verwalten

Tabellen und Diagramme sind wichtiger als wir denken, wenn wir eine Website haben, da dies die Art und Weise, wie wir unsere Preise, Pläne, Unternehmensentwicklung und viele weitere Dinge zeigen, wirklich erleichtern könnte

Es könnte wirklich mühsam sein, eine Tabelle nach ihrer Erstellung zu finden, da wir den Shortcode kopieren/einfügen müssten, aber was ist, wenn es einen Block gibt, der sich der Suche nach all Ihren Tabellen widmet? WP Table Manager ermöglicht es Ihnen, dies mit dem benutzerfreundlichen Gutenberg WordPress Editor zu tun.

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.

Erstellung von WordPress-Tabellen mit diesem Plugin für Gutenberg

Für diesen Beitrag werden wir WP Table Manager verwenden, um eine Preisvergleichstabelle zu erstellen. Zuerst werden wir sehen, wie man Tabellen erstellt.

Gehen Sie zunächst zu Tabellen-Manager > Alle Tabellen. Klicken Sie in diesem Abschnitt auf + Neu erstellen > Tabelle. Dadurch wird der Tabelleneditor geöffnet. Wir können ein Thema verwenden, um die Sache einfacher zu machen. Klicken wir also auf Thema > Themenauswahl.

Sie werden alle Optionen für Designs sehen, daher werden wir dasjenige auswählen, das für die Preisvergleichstabelle geeignet ist.

Klicken Sie nun auf Ok (beachten Sie, dass alle Daten in der Tabelle entfernt werden).

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

Wir müssen lediglich einfache Anpassungen vornehmen und die Tabelle an unsere Bedürfnisse anpassen, ich werde viele Zeilen entfernen und viele davon bearbeiten, diese können einfach durch Anklicken bearbeitet werden und tippen, als ob Sie Excel verwenden würden.

Um zu entfernen, klicken Sie einfach auf die Zeilen, klicken Sie mit der rechten Maustaste und dann auf Entfernen

Wenn Sie jetzt die Zelle bearbeiten möchten, klicken Sie einfach darauf, es öffnet sich ein fortschrittlicher 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, wir müssen einfach auf die Zelle klicken und die oberen Werkzeuge verwenden, um die Farbe der Zellen zu ändern, die wir wollen.

Wir müssen die Tabelle nicht speichern, da sie bei jeder Änderung automatisch gespeichert wird.

Jetzt, da wir die Tabelle erstellt haben, können wir sie mithilfe des Gutenberg-Editorblocks zum Beitrag hinzufügen.

Gehen Sie zu Beiträge > Neu hinzufügen, Sie werden den Gutenberg-Editor sehen, wir werden den WP Table Manager-Block auswählen.

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

Die Tabelle wird hinzugefügt und jetzt müssen Sie nur noch diesen Beitrag veröffentlichen und die Tabelle wird dort sein, so einfach wie auf die Tabelle klicken und den Beitrag/Seite veröffentlichen.

Und das ist alles, wir haben eine Preistabelle in weniger als 10 Minuten erstellt und veröffentlicht, wirklich einfach, nicht wahr?

Verwendung von 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 einen dedizierten Gutenberg-Block hat, sodass Sie das Diagramm beim Erstellen Ihres Beitrags leicht finden können.

Um nun Diagramme zu erstellen, gehen Sie zu Tabellen-Manager > Alle Tabellen. Wir sollten eine Tabelle mit den Daten erstellt haben, die wir im Diagramm darstellen möchten. Wir haben eine Tabelle mit Informationen vorbereitet, um dieses Diagramm zu erstellen.

Eine gute Praxis könnte sein, eine Kategorie für jeden Typ von Tabelle zu erstellen, die wir erstellen möchten, zum Beispiel haben wir hier eine Kategorie namens: “Diagramme”.

Kategorien sind wirklich einfach zu erstellen. Klicken Sie dazu auf + Neu erstellen > Kategorie.

Schließlich geben Sie den Kategorietitel ein, wählen Sie die übergeordnete Kategorie (falls dies eine Unterkategorie ist) und klicken Sie auf Fertig .

Kommen wir nun zur Tabelle, in der wir das Diagramm erstellen möchten. Wir haben eine Tabelle basierend auf den Bevölkerungszahlen von 5 Ländern hinzugefügt.

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

 Jetzt werden wir das Diagramm sehen, das mit dem rechten Menü erstellt wurde, wo wir die Tools zum Anpassen des Diagramms sehen werden.

Für dieses Beispiel werden wir das Kreisdiagramm verwenden.

Am unteren Ende des rechten Bedienfelds können wir die Farbe für jedes Feld auswählen, damit die Farben zum verwendeten Thema passen.

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

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

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

Wie Sie sehen können, 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 ist es das "Bevölkerungsdiagramm".

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

Aber was passiert jetzt, wenn wir die Daten im Diagramm aktualisieren möchten? Sollten wir ein neues Diagramm erstellen? Nun, die Antwort ist nein! Sie können die Daten innerhalb der Tabelle bearbeiten und das Diagramm wird automatisch aktualisiert.

In diesem Beispiel beträgt die Bevölkerung von Tuvalu 11147, wie Sie auf dem Bild sehen können, also ändern wir die Bevölkerung auf 20000 und überprüfen das Diagramm erneut.

Nun sollte das Diagramm aktualisiert werden, lassen Sie es uns überprüfen.

Und ja, die Magie ist getan, wir haben ein dynamisches Diagramm erstellt, das einfach durch Ändern der Daten in der Tabelle geändert werden kann.

Plus, Tabellen aus Datenbanken in WordPress

Es gibt auch die Möglichkeit, Tabellen aus der Datenbank zu erstellen, und diese Tabelle wird automatisch aktualisiert, wenn sich Änderungen in Ihrer Datenbank ergeben. Wenn Sie also Informationen in Ihrer Datenbank gespeichert haben und auf dieser Grundlage eine Tabelle oder ein Diagramm erstellen möchten, klicken Sie einfach auf + Neu erstellen > Datenbanktabelle

Dies wird Sie zu einer Seite mit allen Tabellen weiterleiten, die in Ihrer Datenbank enthalten sind, sodass Sie sie einfach mit den Spalten auswählen können, die Sie möchten, und WP Table Manager wird automatisch die Tabelle erstellen.

Danach können Sie die Spalten auswählen, die Sie der Tabelle hinzufügen möchten, zum Beispiel werden wir hier nur den Kommentartyp und die E-Mail-Adresse der Autoren auswählen.

Wählen Sie abschließend den Titel für jede Spalte aus und fügen Sie die Regeln zum Erstellen der Tabelle hinzu.

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

Wir können so viele Regeln hinzufügen, wie wir möchten, wir müssen nur auf „Hinzufügen“ klicken und ein neues Feld wird hinzugefügt, um eine neue Regel festzulegen.

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

Unser neues Design wird alles noch einfacher machen!

Beginnen Sie mit der Erstellung von Tabellen mit WP Table Manager

Jetzt, da Sie wissen, wie einfach es ist, Tabellen zu erstellen und sie mit WP Table Manager zu verwalten, worauf warten Sie noch? Gehen Sie hier und erwerben Sie Ihre Mitgliedschaft, um alle diese Tabellen auf professionellste Weise bereitzustellen.