Wenn Sie nach einer Antwort auf die Frage suchen, "wie man einer Tabelle in WordPress einen Bildhintergrund hinzufügt", werden Sie keine direkte Antwort finden. Es gibt auch keine direkte Option zum Hinzufügen von Bildern.
Aber wenn Sie kreativ genug sind, können Sie das ganz einfach tun, indem Sie die Hilfe der anderen Kernblöcke in WordPress in Anspruch nehmen. Heute werde ich Ihnen zeigen, wie Sie in drei Schritten ein Hintergrundbild zu einer Tabelle in WordPress hinzufügen können.
Warum Sie ein Hintergrundbild zu einer Tabelle in WordPress hinzufügen sollten
Das Hinzufügen eines Hintergrundbildes zu einer Tabelle in WordPress kann verschiedenen Zwecken dienen, je nach Ihren Designzielen und dem Inhalt, den Sie präsentieren möchten.
Im Folgenden finden Sie einige allgemeine Gründe, warum Sie dies in Betracht ziehen sollten:
- Optische Attraktivität verbessern: Ein Hintergrundbild kann eine schlichte Tabelle ansprechender und attraktiver erscheinen lassen. Es fügt eine kreative Ebene hinzu und kann dazu beitragen, dass Ihr Inhalt hervorsticht, insbesondere wenn die Tabelle Teil einer Landing Page oder eines visuell reichhaltigen Beitrags ist.
- Konsistenz der Marke: Wenn Ihre Website einem bestimmten Designthema oder Branding (Farben, Muster oder Bilder) folgt, kann ein Hintergrundbild in der Tabelle helfen, die Konsistenz zu wahren.
- Kreative Präsentation: Hintergrundbilder sind nützlich für Tabellen mit kreativen oder nicht-technischen Inhalten, wie z. B. Zeitleisten für Veranstaltungen, Produktkataloge oder Portfolio-Präsentationen. Sie können die Tabelle von einem rein funktionalen zu einem integralen Designbestandteil machen.
Kommen wir nun zu unserem Hauptteil.
Bildhintergrund zu einer Tabelle in WordPress hinzufügen
Für unser heutiges Lernprogramm werden wir Tableberg verwenden. Falls Sie es noch nicht wussten, Tableberg ist ein reines Gutenberg-Tabellen-Plugin mit der Sie in Gutenberg schöne und responsive Tabellen erstellen können.
Es ermöglicht Ihnen, iBilder, Sternebewertungen, Schaltflächen, Ribbons, benutzerdefiniertes HTML, Text, gestaltete Listen, usw., um eine funktionale und getanzte Tabelle innerhalb des Gutenberg-Block-Editors zu erstellen. Darüber hinaus verfügt es über erweiterte Funktionen wie das Zusammenführen und Teilen von Zellen, das Definieren von Zellenhöhe und -breite, Sticky Header usw. Auch hier können Sie Tabellenvorlagen verwenden, um schnell loszulegen.
Schöne Tische erstellen
Mit Block-Editor
Schritt 1: Erstellen Sie zunächst eine Gruppe
Da der WordPress-Block Tableberg und Core table es nicht erlaubt, ein Bild als Hintergrund hinzuzufügen, verwenden wir die Gruppe Block und Abdeckung Block.
Bevor Sie eine Tabelle erstellen, erstellen Sie zunächst eine Gruppe.
Gehen Sie zu Ihrem Beitrag und fügen Sie zuerst den Gruppenblock ein. Um den Gruppenblock einzufügen, klicken Sie auf die Schaltfläche "+" Symbol (Blocksymbol hinzufügen) in der Redaktion (1) und tippen Sie "Gruppe" im Suchfeld (2). Klicken Sie auf "Gruppe" um sie in den Editor einzufügen(3).
Wählen Sie nun das erste Layout aus.
Drücken Sie die Schaltfläche "Block hinzufügen innerhalb des Gruppenblocks (1). Typ "Abdeckung" innerhalb des Suchfeldes (2) und Wählen Sie die Abdeckblock (3).
Wählen Sie die Option zum Hochladen Ihres Bildes.
Nachdem Sie Ihr Bild eingefügt haben, löschen Sie den Titelblock innerhalb des Titelblocks.
Schritt 2: Erstellen Sie Ihre Tablberg-Tabelle
Jetzt, Erstellen Sie Ihre Tabelle innerhalb des Cover-Blocks. Ich werde auf die "+" Symbol (Blocksymbol hinzufügen) in der Redaktion (1) und tippen Sie "Tischberg" im Suchfeld (2). Nun werde ich auf "Tableberg" um sie in den Editor einzufügen(3).
Ich werde eine Tabellenvorlage von Tablberg einfügen (1) um schnell loszulegen und meine Daten entsprechend zu ändern.
Jetzt werde ich eine aus der Vorlagenbibliothek auswählen.
Unten sehen Sie, wie es aussieht.
Schritt 3: Anpassen des Abdeckblocks
Nun müssen Sie das Titelbild anpassen, damit jeder die Daten Ihrer Tabelle leicht verstehen kann. Wählen Sie das Decken Sie den Block ab, indem Sie einfach außerhalb der Tabelle klicken. Navigieren Sie zum Einstellungen (1) > Block (2) > Stile (3).
Ändern Sie die Überlagerung Deckkraft nach Ihren Bedürfnissen (1).
Ändern Sie den Rand und die Auffüllung auf "Keine ” (1). Obwohl Sie sehen können, dass margin und padding auf none gesetzt sind, müssen Sie dies selbst wieder tun. Andernfalls wird das Bild außerhalb der Tabelle bleiben. (N.B.. Sie ist fakultativ, wenn Sie mit dem vorherigen Schritt einverstanden sind.)
Die Demo des Tabellenhintergrunds finden Sie unten.
Schlussgedanken!
Beim Hinzufügen eines Hintergrundbildes zu einer Tabelle in WordPress geht es nicht nur um Ästhetik, sondern auch darum, die Benutzerfreundlichkeit zu verbessern und gleichzeitig die visuelle Kohärenz Ihrer Website zu wahren.
Ich hoffe, Sie haben diesen Beitrag hilfreich gefunden. Fügen Sie nun einen Tabellenhintergrund zu Ihrer Tabelle hinzu und passen Sie ihn an das Design Ihrer Website an.
Teilen Sie mir Ihre Meinung im Kommentarfeld unten mit. Zögern Sie auch nicht, Fragen zu diesem Tutorial zu stellen. Ich würde mich freuen, Ihnen zu helfen. Teilen Sie diesen Beitrag mit Ihren Freunden über die sozialen Medien, wenn Sie ihn nützlich finden.
Mehr lesen!
- Wie man einen Button über einem Bild in WordPress hinzufügt
- Wie man ein Inline-Bild in WordPress für einen besseren Fluss hinzufügt
- Wie man Text über einem Bild in WordPress hinzufügt
- Wie man Text und Bild in WordPress nebeneinander stellt
- Wie man WordPress-Bilder in Spalten und Zeilen anzeigt
- Wie man ein Bild zu einer Tabelle in WordPress hinzufügt
- Wie man Bilder in WordPress nebeneinander stellt (3 Wege)
- 7 beste WordPress Preisliste Tabelle Plugins
