Erstellen und Verwenden von Karussell-Gadgets
Carousel ist die neueste Ergänzung zu den Widgets von Elementor Pro, mit der Sie mehrere Inhalte als Diashow präsentieren können.
1. die Elementor-Einstellungen ändern
Die folgenden Elementor-Einstellungen müssen vor der Verwendung des Carousel-Gadgets angepasst werden.
Loggen Sie sich in Ihr WordPress-Dashboard ein und navigieren Sie zumElementor>aufstellenSeite, finden Sie die "CharakterisierungRegisterkarte ". Dies ist in der nachstehenden Abbildung dargestellt:
(Bildschirmfoto der entsprechenden Einstellungsseite einfügen)
Sobald Sie die Seite Funktionen aufgerufen haben, müssen Sie die folgenden Funktionen aktivieren:
- Gitterrost-Container
- verschachteltes Element
Die Aktivierung von Grid-Containern und verschachtelten Elementen macht es möglich, Karussell-Widgets in Elementor zu verwenden.
2. ein Karussell-Widget hinzufügen
Ziehen Sie auf der Elementor-Bearbeitungsseite das Carousel-Gadget per Drag & Drop in das Bearbeitungsfeld.
Nach dem Ziehen und Ablegen sehen Sie den folgenden Bildschirm.
3. die Bearbeitung von Inhalten im Karussell
Sie können jedes beliebige Widget in jede Zelle des Karussells ziehen und ablegen. Wenn Sie zum Beispiel ein Bild und eine Beschriftung in eine Zelle ziehen und ablegen, wird der folgende Bildschirm angezeigt:
Ziehen Sie das Video-Widget in die mittlere Zelle und das Texteditor-Widget in die rechte Zelle.
Die obigen Ausführungen geben einen allgemeinen Überblick über die grundlegendste Art und Weise, ein Carousel-Gadget zu erstellen. Als nächstes werden die Inhalts- und Stil-Tags des Carousel-Gadgets verwendet.
4. die Inhalts-Tags des Karussells
Die Registerkarte Inhalt des Karussell-Gadgets enthält hauptsächlich die folgenden Einstellungen.
Optionen für die Einrichtung des Karussells:
- FolienKonfigurieren Sie den Inhalt und den Stil der einzelnen Folien.
- EinstellungenCarousel: Passen Sie die globalen Einstellungen des Karussells an, z. B. Autoplay und Geschwindigkeit.
- NavigationLegt den Stil und die Position der Navigationsschaltflächen fest.
- PaginierungKonfigurieren Sie den Stil und die Position des Paging-Indikators.
4.1 Dias
Folien ist ein Einstellungselement, mit dem Zellen zum Karussell-Gadget hinzugefügt werden können.
Carousel legt den Inhalt fest:
- Karussell ArtikelHinzufügen, Kopieren oder Löschen von Zellen und Festlegen eines Titels für jede Zelle.
- Dias auf dem DisplayGibt die Anzahl der Zellen an, die im Bearbeitungsfeld angezeigt werden. Wählen Sie 3, um 3 Zellen anzuzeigen; wählen Sie 5, um 5 Zellen anzuzeigen.
- Dias auf der SchriftrolleAnzahl der Zellen: Legt die Anzahl der Zellen fest, die beim Scrollen des Karussells auf einmal durchlaufen werden. Es kann ein Wert zwischen 1 und 8 eingestellt werden. Je größer der Wert, desto mehr Zellen werden auf einmal durchlaufen.
- Gleiche HöheWählen Sie, ob die Einstellung für die einheitliche Zellenhöhe aktiviert werden soll oder nicht. Wenn diese Option aktiviert ist, wird die Höhe aller Zellen automatisch vereinheitlicht.
4.2 Einstellungen
Einstellungen ist die Einstellung, mit der der Bildlaufeffekt der Karussellzelle angepasst wird.
Karussell-Einrichtung Inhalt
- AutoplayAutoplay: Schaltet die automatische Wiedergabe ein oder aus. Wenn diese Funktion eingeschaltet ist, spielt Carousel den Inhalt automatisch ab.
- Bildlaufgeschwindigkeit (ms)Legen Sie die Bildlaufgeschwindigkeit in Millisekunden fest. Der Standardwert ist 5000 Millisekunden (5 Sekunden), je kleiner der Wert, desto schneller ist die Bildlaufgeschwindigkeit.
- Pause beim SchwebenPause bei Mausbewegungen. Wenn diese Option aktiviert ist, wird der Bildlauf angehalten, wenn die Maus über den Inhalt bewegt wird.
- Pause bei InteraktionInteraktionspause. Wenn diese Option aktiviert ist, wird der Bildlauf angehalten, während der Benutzer den Inhalt bearbeitet.
- Unendliche SchriftrolleUnendliches Scrollen. Wenn diese Option aktiviert ist, scrollt Carousel den Inhalt in einer Endlosschleife.
- Übergangsdauer (ms)Legen Sie die Dauer des Bildlaufeffekts in Millisekunden fest. Der Standardwert ist 500 Millisekunden (0,5 Sekunden), je höher der Wert, desto langsamer der Bildlaufeffekt.
- RichtungWählen Sie die Bildlaufrichtung, entweder links oder rechts.
- Offset-SeitenLegt den sicheren Bereich an beiden Enden des Karussells fest, mit Optionen für beide (both), links oder rechts.
- Offset BreitePasst die Breite des Sicherheitsbereichs an; je höher der Wert, desto größer ist der Sicherheitsbereich.
Wenn Sie den sicheren Bereich von Offset Sides nicht verstehen, können Sie sich auf das folgende Diagramm beziehen.
4.3 Navigation
Die Navigation wird verwendet, um die Einstellungen für die Vorwärts- und Rückwärtspfeile des Karussells anzupassen.
Einstellungen der Navigationspfeile
Dieser Einstellungspunkt enthält drei Hauptelemente:
- PfeileNavigationspfeile: Wählen Sie, ob die Navigationspfeile aktiviert werden sollen. Wenn sie aktiviert sind, können Benutzer auf die Pfeile klicken, um zwischen den Inhalten zu wechseln.
- Vorheriger Pfeil im Gesang antworten Nächster Pfeil: Legen Sie den Stil und die Position der Vorwärts- und Rückwärtspfeile fest. Der Inhalt dieser beiden Einstellungen ist derselbe, wie unten beschrieben:
- Icon: Wählen Sie das Pfeilsymbol aus oder ersetzen Sie es. Sie können wählen, ob der Pfeil nicht angezeigt werden soll, ein benutzerdefiniertes Symbol hochladen oder aus voreingestellten Symbolen wählen.
- OrientierungAusrichtung: Gibt die Ausrichtung des Pfeils im Karussell an, entweder horizontal oder vertikal.
- PositionLegt die genaue Position des Pfeils im Karussell fest, die horizontal oder vertikal eingestellt werden kann.
4.4 Paginierung
Die Paginierung ist eine Einstellung, die angibt, wie der untere Zellenassistent angezeigt wird. Sie können zwischen Punkten, Zahlen und Fortschrittsbalken wählen.
5. karussellartige Tags
Die Registerkarte Stil des Karussell-Gadgets enthält die folgenden drei Haupteinstellungen.
- Folien
- Navigation
- Paginierung
Dia-Stil-Einstellungen
FolienDie Folieneinstellungen auf der Registerkarte Stile werden verwendet, um das Erscheinungsbild der Karussellzellen anzupassen.
Legen Sie den Inhalt fest:
- Lücke zwischen den FolienLegt den Abstand zwischen den Zellen fest, der Bereich ist 0-400. Je größer der Wert, desto größer der Abstand.
- Hintergrund TypHintergrund: Wählen Sie den Hintergrundtyp, entweder klassisch oder mit Farbverlauf.
- HintergrundfarbeLegen Sie die Hintergrundfarbe fest, Sie können jede beliebige Farbe auswählen oder ändern.
- Umrandung Typ: Wählen Sie die Art des Rahmens für die Zelle.
- Breite des RandesLegen Sie die Breite des Zellrahmens fest. Je größer der Wert, desto breiter der Rahmen.
- Farbe der UmrandungLegen Sie die Farbe des Rahmens fest, Sie können eine beliebige Farbe wählen oder ändern.
- Radius der GrenzeLegt den Radius der Zellenecken fest. Je größer der Wert, desto größer der Radius, desto runder die Ecken.
- PolsterungLegt den Abstand zwischen dem Zellrand und dem Inhalt fest; je größer der Wert, desto größer der Abstand.
Zusammenfassung:
Diese Anleitung beschreibt, wie dieElementor ProErstellen und verwenden Sie die neuesten Ergänzungen zum Karussell-Widget. Sie erfahren, wie Sie die Mega-Menü-Funktion aktivieren, die Karussell-Einstellungen anpassen, Zellen hinzufügen und bearbeiten, die automatische Wiedergabe und die Bildlaufgeschwindigkeit einstellen, Navigationspfeile und Seitenwechselanzeigen konfigurieren und das Erscheinungsbild der Karussell-Zellen anpassen können. Mit dieser Anleitung erhalten Sie ein umfassendes Verständnis dafür, wie Sie das Karussell-Widget verwenden können, um die Interaktivität und den visuellen Effekt Ihrer Website zu verbessern.