WPBakery Page Builder ist ein leistungsstarker visueller Editor, mit dem Sie Diashows einfach gestalten und anpassen können. Dieses Tutorial zeigt Ihnen, wie Sie mit WPBakery Page Builder eine visuelle Diashow gestalten können.
1. die Installation von WPBakery Page Builder
Zunächst müssen Sie sicherstellen, dass das WPBakery Page Builder-Plugin installiert und aktiviert ist.
2. eine neue Seite oder einen neuen Artikel erstellen
Nach der Installation des Plugins müssen Sie eine neue Seite oder einen neuen Beitrag erstellen, der als Träger für die Diashow dienen soll:
- Navigieren Sie im WordPress-Backend zu "Web-Seite” > “Neue Seite hinzufügen" oder "Karte” > “Neuen Beitrag hinzufügen“
- Legen Sie einen geeigneten Titel für die Seite oder den Beitrag fest (z. B. "Unternehmen Diashow")
- Klick "Compiler"Einstieg in den WPBakery Page Builder Modus
3. das WPBakery-Diashow-Modul hinzufügen
WPBakery bietet eine Vielzahl von Modulen für die Erstellung von Diashows. Im Folgenden finden Sie die Module, die WPBakery verwenden "Schieberegler Revolution" oder "Schieberegler (Computer-Schnittstellen-Element)"Modul, um eine Diashow zu erstellen:
- Die Auswahl des richtigen Moduls
Klicken Sie im WPBakery-Seiteneditor auf "+", um die Elementbibliothek zu öffnen.
- Eintreten "Schieberegler"um Module zu finden, die sich auf Diashows beziehen. Zu den empfohlenen Modulen gehören:
- Schieberegler Revolution (Schieberegler Revolution 6)Fortgeschrittenes Diashow-Modul mit leistungsstarken Funktionen.
- Hinzufügen von Folienkomponenten
Wählen Sie "Schieberegler Revolution" oder andere FolienModul (in Software)Fügen Sie sie dann der Seite hinzu. Die meisten Diashow-Module ermöglichen es Ihnen, Bilder, Videos oder Textinhalte als Material für jede Folie hochzuladen.
- Folieninhalt einstellen
Klicken Sie in den Bearbeitungsbereich jeder Folie, um Bilder oder Videos in das Einstellungsfeld hochzuladen.
Das WPBakery-Slideshow-Modul ermöglicht es Ihnen normalerweise:
- Hinzufügen eines Hintergrundbildes oder -videos
- Überschriften und Zwischenüberschriften einfügen
- Konfigurieren Sie die Umschalteffekte für Folien (Ein- und ausblenden, umdrehen, gleitenusw.)
- Einstellen der Präsentationszeit für jede Folie
4. benutzerdefinierte Folienstile
Auf der Designseite bietet WPBakery leistungsstarke Anpassungsfunktionen, mit denen Sie das Aussehen und die Effekte Ihrer Diashows leicht anpassen können. Im Folgenden finden Sie die gängigen Anpassungsoptionen:
- Einstellen der Dia-Größe
Sie können die Breite und Höhe der Diashow an das Seitenlayout anpassen. Damit die Seite ästhetisch ansprechend ist, empfiehlt es sich, die Breite der Diashow auf Vollbild oder volle Breite einzustellen.
- Text- und Schaltflächenstile
Text, Beschriftungen und Schaltflächen in Folien können über den Editor eingestellt werdenBenutzerdefinierte SchriftartenundFarbeundGrößenordnungim Gesang antwortenAusrichtung. Sie können auch Links zu Schaltflächen hinzufügen, um sie leicht anklicken zu können. - Animationseffekt
WPBakery bietet eine Vielzahl von Animationseffekten, um Diashow-Elemente flüssig und dynamisch erscheinen zu lassen, wenn der Benutzer die Seite scrollt. Sie können wählen zwischen dem EinblendengefälschtundGleitbewegungundDrehen Sieund andere Auswirkungen.
- Hintergrundüberlagerungen und Filter
Um den Text der Folien auffälliger zu gestalten, können Sie den Folienbildern eine Hintergrundüberlagerung hinzufügen, z. B. einen Farbverlauf oder einen durchsichtigen Farbfilter. Auf diese Weise erscheinen der Text und die Schaltflächen deutlicher.
5. reaktionsfähige Einstellungen
Da die Mehrheit der Website-Besuche inzwischen von mobilen Geräten aus erfolgt, ist es ebenso wichtig, sicherzustellen, dass Ihre Diashow auf verschiedenen Bildschirmen gut aussieht. Das WPBakery-Diashow-Modul verfügt häufig über responsive Einstellungsoptionen, die sicherstellen, dass Ihre Diashow auf Desktops, Tablets und Mobiltelefonen optimal aussieht.
- Im WPBakery-Editor können Sie auf "reaktionsfähiges Design"Modus, um zu sehen, wie die Diashow auf verschiedenen Geräten aussieht.
- Passen Sie die Größe der Folie und die Position des Inhalts für mobile Geräte an, um sicherzustellen, dass das Layout nicht unpassend ist und der Text nicht aus dem Rahmen fällt.
6. die Seite veröffentlichen und eine Vorschau anzeigen
Wenn Sie die Gestaltung und Anpassung Ihrer Folien abgeschlossen haben, klicken Sie auf "Beitrag", um die Seite oder den Artikel zu speichern und zu veröffentlichen. Zeigen Sie dann eine Vorschau der Seite im Frontend an und überprüfen Sie, ob die Diashow wie erwartet funktioniert.
7. das Hinzufügen zur Homepage oder zu bestimmten Seiten der Website
Nachdem Sie die Diashow gestaltet haben, können Sie sie als Hauptanzeige auf der Startseite Ihrer Website einrichten oder sie in bestimmte Seiten oder Artikel einbetten, um das Nutzererlebnis zu verbessern.
- Einstellen der Seite als Startseite
Wenn Sie die Diashow zum Inhalt der Startseite Ihrer Website machen möchten, navigieren Sie zum WordPress-Backend "aufstellen” > “lesen"Wählen Sie die soeben erstellte Seite als statische Startseite aus.
- Eingebettet in andere Seiten
Sie können auch WPBakery's "Kurzcode"Modul, um Diashows in bestimmte Abschnitte anderer Seiten oder Beiträge einzubetten und so eine flexible Präsentation des Diashow-Inhalts zu ermöglichen.
Schlussbemerkungen
Mit WPBakery Page Builder wird die Gestaltung und Anpassung der Diashow Ihrer WordPress-Website einfacher und intuitiver. Ob es sich um eine komplexe Diashow mit mehreren Ebenen oder eine minimalistische Bildrotation handelt, WPBakery kann verschiedene Anforderungen erfüllen. Ich hoffe, dieses Tutorial hilft Ihnen, schnell loszulegen! WPBakery Dia-DesignSie verleiht der Website einen dynamischen Effekt.