WordPress-Tabellen: 5 Möglichkeiten, Tabellen zu Ihren Blog-Beiträgen hinzuzufügen

Haben Sie schon einmal über Tische nachgedacht?

Nein, ich meine nicht den Tisch, an dem Sie mit der Familie zu Abend essen, oder den Konferenztisch im Büro, an dem Meetings abgehalten werden.

Ich meine Tabellen wie in Datendiagrammen, die in Spalten angezeigt werden.

Beim Schreiben von Inhalten kann es manchmal eine Herausforderung sein, Daten auf organisierte Weise zu präsentieren. Sie möchten es vielleicht in einem Diagrammformat anzeigen, aber am einfachsten ist es, ein Bild daraus zu machen. Leider haben Bilder viele verschiedene Nachteile, nicht zuletzt die Unfähigkeit von Google, die Informationen in der Tabelle zu indizieren. Diagrammbilder sind nicht gut für SEO!

Andererseits kann das Präsentieren von Informationen, die Sie in einer Tabelle ohne eindeutigen Code anzeigen würden, chaotisch oder mühsam sein.

Die chaotische Version sieht in etwa so aus:

• Tag – Name – Umsatz
• Montag – Shaun – 500 $
• Montag – Dave – 400 $
• Dienstag – Steve – 500 $
• Mittwoch – Jennifer – 800 $
• Mittwoch – Sierra – 750 $

Usw. Sie haben keine gut organisierten Spalten, Sie haben keine Formatierung, und alles läuft einfach irgendwie zusammen. Die Informationen sind vorhanden, aber sie sind nicht gut formatiert. Sie können manchmal Leerzeichen und Ausrichtungen mit Tabulatoren oder CSS hinzufügen, aber Sie geraten in hackige Methoden, um Daten zu formatieren.

HTML bietet natürlich native Unterstützung für Tabellen. Es ist jedoch nicht einfach, sie zu erstellen und auf dem neuesten Stand zu halten. Der mühsame Weg besteht darin, HTML-Code zu verwenden, um Tabelleninhalte manuell zu erstellen.

• Zuerst benötigen Sie die Tabellen-Tags, also <table> zum Starten und </table> zum Schließen.
• Darin benötigen Sie Code für jede Zeile. Eine Zeile beginnt mit <tr> und endet mit </tr> .
• Innerhalb jeder Zeile benötigt jede Zelle einen Tabellendateneintrag. Also <td> und </td> mit dem spezifischen Datenelement darin. Die ersten sind die Überschriften für diese Spalten.

Für die allererste Informationszeile, die Überschriften, in meinem Beispiel oben, sehen Sie sich also Folgendes an:

<table>
<tr>
<td>Day</td>
<td>Name</td>
<td>Sales</td>
</tr>
<!-- Additional rows and cells here -->
</table>

Dann müssen Sie natürlich Tags für die CSS-Formatierung oder HTML-Formatierung hinzufügen, und wenn Sie Bilder oder Symbole benötigen, haben Sie zusätzliche Arbeit, und das alles nur für eine Zeile. Stellen Sie sich vor, Sie müssten all das manuell durcheinander bringen! Es gibt einen Grund, warum Tabellen im Webdesign allgemein unbeliebt waren und nicht mehr der Standard sind.

Glücklicherweise mussten wir seit Jahrzehnten keine HTML-Tabellen mehr manuell schreiben, wenn wir das nicht wollten. WordPress bietet viele verschiedene Möglichkeiten, neue Tabellen hinzuzufügen, und ich habe die fünf ausgewählt, die meiner Meinung nach die besten für dieses Schritt-für-Schritt-Tutorial sind.

Lassen Sie uns graben!

Option 1: WordPress-Standardtabellen

Wussten Sie, dass Sie mit WordPress eine Tabelle hinzufügen können? Es stellt sich heraus, dass es kostenlos und ziemlich einfach ist, obwohl es nicht viele Funktionen hat. Im Gutenberg-Drag-and-Drop-Seitenersteller können Sie klicken, um einen neuen Block hinzuzufügen, und den Tabellenblock auswählen. Es fügt einen Block ein, der als Konfigurationsfeld für Tabellenoptionen dient. Wenn Sie den klassischen Editor verwenden, müssen Sie zurück zu Gutenberg wechseln, um den Tabellenersteller im Frontend zu verwenden.

