Zum Hauptinhalt springen

WP Table Manager: Häufige Verwendung

Die Hauptidee von WP Table Manager ist die Verwaltung aller Tabellen direkt im Editor, auch wenn Sie eine Plugin-Ansicht verwenden. WP Table Manager funktioniert mit jedem WordPress-WYSIWYG-Editor, sowohl im Frontend als auch im Backend. Sie können ihn beispielsweise in einem benutzerdefinierten WordPress-Modul einsetzen.
 

1. Tabellen aus dem Artikel verwalten

 

Tabellenmanager-Schaltfläche

 

Nach der Installation WP Table Manager wird in Ihrem Editor eine Schaltfläche zum Bearbeiten angezeigt. Klicken Sie darauf, um die Hauptansicht WP Table Manager zu öffnen.

Der Tabellenmanager befindet sich in einer Lightbox, die von einem Beitrag/einer Seite aus geöffnet wird. Sie können auf den Titel klicken, um den Inhalt der Tabelle/des Diagramms anzuzeigen, oder einfach in den Bereich daneben klicken, um eine Tabelle auszuwählen, und dann auf die Schaltfläche „Diese Tabelle einfügen“

 

Tabelle einfügen

 

Anschließend wird die Tabelle mit einem grauen Bereich und einem entsprechenden Excel-/Diagramm-ähnlichen Symbol visualisiert.

 

table-in-post

 

Wenn Sie auf den Bereich und anschließend erneut auf die Schaltfläche WP Table Manager klicken, wird die zuvor hinzugefügte Tabelle geladen.

 

edit-tale-post

 

Abschnitt 7 „Blöcke in Gutenberg“ ansehen.

2. Tabellen und Kategorien verwalten

Tabellen werden in Kategorien eingeteilt. Innerhalb einer Kategorie können beliebig viele Tabellen vorhanden sein.

Um eine Tabellenkategorie zu erstellen, klicken Sie in der Dashboard-Kopfzeile auf „  Neu erstellen  >>  Kategorie “. Um eine neue Tabelle zu erstellen, klicken Sie auf „ Neu erstellen >> Tabelle“.

 

Tabellenkategorien

 

Hinweis: Bei der Plugin-Installation werden bereits eine Standardkategorie und -tabelle erstellt

 

Im linken Bereich können Sie die Kategorie verwalten, indem Sie mit der Maus darüberfahren. Sie können den Namen bearbeiten oder die Kategorie löschen, indem Sie mit der rechten Maustaste darauf klicken.

 

Kategorie umbenennen

 

Um die Kategorien zu ordnen, können Sie die Drag-and-Drop-Funktion verwenden.

 

Bewegungskategorie

 

Im rechten Hauptbereich können Sie Tabellen bearbeiten, duplizieren, umbenennen und löschen. Die entsprechenden Symbole befinden sich oben im Dashboard, wenn Sie auf eine Tabelle klicken. Sie finden sie auch per Rechtsklick auf die Tabelle.

 

Schaltflächen zum Bearbeiten und Kopieren der Tabelle

 

3. Tabellenausgabe

Um Daten in Tabellen einzufügen, müssen Sie wie in einer Tabellenkalkulation vorgehen. Ein Doppelklick auf eine Zelle ermöglicht die Bearbeitung des Inhalts, ein einfacher Klick die Auswahl einer oder mehrerer Zellen (und beispielsweise die Anwendung von Formatierungen).

 

Zell-Edition

 

Um Zeilen oder Spalten hinzuzufügen, klicken Sie mit der rechten Maustaste. Anschließend können Sie Zeilen/Spalten links oder rechts einfügen.

 

add-row-col

 

Zum Kopieren von Zellen können Sie STRG+C / STRG+V (oder die Apple-Funktion J) verwenden. Alternativ können Sie auch den Mauszeiger in die untere rechte Ecke der Zelle setzen und ihn in die gewünschte Richtung bewegen.

 

Zellkopie

 

Beachten Sie, dass all Ihre Aktionen automatisch gespeichert werden und oben rechts eine entsprechende Meldung angezeigt wird

Änderungen speichern

 

Sie haben die Möglichkeit, die letzte Änderung rückgängig zu machen/wiederherzustellen.

WP Table Manager speichert eine Sicherungskopie der Änderungen, die Sie mit der Zelleninhaltsbearbeitung vorgenommen haben, und kann diese wiederherstellen.

 

Rückgängigmachen

 

4. Erweiterte Inhaltsausgabe

