Alle modernen Websites sind so konzipiert, dass sie auf verschiedenen Bildschirmbreiten ordnungsgemäß funktionieren. Tabellen wurden früher mit einfachem HTML erstellt. Da flexibles Webdesign zum neuen Standard geworden ist, haben einfache HTML-Tabellen Schwierigkeiten, mit den Anforderungen moderner Websites Schritt zu halten. Da die einfachen HTML-Tabellen nicht responsiv sind, ist der darin enthaltene Text auf mobilen Bildschirmgrößen äußerst schwer zu lesen. Aus diesem Grund werden sie zur Entwicklung responsiver Tabellen verwendet, deren Layout sich an die Bildschirmgröße anpasst, auf der sie angezeigt werden. HTML- und CSS-Medienabfragen müssen zusammen verwendet werden.
- Lösung 1: Tabellen können mit dem Divi Builder erstellt werden.
- Lösung 2: Nutzen Sie Tabellen plugin , die diese Funktionalität standardmäßig enthalten!
- WP Table Manager
- Schnittstelle für den WP Table Manager
- Abschluss
Tabellen können mit einem auf allen Bildschirmgrößen lesbaren Layout für einen einzelnen Informationssatz erstellt werden, der nicht zu umfangreich oder vielfältig ist. Dies kann mit einfachen HTML- und CSS-Ansätzen erreicht werden. Wenn die Tabelle jedoch eine beträchtliche Datenmenge aufnehmen soll, ist es nicht einfach, auf Mobilgeräten oder Bildschirmen mit einer Breite von weniger als 786 Pixeln ein lesbares Layout zu erstellen.
Wenn der Webdesigner, der mit HTML und CSS arbeitet, um eine auf allen Bildschirmgrößen reaktionsfähige Tabelle zu erstellen, die Datenmenge nicht berücksichtigt, stößt er wahrscheinlich auf Probleme, die die Lesbarkeit des Inhalts der Website erheblich beeinträchtigen. Hier sind einige Vorschläge, die Sie als Divi-Website-Designer in die Praxis umsetzen können, wenn Sie versuchen, responsive Tabellen manuell zu erstellen.
Während Sie die Größe der Tabelle reduzieren, um sie an einen kleineren Bildschirm anzupassen, müssen Sie mehrere CSS-Klassen erstellen, wobei jede Klasse auf eine bestimmte Bildschirmauflösung abzielt.
Eine alternative Lösung besteht darin, bestimmte Spalten aus der Tabelle auszublenden, wenn die Bildschirmgröße kleiner ist.
Bei kleineren Bildschirmen können Sie horizontale oder vertikale Bildläufe in die Kopf- und Fußzeilen der Tabelle einfügen.
Erstellen Sie eine einzelne Tabelle, die an alle Bildschirmgrößen angepasst werden kann, und zoomen Sie die Tabelle, um das Material besser lesbar zu machen.
Diese Lösungen erfordern einen erheblichen Aufwand und die Anforderungen können je nach Inhalt und Bildschirmgröße unterschiedlich sein.
Lösung 1: Tabellen können mit dem Divi Builder erstellt werden.
Elegant Themes hat ein Tutorial erstellt, das zeigt, wie man mit den integrierten Funktionen von Divi responsive Tabellen erstellt. Schauen Sie es sich hier an. Sie haben horizontale Bildlauffunktionen zu den Spalten hinzugefügt, die über den Tabellencontainer hinausragen, sodass die Tabelle besser auf Benutzereingaben reagieren kann. Weitere Informationen finden Sie auf der Tutorial-Seite:
Lösung 2: Nutzen Sie Tabellen plugin , die diese Funktionalität standardmäßig enthalten!
Dank der Fülle an KOSTENLOSEN plugin Lösungen, die im Repo verfügbar sind, ist die Erstellung einer responsiven Tabelle für Ihre Divi-Website kein Problem mehr. Allerdings ist es etwas schwierig, Tabellen- plugin zu finden, die über integrierte Optionen für die mobile Reaktionsfähigkeit verfügen. Beliebte plugin wie wpDataTables bieten diese Funktion nicht als kostenlose Option an.
In diesem Artikel betrachten wir das WP Tabe Builder plugin als eines der besten.
WP Table Manager
WP Table Manager ist das einzige WordPress-Tabellen- plugin , das eine vollständige Tabellenkalkulationsoberfläche zum Verwalten von Tabellen bietet. Erstellen Sie eine Tabelle, wählen Sie ein Thema aus und beginnen Sie mit der Bearbeitung der Tabellen, sobald Sie mit der Erstellung fertig sind. Sie profitieren von einem umfassenden Satz leistungsstarker Tabellenbearbeitungsfunktionen, einschließlich HTML-Zellenbearbeitung, Tabellenkopieren, Berechnung und Synchronisierung mit Excel, Google Sheets und Office 365; Es ist so einfach wie das Klicken auf eine Zelle und das Bearbeiten von Daten mit oder ohne die Unterstützung eines visuellen Texteditors, damit der Endbenutzer eine Tabelle ändern kann.
WP Table Manager können Sie mithilfe einer einfachen visuellen Oberfläche attraktive, ansprechende Tabellen entwerfen. Die Nutzung ist kostenlos. Sobald Sie es aktiviert haben, werden Sie zur Einrichtungsanleitung weitergeleitet. Befolgen Sie die Anweisungen und nehmen Sie die erforderlichen Anpassungen nach Ihren Wünschen vor. Wie von Zauberhand haben Sie eine wunderschöne Tabelle erstellt, die auf jedem Gerät jeder Größe wunderschön zur Geltung kommt. Dann müssen Sie nur noch den Shortcode kopieren und auf der Seite einfügen, auf der er erscheinen soll. Der Builder bietet derzeit sieben Elemente (Text, Bild, Liste, Schaltfläche, Sternebewertung, benutzerdefiniertes HTML und Shortcode), die Sie mithilfe der Drag-and-Drop-Funktion per Drag & Drop in Tabellenplatzhalter ziehen können. Diese können verwendet werden, um verschiedene Arten von Tabellen zu erstellen, z. B. Produktvergleichstabellen, Preistabellen, Listentabellen usw.; Dies ist das Table- plugin , das wir bei unserer Untersuchung als das einsteigerfreundlichste Plugin erwiesen haben. Bitte beachten Sie, dass die aktuelle Version über kein Suchfeld oder andere Filterfunktionen verfügt. Wenn Sie außerdem beabsichtigen, viele Datensätze einzugeben oder zu verwalten, ist dies möglicherweise nicht die ideale Option. Für diese Art von Anwendungsszenario sind sowohl Visualizer als auch Tablepress eine ausgezeichnete Wahl.
Schnittstelle für den WP Table Manager
Sie können den Shortcode entweder in ein Codemodul oder ein Textmodul in Divi einfügen.
Das DIVI Theme beinhaltet den WP Table Manager .
WP Table Manager plugin antwortet auf die Verwaltung von Details beim Umgang mit Tabellen;
- Sobald die Filteroption für Ihre Tabelle aktiviert ist, können Sie jede Spalte nach Daten durchsuchen und die gesamte Tabelle filtern. Es funktioniert auch bei großen Tabellen, einschließlich Paginierung
- Der Aufwärts- und Abwärtspfeil in jeder Spalte ordnet Ihre Tabellendaten an. Die Reihenfolge der Tabellendaten funktioniert auch bei großen Tabellen, einschließlich der Paginierung.
- Sobald Sie Ihre Tabelle mit allen benötigten Daten erstellt haben, können Sie Benutzern die Sortierung überlassen, aber Sie können auch eine Standardreihenfolge festlegen. Das kann sehr nützlich sein, wenn sich die Informationen im Laufe der Zeit ändern, da Sie die Läufer nach dem Rennen in der Reihenfolge ihres Eintreffens sortieren können.
- Paginierung ist erforderlich, wenn Sie eine große Tabelle im Frontend Ihrer Website anzeigen und gleichzeitig Ihre Serverressourcen beibehalten möchten. Wählen Sie pro Seite eine voreingestellte Anzahl an Tabellenzeilen aus.
Es gibt auch eine offene Möglichkeit, Excel-Dokumente über den Excel-Dateiimporter WP Table Manager zu verwalten. Sie können Excel-Daten jedoch nur als bearbeitbare HTML-Tabelle importieren und umwandeln oder die Excel-Datei mit ihrem Stil einschließlich Farben, Hintergründen, Spaltengröße und Links importieren.
Verwalten Sie Ihre Excel-Tabelle und veröffentlichen Sie sie auf Ihrer WordPress-Website! Sie können eine Excel-Datei über die WordPress-Medienverwaltung oder einen FTP-Client in die Tabelle hochladen. Wählen Sie dann Ihre Excel-Datei aus und starten Sie die Synchronisierung über die Tabelleneinstellungen.
Die Synchronisierung zwischen Ihrer WordPress-Tabelle und der Excel-Datei kann regelmäßig erfolgen, zwischen einer Minute und einem Tag. Die automatische Synchronisierungsverzögerung kann auch definiert werden, um unerwünschte Aktualisierungen öffentlicher WordPress-Tabellen zu vermeiden oder Serverressourcen für eine große Tabelle zu sparen.
Nach dem Import einer Tabelle können alle Daten aktualisiert werden; Dies ist nur eine gewöhnliche HTML-Tabelle, die wie ein plugin bearbeitet werden kann! WordPress-Tabelle.
Andererseits können Sie, nachdem Sie eine übersichtliche Tabelle mit allen gewünschten Daten erstellt haben, diese als herkömmliche Excel-Datei exportieren und amp die aktualisierte Excel-Tabelle später erneut ausführen. Ihre Benutzer können die Tabelle nun als Excel-Tabelle im WordPress-Frontend exportieren.
Der WP Table Manager synchronisiert sich auch mit Office 365 über OneDrive.
Das Tool zum Importieren und Exportieren von OneDrive-Excel-Dateien ist verfügbar. Sparen Sie Zeit, indem Sie Ihre Dateien unterwegs importieren und ändern. Seien Sie noch produktiver mit der OneDrive-Dateisynchronisierung! Wählen Sie eine Office 365 Excel-Datei zur Synchronisierung aus, passen Sie sie automatisch an und sie ist live auf Ihrer Website.
WP Table Manager hilft Ihnen beim Erstellen und Importieren von Tabellen aus der Datenbank; Es enthält jetzt ein Tool zum Generieren von Tabellen aus einer Auswahl von Website-Datenbankinhalten, das zuvor nicht verfügbar war. Tabellen und Spalten aus der Datenbank werden ausgewählt, konfigurierbare Filter angewendet und Tabellen über die WP Table manager Schnittstelle verwaltet. Wenn die Datenbank aktualisiert wird, wird Ihre Tabelle automatisch erhöht! Darüber hinaus stehen Ihnen Sortier-, Filter-, automatische Gestaltungs- und Paginierungsoptionen zur Verfügung.
Wenn Sie kein Entwickler sind, können Sie jedes Datenbankmaterial visuell mit Ihrer HTML-Tabelle verbinden. Alle Tabellen in Ihrer Datenbank werden angezeigt, während aus dem Datenbankinhalt eine neue Tabelle generiert wird.
Ihre Website-Datenbank führt möglicherweise eine einfache Suche durch und wählt Ihre Tabellen und Spalten aus. Dies ist in einer umfangreichen Datenbank von großem Vorteil. Darüber hinaus unterstützt Sie ein Assistent Schritt für Schritt bei der Tabellenerstellung aus der Datenbank.
In der letzten Phase können Sie vor der Vorschau der Tabelle aus der Datenbank Ihre benutzerdefinierte Abfrage für die angegebenen Datenbanktabellen schreiben. Wir unterstützen einige Funktionen wie SELECT, REPLACE, RENAME, SHOW, EXPLAIN, DESCRIBE.
Eine Datenbanktabelle enthält manchmal viele Zeilen. Daher kann diese Option dabei helfen, eine Tabelle anzuzeigen, die in Ihren Bildschirm passt. Außerdem können Sie für jede Seite eine vordefinierte Anzahl von Tabellenzeilen festlegen. Darüber hinaus können Sie auch eine Spalte auswählen, um die gesamte Tabelle standardmäßig zu sortieren.
Die Verbindung mit WordPress-Datenbanktabellen ist nicht nur auf WordPress-Tabellen beschränkt. Alle Tabellen, die nicht von WordPress stammen, aber in derselben Datenbank installiert sind, können verbunden werden.
Unter den riesigen Datenmengen in Ihrer Tabelle können Sie einige benutzerdefinierte Regeln erstellen, um sich auf ein bestimmtes Objekt zu konzentrieren. Wenn Sie damit vertraut sind, können Sie mit den Datenbankoperatoren wie >, <, LIKE, IN… herumspielen.
Die Tabellen aus der von Ihnen erstellten Datenbank können wie alle anderen Tabellen bearbeitet werden (sofern der Benutzer Zugriff auf diese sinnvolle Funktion hat); Dies ist sehr praktisch, um einige Datenbankdaten stapelweise zu bearbeiten, z amp mehrere Daten nach der Veröffentlichung, die nacheinander eine Weile gedauert hätten.
Abschluss
Tabellen sind eine der effektivsten Möglichkeiten, eine Reihe von Informationen darzustellen. Allerdings ist das Erstellen von Tabellen auf einer Webseite für eine weniger technisch versierte Person eine Herausforderung. Mit diesen plugin können Sie in nur wenigen Schritten ganz einfach Tabellen erstellen, die auf jedem Gerät lesbar sind. Darüber hinaus sorgen responsive Tabellen mit Sicherheit für ein positives Gesamterlebnis für Ihre Website-Besucher. Probieren Sie es also aus und teilen Sie uns Ihre Erfahrungen im Kommentarbereich unten mit.
