Wie man DearFlip hinzufügt, um ein Flipbook in WordPress zu erstellen
Die Erstellung eines Daumenkinos auf Ihrer WordPress-Website kann Ihren Nutzern ein interaktives und visuell ansprechendes Erlebnis bieten. DearFlip ist ein beliebtes Plugin, das die Umwandlung von PDFs oder Bildern in realistische Daumenkinos erleichtert. Ob Sie Broschüren, Zeitschriften, Kataloge oder andere Inhalte präsentieren möchten, DearFlip bietet eine nahtlose Möglichkeit, Daumenkinos direkt in WordPress zu erstellen.
Hier erfahren Sie, wie Sie DearFlip zu Ihrer WordPress-Website hinzufügen und ein Daumenkino erstellen können:
Schritt 1: Installieren Sie das DearFlip-Plugin
1.1 Greifen Sie auf das WordPress Dashboard zu
- Melden Sie sich bei Ihrem WordPress-Dashboard an.
1.2 Installieren Sie das Plugin
- Navigieren Sie auf dem WordPress-Dashboard zu Plugins > Neu hinzufügen.
- Geben Sie in der Suchleiste “DearFlip – 3D Flipbook WordPress” ein.
- Sobald Sie das Plugin gefunden haben, klicken Sie auf Jetzt installieren und dann auf Aktivieren.
Schritt 2: DearFlip-Einstellungen konfigurieren
2.1 Zugriff auf DearFlip-Einstellungen
- Nachdem Sie das Plugin aktiviert haben, erscheint ein neues DearFlip-Menü in der linken Seitenleiste des Dashboards.
- Gehen Sie zu DearFlip > Einstellungen.
2.2 Konfigurieren Sie die Grundeinstellungen
- Auf der Einstellungsseite können Sie das Standardverhalten und das Design der Daumenkinos anpassen. Einige Optionen, die Sie konfigurieren können, sind:
- Umblättermodus: Wählen Sie zwischen dem Einzelseiten- und dem Doppelseitenmodus.
- Steuerungseinstellungen: Aktivieren oder deaktivieren Sie Optionen wie Zoom, Vollbildmodus und Navigationssteuerungen.
- Erscheinungsbild: Legen Sie die Hintergrundfarbe fest und aktivieren Sie realistische Soundeffekte beim Umblättern.
Sobald Sie die Einstellungen nach Ihren Wünschen konfiguriert haben, klicken Sie auf Änderungen speichern.
Schritt 3: Ein neues Daumenkino erstellen
Nachdem das Plugin nun installiert und konfiguriert ist, können Sie Ihr erstes Daumenkino erstellen.
3.1 Laden Sie Ihre Daumenkino-Datei hoch (PDF oder Bilder)
- Gehen Sie zu DearFlip > Neu hinzufügen.
- Geben Sie einen Titel für Ihr Daumenkino ein.
- Wählen Sie in der Dropdown-Liste Quelle die Option PDF (um eine PDF-Datei hochzuladen) oder Bild (um ein Daumenkino mit einer Reihe von Bildern zu erstellen).
3.2 Laden Sie die PDF-Datei oder die Bilder hoch
- Für PDFs: Klicken Sie auf die Schaltfläche PDF hochladen und wählen Sie die PDF-Datei von Ihrem Computer aus. Nach dem Hochladen wird DearFlip automatisch das Daumenkino aus Ihrer PDF-Datei erstellen.
- Für Bilder: Klicken Sie auf die Schaltfläche “Bilder hochladen” und wählen Sie die Bilder aus, die Sie in das Daumenkino einfügen möchten. Die Reihenfolge, in der Sie die Bilder hochladen, entspricht der Reihenfolge, in der sie im Daumenkino erscheinen.
3.3 Anpassen des Daumenkinos
- Nach dem Hochladen können Sie das Erscheinungsbild und das Verhalten des Daumenkinos anpassen, einschließlich:
- Seitenbreite/-höhe: Passen Sie die Größe der Seiten an.
- Anzeige-Einstellungen: Aktivieren oder deaktivieren Sie den Zoom, die Navigationssteuerung oder den Vollbildmodus.
- Automatisches Blättern: Stellen Sie das Daumenkino so ein, dass die Seiten auf Wunsch in bestimmten Intervallen automatisch umgeblättert werden.
3.4 Veröffentlichen Sie das Daumenkino
- Wenn Sie mit den Einstellungen Ihres Daumenkinos zufrieden sind, klicken Sie auf Veröffentlichen, um das Daumenkino zu speichern.
Schritt 4: Fügen Sie das Flipbook zu einer Seite oder einem Beitrag hinzu
Nachdem Sie Ihr Daumenkino erstellt haben, können Sie es in eine beliebige Seite oder einen Beitrag Ihrer WordPress-Website einbetten.
4.1 Kopieren Sie den Daumenkino-Shortcode
- Nachdem Sie das Daumenkino veröffentlicht haben, wird auf der Seite zur Erstellung des Daumenkinos ein Shortcode angezeigt (er sieht aus wie [dflip id=”123″]).
- Kopieren Sie den Shortcode.
4.2 Fügen Sie das Daumenkino zu einer Seite oder einem Beitrag hinzu
- Gehen Sie zu Seiten > Neu hinzufügen (oder Beiträge > Neu hinzufügen).
- Fügen Sie im WordPress-Editor den Shortcode in den Block ein, in dem das Daumenkino erscheinen soll.
- Wenn Sie den klassischen Editor verwenden, fügen Sie den Shortcode einfach in den Inhaltseditor ein.
- Wenn Sie den Gutenberg-Blockeditor verwenden, fügen Sie einen Shortcode-Block hinzu und fügen den Shortcode in den Block ein.
- Sobald Sie den Shortcode hinzugefügt haben, klicken Sie auf Veröffentlichen, um die Seite oder den Beitrag zu aktivieren.
Schritt 5: Anzeigen und Anpassen des Daumenkinos
Nachdem Sie das Daumenkino zu einer Seite oder einem Beitrag hinzugefügt haben, besuchen Sie die Seite, um es in Aktion zu sehen. Sie können zu den DearFlip-Einstellungen zurückkehren, um alle Anzeige- oder Interaktionseinstellungen anzupassen.
Zusätzliche Tipps zur Anpassung:
- Flipbook-Miniaturansicht: Sie können auch eine Daumenkino-Miniaturansicht erstellen, um sie auf Ihrer Seite oder in Ihrem Beitrag visuell ansprechender zu gestalten.
- Vollbildmodus: Ermöglichen Sie es den Nutzern, das Daumenkino im Vollbildmodus zu betrachten, um ein intensives Erlebnis zu erhalten.
- Mehrere Daumenkinos einbinden: Sie können mehrere Daumenkinos erstellen und einbetten, indem Sie einfach den oben beschriebenen Vorgang wiederholen.
Schlussfolgerung
Mit dem DearFlip-Plugin können Sie ganz einfach interaktive Daumenkinos auf Ihrer WordPress-Website erstellen, um Ihr Publikum zu begeistern. Ob für die Präsentation von Zeitschriften, Broschüren oder Portfolios, DearFlip bietet eine nahtlose Lösung für die Einbettung von Daumenkinos, ohne dass Sie komplexe Programmierkenntnisse benötigen. Mit seinen Anpassungsoptionen und der einfachen Integration können Ihre Daumenkinos die visuelle Attraktivität und Funktionalität Ihrer Website verbessern.