HTML-Zellen

Sie können in jeder Zelle HTML-Inhalte mit einem WYSIWYG-Editor hinzufügen. Wählen Sie eine Zelle aus und klicken Sie in der Symbolleiste auf das Symbol < > .

Wenn Sie die Zelle nun bearbeiten, steht Ihnen ein HTML-Editor zur Verfügung. Bild- und HTML-Code kann eingefügt werden.

 

html-Tabellenzelle

 

Zellen zusammenführen

Die Zellen können auch zusammengeführt werden. Wählen Sie dazu zwei oder mehr Zellen aus und klicken Sie mit der rechten Maustaste. Ein Menü öffnet sich, in dem Sie die Zellen zusammenführen können.

 

Zellen zusammenführen

 

„Zellen verbinden“ in der Symbolleiste verwenden

 

Symbol zum Zusammenführen von Zellen

 

Spaltenoptionen

Um die Spaltenbreite einer Tabelle anzupassen, gehen Sie zu Menü „ Format“ > „Spaltenoptionen“ > Registerkarte „Anzeige“ und wählen Sie Ihre gewünschte Bildschirmgröße (Desktop, Tablet oder Mobilgerät).
Geben Sie die gewünschte Breite für jede Spalte im entsprechenden Format ein. Bei Prozentangaben geben Sie das Prozentzeichen (%) ein (z. B. 25 %). Bei Pixelangaben geben Sie nur die Zahl ohne „px“ ein (z. B. 150).
 

Spaltenbreite

 

Hinweis: Bei Verwendung prozentualer Breitenangaben werden Tabellen möglicherweise nicht korrekt angezeigt, wenn sie sich in ausgeblendeten Elementen wie Tabs oder ausklappbaren Abschnitten befinden. Verwenden Sie in solchen Fällen stattdessen Pixelwerte.

Daten-Registerkarte

Um den Datentyp von Spalten zu ändern, gehen Sie zu Menü „Format“ >> „Spaltenoptionen“ >> Registerkarte „Daten“. Wählen Sie dann einen Typ für die entsprechende Spalte aus.

 

Spaltentyp

 

Oder klicken Sie mit der rechten Maustaste auf eine beliebige Zelle, wählen Sie „Spalteneinstellungen“ und anschließend auf der „Daten“ den Datentyp aus.

 

Spaltentyp-Zelle

 

Hinweis: Nach dem Ändern des Datentyps einer Spalte können die alten Daten in der aktuellen Spalte verloren gehen!

 

Spalten im Frontend ausblenden

Um eine Spalte einer Tabelle im Frontend auszublenden, können Sie mit der rechten Maustaste auf eine Zelle oder Spaltenüberschrift klicken, Spalteneinstellungen und dann auf der Anzeige Spalte im Frontend ausblenden aktivieren .

 

hide-column-frontend

 

5. Excel- und Tabellenkalkulationsexport

Sie können Tabellen in WP Table Manager mit unserem speziellen Tool exportieren. Gehen Sie im Menü auf „Tabelle“ >> „Tabelle exportieren“ und wählen Sie „Daten + Stile“ oder „Nur Daten“ . Klicken Sie anschließend auf Excel exportieren“ .

 

Exporttabelle

 

Der Export kann im Excel-2003- oder 2007-Format erfolgen. Sie finden diese Option unter Plugin- Konfiguration >> Haupteinstellungen.

 

Exportformat

 

 

6. Kurzcode

Tabellen-Shortcode

Im Dashboard sehen Sie den Shortcode jeder Tabelle. Die Kopierbuttons befinden sich neben dem Shortcode. Damit können Sie die Tabellen einfach teilen, z. B.: [wptm id=8]

 

Shortcode

Zellen-Shortcode

Anstelle einer ganzen Tabelle können Sie mithilfe eines Shortcodes mehrere Zeilen und Spalten einfügen. Wählen Sie dazu zunächst die gewünschten Zellen aus. Klicken Sie anschließend mit der rechten Maustaste darauf und wählen Sie im Kontextmenü die Option „ Zelleneinfüge-Shortcode“

 

cell-insert-shortcode

 

Nachdem Sie die Optionen im Popup ausgewählt haben, klicken Sie auf das Kopiersymbol . Anschließend können Sie den Shortcode in Ihre Beiträge/Seiten einfügen.

z. B.: [wptm id=258 download="1" align="none" range="B1-D8"]

 

Diagramm-Shortcode

