TechBlogSD - Alles für WordPress und WEB-Entwicklung
WEB- und WordPress-Anleitungen, Neuigkeiten, Rezensionen zu Themes und Plugins

Wie erstelle ich eine Vergleichstabelle in WordPress?

33

Die Leute sagen, dass WordPress mehr als 30% der Websites im Internet unterstützt. Es ist jedoch keine leichte Aufgabe, eine Website mit allen erforderlichen Funktionen zu erstellen. Das Erstellen von Tabellen in WordPress ist ein einfaches Beispiel dafür. WordPress hat mit dem Gutenberg einen Tabellenblock eingeführt und aktualisiert diesen kontinuierlich. Es reagiert jedoch nicht und funktioniert auf mobilen Geräten nicht richtig, wenn Sie drei oder mehr Spalten haben. Obwohl Plugins wie TablePress dieses Problem mit dem kostenlosen Plugin lösen, ist es immer noch nicht bequem, eine Vergleichstabelle zu erstellen, die Bewertungssterne benötigt. In diesem Artikel erklären wir, wie Sie eine Vergleichstabelle in WordPress erstellen.

Was ist eine Vergleichstabelle?

Viele WordPress- Blogger schreiben Rezensionen und empfehlen ihren Lesern Produkte, die sie verwenden. Dies hilft in beiden Fällen, dass Leser zuverlässige Informationen erhalten, während Blogger eine Affiliate-Provision erhalten, wenn ein Leser dieses Produkt kauft. In vielen Fällen ist die Vergleichstabelle am hilfreichsten, um die Informationen darzustellen.

  • Präsentation einer Liste der Top-10-Produkte in einer Tabelle – zum Beispiel Top-10-Hosting-Unternehmen.
  • Vergleichen Sie die Spezifikationen von zwei Produkten – zum Beispiel iPhone und Samsung Galaxy.

Wie erstelle ich eine Vergleichstabelle in WordPress?

Nach langem Suchen haben wir ein anständiges Plugin gefunden, das hilft, eine Vergleichstabelle in WordPress zu erstellen.

  • Melden Sie sich bei Ihrem WordPress-Dashboard an und gehen Sie zum Abschnitt "Plugins > Neu hinzufügen".
  • Suchen Sie nach dem Stichwort „Tabelle” und finden Sie „ WP Table Builder – WordPress Table Plugin “.
  • Installieren und aktivieren Sie das Plugin, um schöne Tabellen zu erstellen.

Wie erstelle ich eine Vergleichstabelle in WordPress?

WP Table Builder

Erstellen von Tabellen mit Drag & Drop Table Builder

Nach der Aktivierung des Plugins erstellt es ein Menü „Table Builder” in der Seitenleistennavigation. Gehen Sie zum Menü „Tabellengenerator > Neu hinzufügen”, um eine neue Tabelle zu erstellen. Dadurch gelangen Sie zur Drag-and-Drop-Tabellenerstellungsoberfläche des Plugins in Ihrem WordPress-Dashboard.

Wie erstelle ich eine Vergleichstabelle in WordPress?

WP Table Builder Drag-and-Drop-Editor

Geben Sie die Namenstabelle für Ihre Tabelle ein und wählen Sie die Spalten / Zeilen aus. Klicken Sie auf die Schaltfläche „Generieren”.

Tabelleneinstellungen anpassen

Auf dem nächsten Bildschirm können Sie die Live-Vorschau der Tabelle anzeigen. Scrollen Sie in der linken Seitenleiste nach unten, um die "Tabelleneinstellungen" zu finden. Sie können die folgenden Optionen für Ihre Tabelle einrichten:

Wie erstelle ich eine Vergleichstabelle in WordPress?

Tisch Einstellungen

  • Aktivieren Sie die Option "Make Table Responsive", um Ihre Tabellen auf mobilen Geräten responsive zu machen.
  • Fügen Sie die obere Zeile als Kopfzeile hinzu und richten Sie eine Farbe für Ihre Kopfzeile ein.
  • Ändern Sie die äußeren und inneren Rahmengrößen und -farben.
  • Fügen Sie Farben für ungerade und gerade Zeilen in Ihrer Tabelle hinzu.
  • Richten Sie den Zellenabstand und die Tabellenbreite ein.

