Das Modul „Artikel-Slider“ oder „Beiträge-Slider“ auf der Wordpress-Theme Divi ermöglicht es Ihnen, Artikel Ihrer Wahl auf der Startseite auf besondere Weise anzuzeigen. In vielen Blogs wird diese Art von Modul im Allgemeinen verwendet, um empfohlene Artikel anzuzeigen. Sie können es aber auch anders nutzen und sich beispielsweise Artikelvorschläge anzeigen lassen.
So fügen Sie das Artikel-Schieberegler-Modul in Divi Builder hinzu
Bevor Sie Ihrer Seite ein Artikel-Schieberegler-Modul hinzufügen können, müssen Sie zunächst zu Divi Builder springen. Sobald die Divi-Thema auf Ihrer Website installiert ist, werden Sie feststellen, dass a bouton Verwenden Sie Divi Builder jedes Mal, wenn Sie eine neue Seite erstellen, über dem Publisher. Klicken Sie auf diese Schaltfläche, um Divi Builder zu aktivieren und auf alle Divi Builder-Module zuzugreifen. Klicken Sie dann auf die Schaltfläche Verwenden Sie Visual Builder um den Generator im visuellen Modus zu starten. Sie können auch auf die Schaltfläche klicken Verwenden Sie Visual Builder Wenn Sie Ihre Website im Vordergrund durchsuchen, wenn Sie mit Ihrem WordPress-Dashboard verbunden sind.
Nachdem Sie Visual Builder eingegeben haben, können Sie auf das graue Pluszeichen klicken, um Ihrer Seite ein neues Modul hinzuzufügen. Neue Module können nur innerhalb von Zeilen hinzugefügt werden. Wenn Sie eine neue Seite starten, denken Sie daran, Ihrer Seite zuerst eine Zeile hinzuzufügen.
Suchen Sie das Modul "Post Sliders" in der Liste der Module und klicken Sie darauf, um es Ihrer Seite hinzuzufügen. Die Liste der Module ist durchsuchbar. Sie können also auch das Wort "Post Cursors" eingeben und dann auf "Enter" klicken, um das Post Cusors-Modul automatisch zu finden und hinzuzufügen! Sobald das Modul hinzugefügt wurde, werden Sie von der Moduloptionsliste begrüßt. Diese Optionen sind in drei Hauptgruppen unterteilt: Inhalt , Technologie et fortgeschritten .
Beispiel für einen Anwendungsfall: Veröffentlichen Sie Schieberegler (Artikel), um die neuesten anzuzeigen
In diesem Beispiel füge ich einen Schieberegler für Beiträge hinzu, um die drei neuesten Beiträge oben auf einer Blog-Seite anzuzeigen. Jede Folie zeigt das ausgewählte Post-Bild als Hintergrundbild, den Post-Titel und das Post-Meta sowie eine Schaltfläche "Weitere Informationen" an.
Fügen Sie mit Visual Builder oben auf der Blog-Seite einen neuen Standardabschnitt mit einer Zeile mit voller Breite (1 Spalte) hinzu. Fügen Sie dann das Post Slider-Modul in Ihre neue Zeile ein.
Aktualisieren Sie unter Cursoreinstellungen die folgenden Optionen:
Inhaltsoptionen
Meldungsnummer: 3
Design-Optionen
Kopfzeile Schriftart: Roboto (Großbuchstaben) Kopfzeile Schriftgröße: 50px Kopfzeilentextfarbe: # edef5d Kopfzeile Buchstabenabstand: 1px Körperschriftgröße: 16 Körperbuchstaben: 1px Körperlinienhöhe: 1.4em Meta Schriftart: Open Sans, Kursiv, Großbuchstaben Meta Schriftgröße: 18px Meta-Textfarbe: #cccccc Meta-Zeilenhöhe: 2em Verwenden Sie benutzerdefinierte Stile für die Schaltfläche: JA Textgröße: 26px Schaltfläche Textfarbe: # edef5d Schaltflächenbreite: 0px Schaltflächensymbol:> Nur Symbol anzeigen
Einstellungen speichern
Das ist es!
Artikelschieberegler für Inhaltsoptionen
Auf der Registerkarte Inhalt finden Sie den gesamten Inhalt des Moduls, z. B. Text, Bilder und Symbole. All das steuert was erscheint in Ihrem Modul immer auf dieser Registerkarte.
Anzahl der Artikel (Anzahl der Beiträge)
Wählen Sie die Anzahl der Elemente aus, die im Schieberegler angezeigt werden sollen.
Kategorien einschließen
Wählen Sie die Kategorien aus, die Sie in den Schieberegler aufnehmen möchten.
Bestellung von
Hier können Sie die Reihenfolge anpassen, in der die Artikel angezeigt werden.
Schaltflächentext
Definieren Sie den Text, der auf der Schaltfläche "Lesen Sie mehr" angezeigt wird. Standardmäßig leer lassen (Weiterlesen)
Inhaltsanzeige
Wenn Sie den vollständigen Inhalt anzeigen, werden Ihre Beiträge im Schieberegler nicht abgeschnitten. Die Snippet-Anzeige zeigt nur den Snippet-Text an.
Verwenden Sie einen Artikelauszug, falls definiert
Deaktivieren Sie diese Option, wenn Sie die manuell definierten Snippets überspringen und dennoch automatisch generieren möchten.
Länge automatisch extrahieren
Definieren Sie die Länge der automatisch generierten Auszüge. Standardmäßig leer lassen (270)
Pfeile anzeigen
Diese Einstellung aktiviert und deaktiviert die Navigationspfeile.
Steuerelemente anzeigen
Diese Einstellung aktiviert und deaktiviert die Kreistasten am unteren Rand des Cursors.
Zeigen Sie die Schaltfläche Lesen Sie mehr
Diese Einstellung aktiviert und deaktiviert die Schaltfläche Read more.
Zeige die Nachricht Meta
Diese Einstellung aktiviert und deaktiviert den Meta-Bereich.
Vorgestelltes Bild anzeigen
Diese Einstellung schaltet das im Schieberegler ausgewählte Bild ein und aus.
Placement-Bild
Wählen Sie aus, wie das ausgewählte Bild in den Folien angezeigt werden soll
Hintergrundfarbe
Verwenden Sie den Farbwähler, um eine Hintergrundfarbe für dieses Modul auszuwählen.
Hintergrundbild
Laden Sie das gewünschte Bild hoch oder geben Sie die URL des Bildes ein, das Sie als Hintergrund für den Schieberegler verwenden möchten.
Position des Hintergrundbildes
Wählen Sie für jede Folie die CSS-Position des Hintergrundbilds.
Hintergrundbildgröße
Wählen Sie die CSS-Hintergrundbildgröße für jede Folie.
Administratorkennzeichnung
Dadurch wird die Modulbezeichnung im Konstruktor zur einfachen Identifizierung geändert. Wenn Sie die WireFrame-Ansicht in Visual Builder verwenden, werden diese Beschriftungen im Modulblock der Divi Builder-Oberfläche angezeigt.
Slider-Modul-Design-Optionen
Auf der Registerkarte Design finden Sie alle Stiloptionen für das Modul, z. B. Schriftarten, Farben, Größe und Abstand. Auf dieser Registerkarte können Sie das Erscheinungsbild Ihres Moduls ändern. Jedes Divi-Modul verfügt über eine lange Liste von Designeinstellungen, mit denen Sie Änderungen vornehmen können.
Entfernen Sie den inneren Schatten
Dadurch wird der CSS-Innenschatten entfernt, der standardmäßig auf alle Folien angewendet wird.
Hintergrundüberlagerung verwenden
Wenn diese Option aktiviert ist, wird eine benutzerdefinierte Überlagerungsfarbe über Ihrem Hintergrundbild und hinter dem Inhalt Ihres Schiebereglers hinzugefügt.
Hintergrundüberlagerungsfarbe
Verwenden Sie den Farbwähler, um eine Farbe für den Hintergrund auszuwählen.
Verwenden Sie Textüberlagerung
Wenn diese Option aktiviert ist, wird hinter dem Cursortext eine Hintergrundfarbe hinzugefügt, um die Lesbarkeit auf Hintergrundbildern zu verbessern.
Textüberlagerungsrandradius
Der Radius des Rahmens beeinflusst die Rundheit der Ecken des Textüberlagerungsbereichs. Standardmäßig haben die Ecken eine leicht abgerundete Kante von 3 Pixel. Sie können diesen Wert auf 0 reduzieren, um ein rechteckiges Feld zu erstellen, oder den Wert erhöhen, um die Ecken noch runder zu machen.
Verwenden Sie den Parallax-Effekt
Wenn Sie diese Option aktivieren, erhalten Ihre Hintergrundbilder beim Scrollen eine feste Position.
Parallaxe-Methode
Hier können Sie die für den Parallaxeeffekt verwendete Methode festlegen - CSS oder True Parallax.
Benutzerdefinierte Farbpfeile
Wenn Sie mit der Maus über ein Schiebereglermodul fahren, werden Pfeile angezeigt, mit denen der Besucher durch jede Folie navigieren kann. Standardmäßig erben diese Pfeile die Farbe des Haupttextes der Folie. Mit dieser Einstellung können Sie jedoch eine benutzerdefinierte Farbe für diese Pfeile definieren.
Benutzerdefinierte Farbe für Punktnavigation
In jedem Cursor werden Punktnavigationselemente unterhalb des Cursorinhalts angezeigt. Mit diesen Elementen kann der Benutzer mit dem Cursor navigieren. Mit der Farbauswahl in dieser Einstellung können Sie eine benutzerdefinierte Farbe für diese Elemente definieren.
Textfarbe
Hier können Sie wählen, ob Ihr Text hell oder dunkel ist. Wenn Sie eine Folie mit dunklem Hintergrund haben, wählen Sie hellen Text. Wenn du
Verwenden Sie dunklen Text, wenn der Hintergrund klar ist.
Header-Schriftart
Sie können die Schriftart Ihres Kopfzeilentextes ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großartiger Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Schriftart Open Sans für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch mit Fett, Kursiv, Großbuchstaben und Unterstreichungsoptionen anpassen.
Header-Schriftgröße
Hier können Sie die Größe Ihres Kopfzeilentextes anpassen. Sie können den Bereichsregler ziehen, um die Größe Ihres Texts zu erhöhen oder zu verringern, oder den gewünschten Textgrößenwert direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.
Kopfzeilentextfarbe
Standardmäßig werden alle Textfarben in Divi in Weiß oder Dunkelgrau angezeigt. Wenn Sie die Farbe Ihres Kopfzeilentextes ändern möchten, wählen Sie mit dieser Option die gewünschte Farbe aus der Farbauswahl.
Kopfbuchstabenabstand
Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Kopfzeilentext vergrößern möchten, passen Sie den Abstand mit dem Bereichsregler an oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.
Kopfzeilenhöhe
Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Kopfzeilentextes aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, können Sie den Abstand mithilfe des Bereichsreglers anpassen oder die gewünschte Abstandsgröße in das Feld eingeben Eingabefeld rechts vom Cursor. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.
Körper Schriftart
Sie können Ihre Body-Schriftart ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großartiger Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Schriftart Open Sans für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch mit Fett, Kursiv, Großbuchstaben und Unterstreichungsoptionen anpassen.
Körper Schriftgröße
Hier können Sie Ihre Körpertextgröße anpassen. Sie können den Bereichsregler ziehen, um die Größe Ihres Texts zu erhöhen oder zu verringern, oder den gewünschten Textgrößenwert direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.
Textfarbe des Körpers
Standardmäßig werden alle Textfarben in Divi in Weiß oder Dunkelgrau angezeigt. Wenn Sie die Farbe Ihres Textes ändern möchten, wählen Sie mit dieser Option die gewünschte Farbe aus der Farbauswahl.
Abstand der Körperbuchstaben
Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Text vergrößern möchten, passen Sie den Abstand mit dem Bereichsregler an oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.
Höhe der Körperlinie
Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Textzeilen in Ihrem Körper aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, können Sie den Abstand mit dem Bereichsregler anpassen oder die gewünschte Abstandsgröße in das Eingabefeld eingeben befindet sich rechts vom Cursor. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Sie können also je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.
Meta Police
Sie können die Schriftart Ihres Metatextes ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großartiger Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Schriftart Open Sans für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch mit Fettdruck, Kursivschrift, Großbuchstaben und Unterstreichungsoptionen anpassen.
Meta-Schriftgröße
Hier können Sie die Größe Ihres Meta-Textes anpassen. Sie können den Bereichsregler ziehen, um die Größe Ihres Texts zu erhöhen oder zu verringern, oder den gewünschten Textgrößenwert direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.
Meta-Textfarbe
Standardmäßig werden alle Textfarben in Divi in Weiß oder Dunkelgrau angezeigt. Wenn Sie die Farbe Ihres Meta-Textes ändern möchten, wählen Sie mit dieser Option die gewünschte Farbe aus der Farbauswahl.
Meta-Buchstabenabstand
Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben Ihres Metatextes vergrößern möchten, passen Sie den Abstand mit dem Bereichsregler an oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.
Höhe der Meta-Linie
Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen in Ihrem Meta-Text aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, können Sie den Abstand mithilfe des Bereichsreglers anpassen oder die gewünschte Abstandsgröße in das Eingabefeld eingeben befindet sich rechts vom Cursor. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.
Obere Polsterung
Dieser Parameter steuert den internen Abstand zwischen der Oberseite des Moduls und dem Textinhalt im Modul. Wenn Sie diesen Bereich vergrößern oder verkleinern möchten, geben Sie hier Ihren gewünschten Wert ein. Um beispielsweise den Platz und die Gesamtgröße des Cursors zu verringern, können Sie einen Wert von 100px eingeben. Sie können auch einen Prozentwert eingeben, z. B. 10%, um die Höhe dynamischer zu gestalten.
Polsterung unten
Dieser Parameter steuert den Innenraum zwischen der Unterseite des Moduls und dem Textinhalt im Modul. Wenn Sie diesen Bereich vergrößern oder verkleinern möchten, geben Sie hier Ihren gewünschten Wert ein. Um beispielsweise den Platz und die Gesamtgröße des Cursors zu verringern, können Sie einen Wert von 100px eingeben. Sie können auch einen Prozentwert eingeben, z. B. 10%, um die Höhe dynamischer zu gestalten.
Verwenden Sie benutzerdefinierte Stile für die Schaltfläche
Wenn Sie diese Option aktivieren, werden verschiedene Einstellungen für die Tastenanpassung angezeigt, mit denen Sie das Erscheinungsbild der Taste Ihres Moduls ändern können.
Schaltfläche Textgröße
Diese Einstellung kann verwendet werden, um den Text in der Schaltfläche zu vergrößern oder zu verkleinern. Die Schaltfläche passt sich an, wenn die Textgröße zunimmt und abnimmt.
Schaltfläche Textfarbe
Standardmäßig übernehmen die Schaltflächen die Akzentfarbe Ihres Themas, wie im Theme Customizer definiert. Mit dieser Option können Sie der Schaltfläche dieses Moduls eine benutzerdefinierte Textfarbe zuweisen. Wählen Sie Ihre benutzerdefinierte Farbe mit dem Farbwähler aus, um die Tastenfarbe zu ändern.
Schaltfläche Hintergrundfarbe
Standardmäßig haben die Schaltflächen eine transparente Hintergrundfarbe. Dies kann durch Auswahl der gewünschten Hintergrundfarbe im Farbwähler geändert werden.
Schaltfläche Rahmenbreite
Alle Divi-Schaltflächen haben standardmäßig einen 2px-Rand. Dieser Rand kann mit dieser Einstellung vergrößert oder verkleinert werden. Rahmen können durch Eingabe des Werts 0 entfernt werden.
Schaltfläche Rahmenfarbe
Standardmäßig übernehmen Schaltflächenränder die Akzentfarbe Ihres Themas, wie sie im Theme Customizer definiert ist. Mit dieser Option können Sie der Schaltfläche dieses Moduls eine benutzerdefinierte Rahmenfarbe zuweisen. Wählen Sie Ihre benutzerdefinierte Farbe mit dem Farbwähler aus, um die Farbe des Schaltflächenrahmens zu ändern.
Schaltflächenrandradius
Der Radius des Rahmens beeinflusst die Rundheit der Ecken Ihrer Schaltflächen. Standardmäßig haben die Schaltflächen in Divi einen kleinen Rahmenradius, der die Ecken um 3 Pixel abrundet. Sie können diesen Wert auf 0 reduzieren, um eine quadratische Schaltfläche zu erstellen, oder ihn erheblich erhöhen, um Schaltflächen mit kreisförmigen Kanten zu erstellen.
Abstand der Buchstaben des Knopfes
Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Schaltflächentext vergrößern möchten, verwenden Sie den Bereichsregler, um den Abstand anzupassen, oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen unterschiedliche Maßeinheiten. Dies bedeutet, dass Sie je nach Größenwert "px" oder "em" eingeben können, um den Einheitentyp zu ändern.
Polizeiknopf
Sie können die Schriftart Ihres Schaltflächentextes ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großartiger Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Schriftart Open Sans für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch mit Fett, Kursiv, Großbuchstaben und Unterstreichungsoptionen anpassen.
Fügen Sie ein Schaltflächensymbol hinzu
Deaktiviert, entfernt diese Einstellung Symbole von Ihrer Schaltfläche. Standardmäßig wird auf allen Divi-Schaltflächen ein Pfeilsymbol auf dem Hover angezeigt.
Schaltflächensymbol
Wenn Symbole aktiviert sind, können Sie mit dieser Einstellung auswählen, welches Symbol in Ihrer Schaltfläche verwendet werden soll. Divi hat verschiedene Symbole zur Auswahl.
Schaltfläche "Farbsymbol"
Durch Anpassen dieser Einstellung wird die Farbe des Symbols geändert, das auf Ihrer Schaltfläche angezeigt wird. Standardmäßig entspricht die Symbolfarbe der Textfarbe Ihrer Schaltfläche. Mit dieser Einstellung können Sie die Farbe jedoch unabhängig voneinander anpassen.
Schaltfläche zum Platzieren von Symbolen
Sie können wählen, ob das Symbol Ihrer Schaltfläche links oder rechts von Ihrer Schaltfläche angezeigt werden soll.
Nur Symbol anzeigen, wenn Sie mit der Maus über die Schaltfläche fahren
Standardmäßig werden Schaltflächensymbole nur beim Bewegen des Mauszeigers angezeigt. Wenn das Symbol immer angezeigt werden soll, deaktivieren Sie diese Einstellung.
Schaltfläche Hover Textfarbe
Wenn Sie mit der Maus über die Schaltfläche eines Besuchers fahren, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.
Hover Schaltfläche Hintergrundfarbe
Wenn Sie mit der Maus über die Schaltfläche eines Besuchers fahren, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.
Farbe Hover Border Schaltfläche
Wenn Sie mit der Maus über die Schaltfläche eines Besuchers fahren, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.
Hover Border Radius-Schaltfläche
Wenn Sie mit der Maus über die Schaltfläche eines Besuchers fahren, wird dieser Wert verwendet. Der Wert ändert sich gegenüber dem in den vorherigen Einstellungen definierten Basiswert.
Schaltfläche zum Ankreuzen von Noten
Wenn Sie mit der Maus über die Schaltfläche eines Besuchers fahren, wird dieser Wert verwendet. Der Wert ändert sich gegenüber dem in den vorherigen Einstellungen definierten Basiswert.
Erweiterte Optionen von Post Slider
Auf der Registerkarte "Erweitert" finden Sie Optionen, die erfahrene Webdesigner möglicherweise als nützlich erachten, z. B. benutzerdefinierte CSS- und HTML-Attribute. Hier können Sie benutzerdefiniertes CSS auf jedes der vielen Elemente des Moduls anwenden. Sie können dem Modul auch benutzerdefinierte CSS-Klassen und -IDs zuweisen, mit denen Sie das Modul in der style.css-Datei Ihres untergeordneten Themas anpassen können.
CSS-ID
Geben Sie eine optionale CSS-ID ein, die für dieses Modul verwendet werden soll. Eine ID kann verwendet werden, um einen benutzerdefinierten CSS-Stil zu erstellen oder um auf bestimmte Abschnitte Ihrer Seite zu verlinken.
CSS-Klasse
Geben Sie die optionalen CSS-Klassen ein, die für dieses Modul verwendet werden sollen. Eine CSS-Klasse kann zum Erstellen eines benutzerdefinierten CSS-Stils verwendet werden. Sie können mehrere Klassen hinzufügen, die durch ein Leerzeichen getrennt sind. Diese Klassen können in Ihrem untergeordneten Divi-Design oder im benutzerdefinierten CSS-Stylesheet verwendet werden, das Sie Ihrer Seite oder Ihrer Website mithilfe der Divi-Designoptionen oder der Einstellungen auf der Divi Builder-Seite hinzufügen.
Benutzerdefiniertes CSS
Benutzerdefiniertes CSS kann auch auf das Modul und alle Interna des Moduls angewendet werden. Im Abschnitt Benutzerdefiniertes CSS finden Sie ein Textfeld, in dem Sie jedem Element benutzerdefinierte CSS-Stylesheets direkt hinzufügen können. CSS-Einträge in diesen Einstellungen sind bereits in Stil-Tags eingeschlossen. Geben Sie einfach die durch Semikolons getrennten CSS-Regeln ein.
Automatische Animation
Wenn der Cursor automatisch verschoben werden soll, ohne dass der Besucher auf die nächste Schaltfläche klicken muss, aktivieren Sie diese Option und passen Sie anschließend die Rotationsgeschwindigkeit an, wenn Sie möchten.
Automatische Animationsgeschwindigkeit (in ms)
Hier können Sie angeben, wie schnell der Cursor zwischen den einzelnen Folien ausgeblendet wird, wenn oben die Option "Automatisch animieren" aktiviert ist. Je höher die Zahl, desto länger ist die Pause zwischen den einzelnen Umdrehungen.
Fortfahren Automatisch auf Schweben schieben
Wenn Sie dies einschalten, wird die automatische Folie beim Mauszeiger weiterlaufen.
Inhalte auf Mobilgeräten ausblenden
Wenn die Bildschirmgröße auf Mobilgeräten kleiner wird, wird die Bildschirmfläche wertvoller. Manchmal ist es eine gute Idee, einige weniger wichtige Cursorelemente zu deaktivieren, um die Cursorgröße zu verringern und die Lesbarkeit zu verbessern. Durch Aktivieren dieser Einstellung wird der Cursortextinhalt auf dem Mobiltelefon ausgeblendet.
CTA auf Mobilgerät ausblenden
Wenn die Bildschirmgröße auf Mobilgeräten kleiner wird, wird die Bildschirmfläche wertvoller. Manchmal ist es eine gute Idee, einige weniger wichtige Cursorelemente zu deaktivieren, um die Cursorgröße zu verringern und die Lesbarkeit zu verbessern. Durch Aktivieren dieser Einstellung wird der Cursoraufruf für Aktionsschaltflächen auf Mobilgeräten ausgeblendet.
Bild / Video auf dem Handy anzeigen
Wenn die Bildschirmgröße auf Mobilgeräten kleiner wird, wird die Bildschirmfläche wertvoller. Manchmal ist es eine gute Idee, einige weniger wichtige Cursorelemente zu deaktivieren, um die Cursorgröße zu verringern und die Lesbarkeit zu verbessern. Durch Aktivieren dieser Einstellung werden Folienbilder und Videos auf Mobilgeräten angezeigt (diese sind standardmäßig deaktiviert).
deaktivieren
Mit dieser Option können Sie die Geräte steuern, auf denen Ihr Modul angezeigt wird. Sie können Ihr Modul auf Tablets, Smartphones oder Desktops einzeln deaktivieren. Dies ist nützlich, wenn Sie verschiedene Mods auf verschiedenen Geräten verwenden möchten oder wenn Sie das mobile Design vereinfachen möchten, indem Sie bestimmte Elemente von der Seite entfernen.
[vc_row center_row=“yes“][vc_column width=“1/2″][vcex_button target=“blank“ layout=“expanded“ align=“center“ font_family=“Raleway“ font_weight=“700″ style=“flat“ custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DIVI THEMA HERUNTERLADEN [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=“https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials“ target=“blank“ layout=“expanded“ align=“center“ font_family = „Raleway“ font_weight=“700″ style=“flat“ custom_background=“#c4226e“ custom_hover_background=“#8d184f“ custom_color=“#ffffff“ custom_hover_color=“#ffffff“ icon_right=“fa fa-download“]LADEN SIE HERUNTER TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Andere Divi Tutorials
- 5 Websites, die Divi Restaurant Thema verwenden
- Wie man Text auf einem Divi WooCommerce Produkt hinzufügt
- So ändern Sie die Menüfarbe zwischen Divi-Seiten
- So personalisieren Sie die Gitter eines Blogs mit Divi
- Wie die Rolle Divi-Editor auf Wordpress verwenden
- So erstellen Sie einen Divi-Schieberegler im Vollbildmodus
- So ändern Sie die Farbe von Menüs zwischen Divi-Seiten
- Funktionen, die Sie wahrscheinlich nicht über Divi kennen
- Wie man Divi Builder auf WordPress benutzt
- Wie benutzt man das Divi Video-Scroll-Modul?
- Wie benutze ich das Divi Builder Flip Modul?
- So fügen Sie ein Testimonial-Modul in Divi Builder hinzu
- Wie benutzt man das Divi-Textmodul?
- So erstellen Sie einen Schieberegler auf Divi
- So bearbeiten Sie eine Divi-Benutzerrolle
- Wie benutzt man das Divi Social Media Modul?
- So verwenden Sie das Shop-Modul zum Thema WordPress Divi
- So verwenden Sie das Divi-Sidebar-Modul
- Wie benutzt man das Divi Preistabellen Modul?
- Wie verwende ich das Titelmodul von Divi-Publikationen?
- So fügen Sie ein Video-Modul von Divi hinzu
- Wie man das Artikelnavigationsmodul benutzt
- Wie benutzt man das Divi-Suchmodul?
- So verwenden Sie das Divi-Wallet-Modul
- Wie man das Personenmodul im Divi Builder benutzt
- Wie man das Geldbörsenmodul mit Divi-Filter verwendet
- So verwenden Sie das Schiebermodul mit voller Breite
- Wie benutzt man das Divi Builder Image Modul?
- So verwenden Sie das vollständige Navigationsmodul von Divi Builder
- So verwenden Sie das Bildergalerie-Modul
- So verwenden Sie das Divi Builder Kartenmodul mit voller Breite
- So verwenden Sie das Divi Full Width Portfolio-Modul
- So verwenden Sie das Divi-Header-Modul in voller Breite
- Wie benutze ich das Divi Counter Modul?
- So verwenden Sie den Artikel-Schieberegler in Divi Builder
- Wie benutze ich das Divi Email Optin Modul?
Danke für den Artikel. Ist es möglich, mehrere Artikel nebeneinander anzuzeigen, um ein Artikelkarussell zu erstellen?
danke
Ja es ist möglich
Guten Tag,
. Ist es möglich, mehrere Artikel in einem Schieberegler zu haben? Als Beispiel diese YouTube-Seite.
Danke, schönen Tag noch.
Guten Tag,
Ja es ist möglich. Es hängt alles von dem Plugin ab, das Sie verwenden.
Wie können Sie mehr als eine setzen?
Entschuldigung, ich verstehe die Frage nicht