Es ist ziemlich einfach; Wählen Sie die gewünschte Anzahl von Zeilen und Spalten. Für mein obiges Datenbeispiel hätte ich drei Tabellenspalten und beliebig viele Zeilen für Daten, die ich benötige. Das Endergebnis sind einfache responsive Tabellen.

WordPress hat standardmäßig auch nur ein paar Optionen für eine Tabelle. Sie können zwischen Reihen wählen, die durch dünne Linien getrennt sind, oder Reihen, die durch abwechselnd gestreifte Hintergründe unterschieden sind, aber das war es auch schon. Es gibt keine Formatierung für Spalten, und obwohl Sie die Hintergrundfarbe festlegen können, gilt sie für die gesamte Tabelle, nicht nur für eine Zelle/Zeile/Spalte. Wenn Sie nach erweiterten Optionen suchen, werden Ihnen die Standardtabellen nicht viel helfen.

Jetzt können Sie natürlich mit CSS hineingehen und alles, was Sie wollen, manuell ändern. Das ist gut! Aber wenn Sie versuchen, eine Tabelle in Ihrem WordPress-Editor so aussehen zu lassen, wie Sie es möchten, ist das ein großer Aufwand. Die Unterstützung von WordPress für Tabellen ist überraschend mangelhaft, wenn man bedenkt, wie viel Sie sonst noch tun können. Wenn Sie beispielsweise Tausende von Zeilen in Ihrer Tabelle haben, wird keine Paginierung erstellt, um diese in einen kleineren Abschnitt aufzuteilen, der leichter zu lesen ist.

Hier kommt die Installation eines WordPress-Tabellen-Plugins ins Spiel.

Möglichkeit 2: TablePress

Wenn Sie schon eine Weile eine WordPress-Website haben, sollte es nicht überraschen, dass so ziemlich jede Funktion, die Sie hinzufügen möchten, wahrscheinlich irgendwo ein Add-On namens FeaturePress hat. Tabellen sind keine Ausnahme. TablePress ist im kostenlosen Plugin-Verzeichnis oder auf deren Website TablePress.org zu finden.

TablePress ist ein bisschen klobig, weil es so funktioniert, dass es einen zentralen Hub für die Verwaltung von Tabellendaten ermöglicht. Es fügt Ihrem WordPress-Dashboard eine Mini-App zur Tabellenverwaltung hinzu. In dieser Verwaltungs-App können Sie Tabellen erstellen, Tabellen importieren oder exportieren, Tabellen konfigurieren und im Allgemeinen tun, was Sie wollen. Wenn Sie dann Tabellen in Ihre Blog-Beiträge einfügen möchten, verwenden Sie einen Tabellen-Shortcode, um diese Tabelle einzufügen.

Sie müssen auf „Änderungen speichern“ klicken, den Shortcode kopieren und dann zu Ihrem Beitrag zurückkehren, um eine Vorschau anzuzeigen. Manchmal müssen Sie zwischen dem Post-Editor und den TablePress-Einstellungen hin und her wechseln, was mühsam werden kann.

Wenn Sie dann – und das ist wichtig – die Tabellendaten bearbeiten müssen, können Sie dies von Ihrem Dashboard aus tun. Eine Bearbeitung wird sofort in alle verschiedenen Instanzen derselben Tabelle eingefügt. Da es sich um eingebettete Daten handelt, ist eine zentralisierte Verwaltung einfach.

Sie können Daten auch direkt aus einer CSV-, XLS- oder einer anderen Tabellenkalkulationsdatei importieren und eine Tabelle füllen. Diese Importfunktion ist sehr hilfreich, wenn Sie eine Menge Daten importieren und nicht manuell kopieren möchten.

Der größte Nachteil dieses Tabellen-Plugins ist, dass es am besten für Daten und Tabellen verwendet wird. Es ist zum Beispiel nicht für eine Produktvergleichstabelle nebeneinander, ein Inhaltsverzeichnis oder etwas Glattes mit nur wenigen Zeilen und Spalten gemacht. Denken Sie eher an das Einbetten von Dutzenden oder Hunderten von Datenzeilen.