Nachdem Sie ein Diagramm erstellt haben, finden Sie den Shortcode des Diagramms im rechten Bereich. Diesen können Sie dann kopieren und in Ihre Beiträge/Seiten einfügen.

z. B.: [wptm id-chart=42]

 

Chart-Shortcode

 

7. Blöcke im Gutenberg-Editor

Sie können Ihre Tabellen oder Diagramme jetzt mithilfe des Gutenberg-Editors auf Ihrer Website anzeigen. Diese beiden WP Table Manager Blöcke sind WP Table Manager und WP Table Manager Chart .

Um im Gutenberg-Editor eine Tabelle hinzuzufügen, suchen Sie nach WP Table Manager Klicken Sie im Bereich „Widgets“ auf das entsprechende Feld. Daraufhin wird eine Liste der von Ihnen erstellten Tabellen angezeigt. Wählen Sie anschließend die gewünschte Tabelle für die Anzeige im Frontend aus. Nach der Auswahl wird sofort eine Tabellenvorschau angezeigt.

 

Tabellenblock hinzufügen

 

Das Vorgehen ist ähnlich wie beim Hinzufügen einer Tabelle: Suchen Sie in der Kategorie „Widgets“ nach dem WP Table Manager Chart- Block und klicken Sie darauf. Anschließend wählen Sie ein Diagramm aus der Dropdown-Liste aus.

 

Diagrammblock hinzufügen

 

8. Frontend-Bearbeitung

Im Tabelleneditor navigieren Sie bitte zu Tabelle > Frontend-Bearbeitung .

 

Frontend-Bearbeitung

 

Es enthält folgende Merkmale: 

  • Neue Zeile erstellen: Sie können Benutzern ohne Anmeldung die Berechtigung erteilen oder nur bestimmten Gruppen angemeldeter Benutzer die Berechtigung zum Erstellen neuer Zeilen im Frontend geben. Beachten Sie, dass die Formatierung spaltenweise erfolgt und die Hintergrundfarbe für die gesamte Tabelle abwechselnd angezeigt wird.
  • Zeile bearbeiten: Erlauben Sie Benutzern ohne Anmeldung oder nur angemeldeten Benutzern die Berechtigung, Zeilen im Frontend zu bearbeiten.
  • Spalte „Benutzer-ID“: Wählen Sie die Spaltenwerte aus, die als Benutzerkennungen verwendet werden sollen. Die ID bezieht sich auf die WordPress-Benutzertabelle (wp_users) und muss in MySQL als Integer definiert sein.
  • Schaltfläche „Bearbeiten“ anzeigen: Mit dem Umschalter aktivieren/deaktivieren.

 

edit-table-frontend

 

Im Frontend können Sie eine neue Zeile erstellen oder eine Zeile zur Bearbeitung auswählen.

 

edit-create-row-frontend

 

Hinweis: Bei Datenbanktabellen kann im Frontend keine neue Zeile erstellt werden.

 

Wenn die „Tabelle im Frontend bearbeiten“ Bearbeitungs- Tab in den Spalteneinstellungen angezeigt „Spalteneinstellungen“ .

Das Popup-Fenster mit den Spalteneinstellungen enthält 3 Registerkarten:

 

    Spalteneinstellungen

     

    Registerkarte „Anzeigen“

    • Spaltenüberschrift: Name der Spalte.
    • Spalte im Frontend ausblenden: Die Spalte kann mithilfe der Schaltfläche ein- und ausgeblendet werden.

     

    Anzeige-Registerkarte

     

    Daten-Registerkarte

    • Spaltentyp: Wählen Sie einen Typ für die Spalte aus: Text, Varchar, Integer, Float, Date, Datetime.

     

    Daten-Registerkarte

     

    Bearbeitungsregisterkarte

    • Bearbeitungsmodus aktivieren: Mit dem Umschalter aktivieren/deaktivieren.
    • Erforderliche Daten: Aktivieren/Deaktivieren über den Umschalter.
    • Dateneingabetyp: Datentyp auswählen: 
      • Einfacher Editor
      • HTML-Editor
      • Auswahlfeld
      • Datum
    • Spaltenstandardwert: Legt einen Standardwert für die Spalte fest.
    • Werteliste: Geben Sie in dieser Liste die möglichen Werte für diese Spalte ein und trennen Sie die Werte durch Drücken der Eingabetaste. Die Werte werden in den Editoren für diese Spalte verwendet.

     

    Bearbeitungsregisterkartenspalteneinstellung