Wie man in WordPress Feature-Boxen hinzufügt

Wie man Feature-Boxen in WordPress-Website hinzufügen

Ein Funktionsfeld ist ein gestalteter Bereich auf einer Webseite, der die Aufmerksamkeit auf bestimmte Inhalte, Produkte und Dienstleistungen lenkt. Feature-Boxen werden mit Elementen wie Bildern, Symbolen, prägnantem Text und Schaltflächen gestaltet.

Tableberg ist ein Mehrzweck-Plugin für die Erstellung von Tabellen. Es kann Ihnen helfen, wunderbare Layouts für Ihre Feature-Boxen zu erstellen. In diesem Tutorial-Beitrag zeigen wir Ihnen eine einfache Anleitung, wie Sie mit dem Plugin Feature-Boxen in WordPress hinzufügen können.

Holen Sie sich das Plugin, indem Sie auf die Schaltflächen im Banner unten klicken.

Schöne Tische erstellen
Mit Block-Editor

Sobald Sie die Plugins auf Ihrer Website installiert haben, folgen Sie der nachstehenden Anleitung.

Schritt 01: Hinzufügen des Tableberg-Blocks zum Editor

Fügen Sie die Tableberg-Block an die Redaktion.

Fügen Sie den TableBerg-Block zu Ihrem Gutenberg-Editor hinzu

Definieren Sie die Anzahl der Zeilen und Spalten für Ihre Website entsprechend der Anzahl der Featureboxen, die Sie erstellen möchten.

Da wir drei Featureboxen erstellen werden, haben wir die Anzahl der Spalten und Zeilen 2*2 gewählt.

Festlegen der Anzahl der Zeilen und Spalten

Die festgelegte Anzahl von Zeilen und Spalten wurde hinzugefügt.

Zeilen und Spalten werden hinzugefügt

Schritt 02: Hinzufügen eines Produktbildes zur Box

Ein Merkmalskasten ist ohne ein Bild des jeweiligen Produkts bedeutungslos. Fügen Sie die Bildblock in eine geeignete Zelle.

Ein Produktbild zur Box hinzufügen

Fügen Sie ein Bild in eine geeignete Zelle ein. Sie können die Größe des Bildes durch Ziehen des runden Symbols ändern.

Größe des Bildes in das Merkmalsfeld ändern

Schritt 03: Eine Sternbewertung hinzufügen

Eine Sternebewertung ist ein intuitiver Weg, um die Qualität und Beliebtheit eines Produkts auszudrücken. Sie hilft auch bei der Kundenbindung. Also, fügen Sie die Sternbewertungsblock auf den Tisch.

Hinzufügen einer Sternchenbewertung zum Funktionsfeld

Von unter der Registerkarte Einstellungen auf der rechten Seitenleiste können Sie Werte für den Block Sternchenbewertung festlegen. Sie können sogar die Größe des Blocks ändern, falls erforderlich.

Eingestellter Wert für den Sternbewertungsblock

Schritt 04: Hinzufügen einer CTA-Schaltfläche

Mit einer CTA-Schaltfläche können Sie Nutzer zum Kauf oder zum Besuch der Produktseite motivieren. Also, fügen Sie den Knopfleiste unter der Bewertung.

Hinzufügen einer CTA-Schaltfläche zur Feature-Box

Gehen Sie zum Registerkarte "Stile, wobei der Schaltflächenblock ausgewählt bleibt.

Von hier aus können Sie die Schaltfläche Textfarbe, Hintergrundfarbe, Größe, Polsterung, eined Radius nach Bedarf.

Anpassen der Schaltfläche auf dem Funktionsfeld

Schritt 05: Hinzufügen der Merkmalsliste und Beschreibung

Da Sie mehr Platz für die Merkmalsliste und die Beschreibung benötigen, ist es besser, zwei Zellen zusammenzulegen. Zellen auswählen mit Ihrem Cursor durch Halten der Umschalttaste.

Klicken Sie auf Tabelle bearbeiten in der Symbolleiste. Drücken Sie die Option Zusammenführen auf der Liste.

Zellen für den Merkmalskasten zusammenführen

Fügen Sie die Absatzblock zum Schreiben von Text in das Merkmalsfeld.

Fügen Sie den Absatzblock in das Funktionsfeld ein, um Text hinzuzufügen

Es ist besser, die Produktmerkmale in einer Liste darzustellen. Fügen Sie also die Block mit gestalteter Liste.

Hinzufügen der Merkmalsliste zum Merkmalskasten

Ich hoffe, Sie können Ihre Produkteigenschaften wie in der Abbildung unten auflisten. Sie können das Listensymbol zu ändern und zu vergrößern, und seine Farbe ändern.

Listen Sie Ihre Produktmerkmale auf

Fügen Sie schließlich eine kurze Beschreibung Ihres Produkts hinzu, indem Sie den Absatzblock unter der Liste der Merkmale verwenden.

Fügen Sie eine kurze Beschreibung über Ihr Produkt hinzu

Der Inhalt Ihres Merkmalskastens ist also fertig. Jetzt werden wir die Boxen noch ein wenig anpassen.

Schritt 06: Anpassen der Ränder der Merkmalsfelder

Tableberg ermöglicht die Anpassung sowohl der extern und innere Grenzen.

Gehen Sie zum Registerkarte "Stile. Scrollen Sie ein wenig nach unten. Sie erhalten dann diese Optionen. Stellen Sie die gewünschten Farben ein und Dicke für die Ränder.

Anpassen der Ränder der Merkmalsfelder

Schritt 07: Farbband zur Feature-Box hinzufügen

Ein Band ist ein kleines dekoratives Etikett oder Banner, das wichtige Informationen wie Rabatte, Neuzugänge usw. hervorhebt. Fügen Sie das Farbbandblock zur nächstgelegenen Zelle.

Farbband zur Feature-Box hinzufügen

Auf dem Weg zum Registerkarte Einstellungenschreiben Sie eine Farbbandkopie und fixieren seine Position auf das Merkmalsfeld.

Einstellen des Bandtextes und seiner Position auf dem Feature-Kasten

Gehen Sie schließlich zum Registerkarte "Stile.

Wählen Sie die Text und Hintergrundfarbe für das Farbband.

Wählen Sie die Farbe des Bandes

Schritt 08: Vorschau der Feature-Box

Rufen Sie die Vorschauseite auf. Sie werden sehen, dass die Funktion gut funktioniert.

Vorschau der Feature-Box

Schlussfolgerung

Ich hoffe, dieser Artikel hat Ihnen gefallen. Sie können mehr Entwürfe mit dem Tableberg-Plugin machen. Sehen Sie sich zum Beispiel zwei weitere Beiträge an, bevor Sie den Artikel beenden. Diese Beiträge sind:

Wenn Sie eine Frage zum Plugin haben, lassen Sie es uns bitte über das Kommentarfeld wissen. Wir werden uns sehr bald mit einer zufriedenstellenden Antwort bei Ihnen melden.



Das Tischberg-Team