Es wäre hilfreich, wenn Sie benutzerdefiniertes CSS verwenden würden, um die Tabelle zu formatieren und zu ändern. Es macht es einfach, aber Sie müssen sich trotzdem mit CSS auskennen, um die Tabelle zu formatieren. Auf der positiven Seite ist es völlig kostenlos und einfach zu bedienen, was es zu einem guten Plugin für Anfänger macht.

Option 3: Ninja-Tische

Ninja Tables ist eine raffinierte Option für die Tabellenerstellung und Datenverwaltung auf einer WordPress-Site. Es ist eher für datenlastige Blog-Posts als für den gelegentlichen Gebrauch gedacht, und es macht viele Dinge, die große Datenmengen unterstützen. Beispielsweise kann Ihre Tabelle über Filter und Sortieroptionen verfügen, mit denen Benutzer die von Ihnen angezeigten Daten dynamisch sortieren und anpassen können. Das ist für viele Statistiken und Informationen ziemlich nützlich, aber weniger für eine Produktvergleichstabelle.

Eine der raffiniertesten Funktionen von Ninja Tables ist, dass es sehr benutzerfreundlich ist. Sie benötigen kein benutzerdefiniertes CSS oder Codierung, um das Erscheinungsbild Ihrer Tabellen zu verwalten. Sie müssen nicht einmal viele Daten eingeben, wenn Sie nicht möchten; Sie können Daten direkt aus Dateien verschiedener Typen importieren.

Ein Nachteil ist jedoch, dass die Optionen bei der kostenlosen Version "eingeschränkt" sind. Ich habe begrenzte Angebote gemacht, weil sie viele Optionen haben; es ist nur nicht ganz kostenlos. Sie haben Dutzende verschiedener Stile und Farben zur Auswahl und verschiedene Vorlagen, die Sie verwenden können.

Ninja Tables ermöglicht es Ihnen auch, Ihre Tabelle aus dem Blockeditor direkt in einem Beitrag zu erstellen und zu bearbeiten oder sie von einem zentralen Dashboard aus zu verwalten, genau wie TablePress es tut. Sie können mit dem Plugin ziemlich frei machen, was Sie wollen.

Sie finden die kostenlose Version von Ninja Tables im WordPress-Plugin-Verzeichnis. Wie viele Plugins bieten sie auch eine Premium-Version an, wenn Sie sie auf ihrer Website kaufen möchten.

Premium bietet Ihnen eine Reihe zusätzlicher Funktionen, die Sie wahrscheinlich hilfreich finden werden, darunter:

• Die Möglichkeit, Ihren Zellen anstelle von Textdaten Medienelemente hinzuzufügen.
• Eine Farbauswahl, sodass Sie nicht nur auf die Farben beschränkt sind, die sie für Sie vorkonfiguriert haben.
• Weitere Optionen zum Importieren und Exportieren von Daten oder zum Synchronisieren mit Google Sheets.
• Optionen für bedingte Formatierung und erweiterte Datenfilterung.
• Verwenden von Shortcodes in Tabellenzellen.

Eine Single-Site-Lizenz kostet 49 US-Dollar pro Jahr, oder Sie können 99 US-Dollar für 20 Sites oder 199 US-Dollar für unbegrenzte Sites bezahlen. Alternativ bieten sie lebenslange Lizenzen für 199 US-Dollar für eine Domain , 399 US-Dollar für 20 oder 599 US-Dollar für unbegrenzte Domains an. Abgesehen von der Anzahl der Domains, auf denen Sie es verwenden können, haben die Pläne keine Einschränkungen, sodass alle kostenpflichtigen Versionen identisch sind. Sie können die Website durchsuchen und weitere Funktionen hier sehen.

Option 4: Datentabellen-Generator

Mögen Sie Funktionen? Wünschst du dir, du hättest mehr davon? Hätten Sie gerne eine Datentabelle, die Sie dynamisch in Diagramme, Grafiken, Balken, Torten, PDFs und andere Exporte konvertieren können? Möchten Sie Medien in Ihrer Tabelle anzeigen? Eine Suchleiste? Ein Dropdown-Menü, um auszuwählen, wie viele Zeilen angezeigt werden? Sortieren nach Spalte für jede Spalte? Sich anpassendes Design?

Gut, ich höre auf.

