So erstellen Sie eine Tabelle mit Google Sheet in WordPress

Veröffentlicht: 2022-02-08

Suchen Sie nach einer einfacheren Möglichkeit, Daten zu Ihrer WordPress-Tabelle hinzuzufügen, als die manuelle Eingabe?

Wenn ja, sollten Sie sich für den CSV-Import oder die Google Sheet-Integration entscheiden, da dies die Arbeit vereinfacht.

Aber wie erstellt man eine Tabelle mit CSV oder Google Sheets in WordPress? Nun, da es sich um WordPress handelt, können Sie dies ganz einfach mit einem Plugin tun.

In diesem Artikel zeige ich Ihnen, wie Sie ganz einfach Tabellen erstellen können, indem Sie sowohl CSV-Daten als auch Google Sheets mit demselben WordPress-Plugin verwenden.

Tauchen wir also ein…

Inhalt verstecken
Was sind die erforderlichen WordPress-Plugins?
So erstellen Sie eine Tabelle mit CSV oder Google Sheet in WordPress: Schritt für Schritt
Schritt 1: Aktivieren Sie das Tabellen-Widget
Schritt 2: Tabellen-Widget von ElementsKit ziehen und ablegen
Schritt 3: Wählen Sie den Datentyp als CSV aus den Einstellungen
Schritt 4: CSV/Google Sheet hochladen
Schritt 5: Tabelleneinstellungen anpassen
Schritt 6: Stileinstellungen anpassen
Schritt 7: Aktualisieren und Vorschau
Letzte Worte

Was sind die erforderlichen WordPress-Plugins?

Um diesem Tutorial zu folgen, benötigen Sie die unten genannten WordPress-Plugins:

  • Elementar (kostenlos)
  • ElementsKit Lite & ElementsKit (Pro)

Nachdem Sie die erforderlichen Plugins heruntergeladen und aktiviert haben, fahren Sie mit dem nächsten Abschnitt fort.

So erstellen Sie eine Tabelle mit CSV oder Google Sheet in WordPress: Schritt für Schritt

Gehen Sie die Schritte durch, um zu erfahren, wie Sie Daten sowohl mit CSV als auch mit Google Sheet in Ihre WordPress-Tabelle importieren. Es ist eine 7-Schritte-Anleitung.

Schritt 1: Aktivieren Sie das Tabellen-Widget

Um das Tabellen-Widget von ElementsKit zu verwenden, müssen Sie es über das WordPress-Dashboard aktivieren. Navigieren Sie zu ElementsKit ⇒ ElementsKit ⇒ Widgets ⇒ Team Widget , aktivieren Sie dann die Option und klicken Sie zum Aktualisieren auf Änderungen speichern .

Aktivieren Sie das Team-Widget, um CSV- und Google Sheet-Daten zur WordPress-Tabelle hinzuzufügen

Sie können auch unseren Blog zum Hinzufügen eines modalen Popups in WordPress in nur 3 Schritten lesen.

Schritt 2: Tabellen-Widget von ElementsKit ziehen und ablegen

Navigieren Sie nun zu All Pages ⇒ Pages und klicken Sie auf Edit With Elementor.

Importieren Sie CSV-Daten mit dem Elementor-Seitenersteller in eine WordPress-Tabelle

Suchen Sie in der linken Leiste nach Team. Sobald Sie das Tabellen-Widget mit dem Ekit-Symbol oben rechts gefunden haben, ziehen Sie es per Drag & Drop auf die Hauptseite.

Erstellen Sie eine Tabelle mit CSV oder Google Sheet in WordPress

Schritt 3: Wählen Sie den Datentyp als CSV aus den Einstellungen

Wählen Sie nun auf der Registerkarte Inhaltseinstellungen den Datentyp als CSV-Datei aus. Sie können drei Dateitypen auswählen; Datei hochladen, Remote-Datei-URL und Google Sheet Viewer-URL.

Elementskit-Widget-Datentyp

Schritt 4: CSV/Google Sheet hochladen

Sehen Sie sich drei Prozesse zum Hochladen oder Auswählen einer CSV-Datei an. Sie können die von Ihnen bevorzugte Option verwenden.

CSV-Datei hochladen:

Um eine CSV-Datei hochzuladen, klicken Sie auf das Upload-Symbol, laden Sie die Datei hoch und klicken Sie auf Einfügen. Wenn Sie bereits eine Datei auf den Server hochgeladen haben, suchen Sie die Datei und klicken Sie auf Einfügen.

csv in die WordPress-Tabelle hochladen

CSV-Datei hochladen, die sich auf dem Remote-Server befindet:

Sie müssen keine CSV-Datei auf den Server hochladen, da Ihre Website gehostet wird. Mit dem Tabellen-Widget von ElementsKit können Sie Daten auch mithilfe einer CSV-Datei anzeigen, die sich auf einem anderen Server befindet. Wählen Sie dazu den Dateityp als Remote-Datei-URL und geben Sie im Eingabefeld Geben Sie eine CSV-Datei-URL ein den Speicherort Ihrer CSV-Datei an.

Laden Sie eine CSV-Datei vom Remote-Server hoch, wie Sie eine Tabelle mit CSV oder Google Sheets in WordPress erstellen

Daten per Google Sheet hochladen:

Um Google-Blattdaten in Ihrer WordPress-Tabelle zu verwenden, wählen Sie den Dateityp als Google-Blatt-Viewer-URL und geben Sie die Google-Blatt-URL ein.

Hinweis : Die Google-Tabellen-URL sollte Jeder im Internet mit diesem Link Zugriff haben.

Google Sheet hochladen So erstellen Sie eine Tabelle mit CSV oder Google Sheets in WordPress

Das Tolle an der Verwendung von Google Sheets im Tabellen-Widget ist, dass Ihre Tabellendaten automatisch aktualisiert werden, wenn Sie Informationen in der Google Sheet-Datei aktualisieren.

Nachdem Sie Daten mit Ihren bevorzugten Daten hochgeladen haben, wählen Sie die Header-Ausrichtung. Die Ausrichtung der Kopfzeile kann links, rechts oder zentriert sein.

Schritt 5: Tabelleneinstellungen anpassen

Nachdem Sie nun Ihre Daten haben, ist es an der Zeit, die Tabelleneinstellungen anzupassen: Als Teil der Tabelleneinstellungen erhalten Sie die folgenden Optionen:

  • Suche: Sie können die Suchleistenoption aktivieren oder deaktivieren.
  • Suchplatzhalter: Passen Sie den Text des Suchplatzhalters mit dieser Option an.
  • Fixed Header: Sie können den Header fix setzen, indem Sie diese Option aktivieren.
  • Reihenfolge: Wenn Sie diese Option aktivieren, kann der Betrachter die Reihenfolge jeder Spalte ändern.
  • Responsiv: Diese Option macht die Tabelle responsiv.
  • Paginierung: Aktivieren Sie diese Option, um Ihrer WordPress-Tabelle eine Paginierungsoption hinzuzufügen.
  • Navigationsstil: Sie können den Navigationsstil als Pfeil, Text oder beides wählen. Je nach Auswahl können Sie das Pfeilsymbol und Texte festlegen.
  • Info: Diese Option fügt einen Infobereich im unteren linken Bereich Ihrer Tabelle hinzu.
  • Einträge: Aktivieren Sie diese Option, um die Einträge sichtbar zu machen.
  • Eintragstext: Sie können den Eintragstext hier ändern, dies wird jedoch nicht empfohlen.
  • Element pro Seite anzeigen: Wählen Sie aus, wie viele Datenzeilen Sie pro Seite anzeigen möchten.
wie man eine Tabelle mit CSV oder Google Sheets in WordPress erstellt

Suchen Sie nach einem coolen Bewertungs-Plugin, um Bewertungen zu Ihrer Website hinzuzufügen? Sehen Sie sich die besten WordPress-Review-Plugins an (Bewertungen und Schema)

Schritt 6: Stileinstellungen anpassen

Wenn Sie die Stile der Tabelle ändern möchten, wechseln Sie zur Registerkarte Stil und Sie finden verschiedene Optionen zum Ändern des Stils von Wrapper, Header, Header Image, Body, Body Image, Search , Info, Entries und Navigation .

Erstellen Sie eine Tabelle mit CSV oder Google Sheet in WordPress

Schritt 7: Aktualisieren und Vorschau

Nachdem Sie alle Änderungen vorgenommen haben, klicken Sie auf Aktualisieren und dann auf das Vorschausymbol, um die endgültige Tabelle mit CSV-Daten anzuzeigen.

Hier ist ein Beispiel, wie die Tabelle aussehen wird

wie man eine Tabelle mit CSV oder Google Sheets in WordPress erstellt

Sie können auch unseren Blog zum Erstellen von Tabellen in WordPress mit TablePress besuchen

Letzte Worte

Jetzt wissen Sie, wie Sie in WordPress eine Tabelle mit CSV oder Google Sheets erstellen und in wenigen Schritten unzählige Daten anzeigen können. Das Beste an ElementsKit ist neben der einfachen CSV-Importoption, die auch viele Anpassungsmöglichkeiten bietet. Verwenden Sie also die Anpassungsoptionen, um das Aussehen und Verhalten Ihrer WordPress-Tabelle nach Ihrem Geschmack zu ändern.

Holen Sie sich jetzt ElementsKit Pro