Wie Sie das Elementor-Plugin verwenden, um eine WordPress-Website mit einemTextüberlagerungs Diashow über die gesamte Breite, um Ihrer Website ein professionelleres Aussehen zu verleihen.
Schritt 1: Hinzufügen eines Layouts in voller Breite
- Klicken Sie im WordPress-Backend auf "Web-Seite" > "Neue Seite hinzufügen", benennen Sie die Seite und klicken Sie auf "Editieren mit Elementor".
- Sobald Sie im Elementor-Editor sind, klicken Sie auf "+", um das Layout auszuwählen und eine einspaltige Struktur über die gesamte Breite zu wählen.
Schritt 2: Diakomponenten hinzufügen
- Suchen Sie in der Elementbibliothek auf der linken Seite des Elementor-Editors nach "Folien"Komponenten.
- Ziehen"Folien"Komponente auf das soeben erstellte Layout in voller Breite und die Standardfolie wird angezeigt.
Schritt 3: Anpassen der Folienbilder
- Auf der linken Seite des Editors befindet sich das Feld "Folien" Klicken Sie in den Einstellungen auf eines der Diapositive, um die Bearbeitungsoptionen zu erweitern.
- Klicken Sie "HintergrundbildLaden Sie im Abschnitt "Dias" die Bilder hoch, die Sie verwenden möchten. Vergewissern Sie sich, dass die Breite des hochgeladenen Bildes für ein Layout in voller Breite geeignet ist, empfohlen werden 1920px oder mehr.
- Nachdem Sie das Bild ausgewählt haben, stellen Sie "Platzierung"für"Zentrum","Größenordnung"für"überschreiben." und stellen Sie sicher, dass die Bilder bei allen Bildschirmgrößen anpassungsfähig sind.
Schritt 4: Fügen Sie ein Text-Overlay hinzu
- In "Folien" Die Einstellungen können Sie im "Bildunterschrift"und"BeschreibungenFeld ". An dieser Stelle können Sie den Textinhalt eingeben, den Sie anzeigen möchten.
- Verwenden Sie diese Felder, um einen Haupt- und einen Untertitel hinzuzufügen, und passen Sie den Stil, die Farbe und die Ausrichtung des Textes an, um ihn mit dem Bildmaterial zu harmonisieren.
Schritt 5: Anpassen von Textstilen
- Der Stil des Text-Overlays ist sehr wichtig. Klicken Sie auf "Typ" auf der Registerkarte ".Bildunterschrift"und"Beschreibungen" Der Abschnitt passt die Farbe, Größe, Schattierung und Position der Schrift an.
- Achten Sie darauf, dass Sie Farben wählen, die einen guten Kontrast zum Hintergrundbild bilden, damit der Text klar und deutlich lesbar ist.
- Sie kann auch über " " aufgerufen werden.hohes NiveauMit der Registerkarte "Text" können Sie die Position des Textes weiter anpassen und innere oder äußere Ränder hinzufügen, um sicherzustellen, dass der Text keine wichtigen Teile des Bildes verdeckt.
Schritt 6: AnpassungenDia (Fotografie, Präsentationssoftware)Animationen und Effekte
- In "Element" Auf der Registerkarte können Sie verschiedene Übergangsanimationseffekte für die Folie einstellen, z. B. Überblenden, Gleiten usw.
- In "NavigatorWählen Sie im Abschnitt "Folienwechsel" aus, wie die Folien umgeschaltet werden sollen, und Sie können wählen, ob Navigationshilfen wie Pfeile und Blätterpunkte angezeigt werden sollen oder nicht.
- Wenn Sie möchten, dass die Diashow automatisch umgeschaltet wird, können Sie ein neues Dia in das Feld "Autoplay"auf und stellen Sie die Schaltzeit für jedes Dia ein.
Schritt 7: Reaktionsfähige Optimierung
- Klicken Sie "Antwortmodus", um zu sehen, wie die Diashow auf Desktop, Tablet und Handy aussieht.
- In jedem Gerätemodus können Sie die Größe und Ausrichtung des Textes individuell anpassen, um sicherzustellen, dass der Text auf einem kleinen Bildschirm nicht zu groß oder zu klein erscheint.
Schritt 8: Speichern und Vorschau
- Nachdem Sie alle Einstellungen vorgenommen haben, klicken Sie auf "Beitrag", um die Änderungen zu speichern.
- Zeigen Sie eine Vorschau der Seite an, um das Endergebnis der Diashow in voller Breite zu sehen und sicherzustellen, dass die Texteinblendungen, Bilder und Animationen Ihren Vorstellungen entsprechen.
Zusammenfassungen
Die Erstellung von Diashows über die gesamte Breite und das Hinzufügen von Textüberlagerungen mit Elementor macht es einfach, professionelle und ästhetisch ansprechende Webvisualisierungen zu erstellen. Der Schlüssel liegt in der Auswahl des richtigen Hintergrundbildes, der Anpassung des Textstils und der Sicherstellung, dass die Diashow auf verschiedenen Geräten gut dargestellt wird.
Gepostet von photon fluctuations, retweeted mit Quellenangabe:https://www.361sale.com/de/20729/