Wie bei TablePress verwalten Sie Ihre Tabellen über ein Dashboard und betten sie in Ihre WordPress-Posts oder -Seiten ein. Dieses Plugin ist in hohem Maße das Tabellen-Plugin für den MINT-Major, der vor Aufregung zu vibrieren beginnt, wenn er einen guten Stapel frischer Daten sieht, und nicht für den Vermarkter, der eine Fire-and-Forget-Tabelle mit einem halben Dutzend Zeilen und mehr haben möchte eine Sternebewertung. Es ist auch sehr kompliziert, weil es eine Million verschiedener Optionen hat.

Wenn ich sage, das kann alles, dann meine ich das auch. Das Dashboard des Datentabellen-Generators zum Bearbeiten einer Tabelle sieht so aus, als ob Sie Excel oder Google Sheets genommen und einfach in den Editor eingebettet hätten. Es bietet Platz für Formeln und Formatierungen und vieles mehr. Es hat alles was man sich wünschen kann. In gewisser Weise ist es das beste WordPress-Tabellen-Plugin, einfach weil es die meisten Funktionen hat.

Also, was ist der Haken?

Die Komplexität natürlich. Es ist sehr robust für eine datenlastige Website, aber wenn Sie ein kleineres WordPress-Blog sind und nur ein Diagramm wünschen, um sich mit Ihren Mitbewerbern zu vergleichen, eine Preistabelle mit verschiedenen Plänen und Funktionen oder eine Produktvergleichstabelle für etwas, das Sie verkaufen ; Das ist ungefähr so ​​viel Overkill wie die Verwendung eines Marschflugkörpers, um Ihren Garten zu bestellen.

Sie können die kostenlose Version hier erhalten, Sie haben es erraten, das WordPress-Plugin-Verzeichnis.

Die Bezahlversion ist passenderweise in Tabellenform bepreist.

Die Data Tables Generator-Website verfügt über Lizenzen für ein, zwei oder drei Jahre und für eine, fünf oder mehr als 6 Websites gleichzeitig. Eine Single-Site-Lizenz für ein Jahr kostet 46 US-Dollar.

Option 5: Angliederbar

Bei den meisten der oben genannten Optionen geht es darum, große Mengen komplexer Daten in Tabellen anzuzeigen, aber was ist, wenn Sie etwas so Kompliziertes nicht wollen?

Die meisten Blogger, die Tabellen hinzufügen möchten, entscheiden sich wahrscheinlich für so etwas wie eine Produktvergleichstabelle. Sie haben zwei oder drei Produkte und möchten eine Tabelle, die verschiedene Informationen zu Funktionen/Preisen/Bewertungen für sie enthält, mit Affiliate-Links, um sie zu kaufen. Es ist eine bewährte Strategie für Affiliate-Marketing und Produktverkauf. Zeigen Sie einfach die Funktionen des Produkts, damit ein Benutzer sie verwenden kann, um sich zwischen ihnen zu entscheiden, und er wird sich eher für eines entscheiden.

Affiliable ist eine solche Möglichkeit, diese Tabellen hinzuzufügen. Es verfügt über Vergleichstabellen, ein „Top-3-Box“-Format, individuelle Produktdetailseiten und einen Pro-und-Kontra-Boxstil. Noch wichtiger ist, dass es eher einige Marketingfunktionen als Datenverwaltungsfunktionen hat. Benutzer müssen nicht in der Lage sein, eine Produktvergleichstabelle zu sortieren oder zu durchsuchen, aber sie können sicherlich von einem kleinen Geotargeting auf Ihrer Seite profitieren, oder?

Affiliable hat drei Versionen:

• Eine kostenlose Version
• Eine Pro-Version für eine Einzelplatzlizenz
• Eine Pro-Version für unbegrenzte Websites

Die kostenlose Version ist akzeptabel, aber begrenzt; Sie können keine Premium-Vorlagen verwenden, es ist nicht für Schema optimiert und Sie können keine benutzerdefinierten Kategorien verwenden. Die kostenpflichtigen Versionen kosten 39 $ pro Jahr bzw. 89 $ pro Jahr , oder Sie können lebenslange Lizenzen für 199 $ oder 399 $ kaufen.

Was denkst du? Wie füge ich am besten eine Tabelle zu Ihren Blogbeiträgen hinzu? Lass es mich in den Kommentaren wissen, wenn du einen weiteren tollen Vorschlag hast.