Wenn Sie mit Tabellen nicht vertraut sind, erfahren Sie hier, wie Sie HTML-Tabellen erstellen.

Hinzufügen von Inhalt zu Tabelle

Nachdem Sie die Basis für Ihre Tabelle eingerichtet haben, können Sie Elemente per Drag & Drop in die Zellen ziehen und Ihre Tabelle online erstellen. Mit dem Plugin können Sie Text, Bild, Liste, Sternebewertung, benutzerdefiniertes HTML, Shortcode und Schaltfläche in den Zellen hinzufügen. Sie können jedes Element nach dem Ziehen in die Zelle anpassen.

Sie können beispielsweise Bildelemente hinzufügen und Links hinzufügen, ausrichten, Alternativtext hinzufügen und die Größe anpassen. Unten sehen Sie, wie die Vergleichstabelle im Tabellengenerator aussehen wird.

Wie erstelle ich eine Vergleichstabelle in WordPress?

Vergleichstabelle im Table Builder

Nachdem Sie den Tabelleninhalt fertiggestellt haben, können Sie die Tabelle in der Vorschau anzeigen und speichern.

Shortcode für Vergleichstabelle abrufen

Wenn Sie sich im Builder befinden, klicken Sie oben auf die Schaltfläche "Einbetten", um den Shortcode für Ihre Tabelle zu erhalten.

Wie erstelle ich eine Vergleichstabelle in WordPress?

Holen Sie sich den Einbettungs-Shortcode

Sie können auch alle erstellten Tabellen im Menü "Table Builder > Alle Tabellen" zusammen mit den Shortcodes für jede Tabelle anzeigen.

Einfügen von Tabellen in Beiträge und Seiten

Nachdem Sie nun den Shortcode für Ihre Vergleichstabelle haben, können Sie ihn an einer beliebigen Stelle auf der Site einfügen.

  • Fügen Sie den Shortcode einfach in den Block "Absatz" oder "Shortcode" des Gutenberg-Editors ein.
  • Sie können die Tabelle auch mit dem Text-Widget in Ihre Fußzeile oder Seitenleiste einfügen. Ziehen Sie das "Text"-Widget per Drag & Drop in Ihre Seitenleiste oder Ihren Fußzeilenbereich und fügen Sie den Tabellen-Shortcode ein. Speichern Sie Ihre Änderungen und die Tabelle wird im entsprechenden Widget-Bereich auf der veröffentlichten Site angezeigt.

Die veröffentlichte Tabelle auf der Desktop-Site sieht in etwa wie folgt aus:

Wie erstelle ich eine Vergleichstabelle in WordPress?

Beispielvergleichstabelle

Und die responsive mobile Ansicht sieht wie folgt aus:

Wie erstelle ich eine Vergleichstabelle in WordPress?

Vergleichstabelle auf Mobilgeräten

Vor- und Nachteile des WP Table Builder Plugins

Das Plugin hat sowohl Vorteile als auch wenige Einschränkungen.

Vorteile

  • Das Plugin ist ein schönes Tool zum Erstellen von responsiven Vergleichstabellen auf Ihrer WordPress-Site.
  • Es zeigt keine nervige Werbung oder Upselling im Admin-Bereich.
  • Einfache Drag-and-Drop-Oberfläche mit anpassbaren Optionen.
  • Shortcodes zum Einfügen der Tabelle an einer beliebigen Stelle auf Ihrer Website.

Nachteile

  • Nach der Auswahl von Spalten und Zeilen gibt es keine Möglichkeit, dies zu ändern. Wenn Sie eine Spalte oder Zeile löschen möchten, müssen Sie sie von Grund auf neu erstellen.
  • Keine Möglichkeit, die Zeilen und Spalten neu anzuordnen.

Wir hoffen, dass die zukünftigen Updates diese Optionen enthalten können.

Aufnahmequelle: www.webnots.com
Hinterlasse eine Antwort

Diese Website verwendet Cookies, um Ihre Erfahrung zu verbessern. Wir gehen davon aus, dass Sie damit einverstanden sind, Sie können sich jedoch abmelden, wenn Sie möchten. Annehmen Weiterlesen