Wenn Sie auf der Suche nach einer Anleitung sind, wie Sie Flipboxen in WordPress erstellen können, haben wir einen umfassenden Leitfaden für Sie.
Sie müssen nur wissen, wie Sie eine von Grund auf neu erstellen können. Aber vorher wollen wir noch ein paar Details über Flipboxen erfahren.
Was ist eine Flip-Box in WordPress?
A Klappbox in WordPress ist ein interaktives Inhaltselement, das Text und Bildmaterial mit einem umspringenden Animationseffekt kombiniert.
Sie hat in der Regel zwei Seiten. Es wird häufig verwendet, um Text auf kreative Weise in Kombination mit einem faszinierenden Flip-Effekt zu präsentieren.
Man fügt Flipboxen ein, weil sie ein ansprechendes und interaktives Element sind, das die Aufmerksamkeit der Besucher sofort auf sich zieht.
Betrachten wir nun einige andere Szenarien für Flip-Boxen.
Schöne Tische erstellen
Mit Block-Editor
Warum Flip-Boxen in WordPress-Websites verwenden?
Flipboxen sind ein leistungsstarkes Designelement, das Ihre WordPress-Inhalte auf verschiedene Weise aufwerten kann. Hier erfahren Sie, warum es sich lohnt, sie zu verwenden:
-
Aufmerksamkeit erregen: Flipboxen ziehen die Aufmerksamkeit der Besucher wie ein Magnet auf sich und wecken ihre Neugierde, so dass sie zu weiteren Erkundungen angeregt werden.
-
Wichtige Informationen hervorheben: Mit Flipboxen können Sie wichtige Details auf der Vorderseite präzise darstellen und auf der Rückseite Erklärungen oder weitere Details anbieten, wodurch der Inhalt umfassender wird.
-
Elegant präsentieren: Conent: Mit Flipboxen können Sie Ihre Inhalte auf elegante Weise präsentieren. Anstelle von einfachem Text oder statischen Boxen bieten Flipboxen eine elegante Möglichkeit, Dienstleistungen, Teamprofile, CTAs usw. zu präsentieren.
Nachdem Sie nun einige Vorteile der Verwendung von Flipboxen auf Ihrer Website kennengelernt haben, gehen wir zu unserem Haupttutorial über.
Wie man Flip-Boxen in WordPress erstellt
Da WordPress keinen Kernblock zur Erstellung einer Flipbox hat, werden wir ein Plugin eines Drittanbieters namens Flipbox.
Flipbox verfügt über eine Sammlung von coolen CSS3-Plugin-Effekten, die Flipboxen noch attraktiver machen. Es funktioniert mit jedem Page Builder und ist standardmäßig responsive.
Schritt 1: Installieren Sie die Flipbox
Der erste Schritt besteht darin, das Flipbox-Plugin zu installieren, indem Sie sich in das Dashboard Ihrer Website einloggen. Navigieren Sie dann zu Plugins (1) > Neues Plugin hinzufügen (2). Suche Flipbox (3) und das Plugin installieren (4).
Vergessen Sie nicht, das Plugin nach der Installation zu aktivieren.
Schritt 2: Erstellen Sie Ihre Flip-Boxen
Klicken Sie nun auf Flip Box (1) und Neu erstellen daraufhin (2).
Wählen Sie einen beliebigen Stil auf der Seite aus und klicken Sie auf "Stil erstellen". Wenn Sie nach unten scrollen, können Sie zahlreiche Stile sehen.
Geben Sie eine Name zu Ihrer Flipbox (1), und wählen Sie die Layout-Nummer. Die Layouts sind in der Stile die Sie bereits gesehen haben (Jeder Stil hat drei Layouts). Klicken Sie abschließend auf die Schaltfläche Speichern Sie Taste (3).
Schritt 3: Passen Sie Ihre Flip-Box an
Alle Optionen dienen der individuellen Anpassung. Passen Sie sie nach Ihren Bedürfnissen an. Die Vorschau wird unten auf der gleichen Seite angezeigt.
Wählen Sie den "Flip-Boxen öffnen von" um Ihren Inhalt einzufügen.
Geben Sie die Vorderseite Titel (1) und Front-Symbol (2)und klicken Sie schließlich auf Bild hochladen um ein Bild für die Vorderseite hochzuladen (3).
Scrollen Sie auf derselben Seite nach unten und geben Sie die Backend-Informationen oder ausführlicher Text des Inhalts (1) und die Backend Schaltfläche Text (2). Sie können auch die Button-Link wenn Sie möchten (3). Danach müssen Sie ein Bild für das Backend-Hintergrundbild festlegen, indem Sie auf die Schaltfläche "Bild hochladen” (4).
Nachdem Sie alles eingerichtet haben, drücken Sie die Taste "Einreichen" Schaltfläche (1).