Springe zum Hauptinhalt

Divi Tutorial: Wie man den Divi Builder Artikel Schieberegler benutzt

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 600.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Das "Slider of Articles" -Modul oder der Posts Slider zum Thema WordPress Divi ermöglicht es Ihnen, Artikel Ihrer Wahl auf der Homepage auf besondere Weise anzuzeigen. In vielen Blogs wird diese Art von Modul normalerweise verwendet, um Artikel in einem anzuzeigen. Sie können es aber auch anders nutzen und zum Beispiel Vorschläge für Artikel posten.

Wie man das Artikel-Slider-Modul in Divi Builder hinzufügt

Bevor Sie Ihrer Seite ein Artikel-Slider-Modul hinzufügen können, müssen Sie zunächst zu Divi Builder wechseln. Sobald das Divi-Design auf Ihrer Website installiert ist, werden Sie feststellen, dass ein 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 aufgerufen haben, können Sie auf das graue Plus-Symbol klicken, um Ihrer Seite ein neues Modul hinzuzufügen. Neue Module können nur innerhalb der Zeilen hinzugefügt werden. Wenn Sie eine neue Seite beginnen, vergessen Sie nicht, Ihrer Seite zuerst eine Zeile hinzuzufügen.

artikel.png cursor

Suchen Sie das Modul "Post Cursors" in der Liste der Module und klicken Sie darauf, um es Ihrer Seite hinzuzufügen. Die Liste der Module ist durchsuchbar, dh Sie können auch das Wort "Cuseurs de posts" eingeben und dann auf "Enter" klicken, um das Modul Cuseurs de posts automatisch zu finden und hinzuzufügen! Sobald das Modul hinzugefügt wurde, werden Sie von der Liste der Optionen des Moduls begrüßt. Diese Optionen sind in drei Hauptgruppen unterteilt: Inhalt , Konzeption et fortgeschritten .

Anwendungsbeispiel: Veröffentlichen Sie Schieberegler (Artikel), um die zuletzt verwendeten anzuzeigen

In diesem Beispiel werde ich einen Artikelcursor hinzufügen, um die drei neuesten Artikel oben auf einer Blogseite anzuzeigen. Auf jeder Folie werden das ausgewählte Bild der Publikation als Hintergrundbild, der Artikeltitel und die Meta des Artikels sowie eine Schaltfläche "Weitere Informationen" angezeigt.

Beispiel für Blog divi.jpg

Fügen Sie in Visual Builder oben auf der Blogseite 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.

Erstellen einer neuen divi.png-Spalte

Aktualisieren Sie unter Cursoreinstellungen die folgenden Optionen:

Inhaltsoptionen

Meldungsnummer: 3

Design-Optionen

Header Schrift: Roboto (ober) Kopfschriftgröße: 50px Text color: # edef5d Header Zeichenabstand: 1px Körperschriftgröße: 16 Körper Brief-Raum: 1px Body Line Höhe: 1.4em Polizei Meta Open Sans, Kursiv , size Ober Font Meta Meta 18px Text Farbe: #CCCCCC Meta Zeilenhöhe: 2em verwenden, um benutzerdefinierte Designs für die Schaltfläche: JA Textgröße: 26px Text Schaltfläche Farbe: #edef5d Breite Knopf: 0px Taste Icon:> Show nur das Symbol

Beispiel für divi.jpg-Schaltfläche

Einstellungen speichern

Das ist alles!

Beispiel eines Blogs in Aktion divi.gif

Inhaltsoptionen Slider-Modul von Artikeln

In der Registerkarte Inhalt finden Sie alle Inhaltselemente des Moduls, wie z. B. Text, Bilder und Symbole. All das kontrolliert was erscheint in Ihrem Modul immer auf dieser Registerkarte.

option content cursor divi modul slider of articles.png

Anzahl der Artikel (Anzahl der Beiträge)

Wählen Sie die Anzahl der Elemente, 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 einstellen, in der Artikel angezeigt werden.

Schaltflächentext

Definieren Sie den Text, der auf der Schaltfläche "Lesen Sie mehr" angezeigt wird. leer lassen für Standard (Lesen Sie mehr)

Inhaltsanzeige

Durch das Anzeigen des gesamten Inhalts werden Ihre Artikel im Slider nicht abgeschnitten. Die Ansicht des Extrakts zeigt nur den Text des Extrakts an.

Verwenden Sie den Auszug des Artikels, wenn er definiert ist

Deaktivieren Sie diese Option, wenn Sie die manuell definierten Snippets überspringen und dennoch automatisch generieren möchten.

Automatische Extraktlänge

Legen Sie die Länge der automatisch generierten Snippets fest. Leer lassen für Standard (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.

Beginnen Sie mit der Bewerbung Ihres Blogs

Laden Sie Dutzende von Logos, Bannern, Website-Vorlagen und vielen anderen Marketing-Tools herunter, um Ihren WordPress-Blog zu vermarkten. [Empfohlen]

Zeige ausgewähltes Bild

Diese Einstellung aktiviert und deaktiviert das ausgewählte Bild im Schieberegler.

Placement-Bild

Wählen Sie aus, wie Sie das ausgewählte Bild auf den Folien anzeigen möchten

Hintergrundfarbe

Verwenden Sie die Farbauswahl, 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 die CSS-Platzierung des Hintergrundbilds für jede Folie.

Größe des Hintergrundbildes

Wählen Sie die CSS-Rahmengröß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 Bezeichnungen im Modulblock der Divi Builder-Benutzeroberfläche angezeigt.

Slider-Modul-Design-Optionen

Auf der Registerkarte Design finden Sie alle Stiloptionen des Moduls, z. B. Schriftarten, Farben, Größen und Abstände. Auf dieser Registerkarte können Sie das Erscheinungsbild Ihres Moduls ändern. Jedes Divi-Modul verfügt über eine lange Liste von Konstruktionsparametern, mit denen Sie alles ändern können.

Gestaltungsoption divi articles.png

Entfernen Sie den inneren Schatten

Dadurch wird der interne CSS-Schatten entfernt, der auf alle Standardfolien angewendet wird.

Hintergrundüberlagerung verwenden

Wenn diese Option aktiviert ist, wird eine benutzerdefinierte Overlay-Farbe über Ihrem Hintergrundbild und hinter Ihrem Slider-Inhalt hinzugefügt.

Hintergrundüberlagerungsfarbe

Verwenden Sie die Farbauswahl, um eine Farbe für den Hintergrund auszuwählen.

Verwenden Sie Textüberlagerung

Wenn diese Option aktiviert ist, wird eine Hintergrundfarbe hinter dem Cursortext hinzugefügt, um die Lesbarkeit von Hintergrundbildern zu verbessern.

Textüberlagerungsrandradius

Der Radius des Rahmens wirkt sich auf die Abrundung der Ecken des Textüberlagerungsbereichs aus. Standardmäßig haben die Ecken eine leicht abgerundete Kante aus 3-Pixeln. 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 Methode definieren, die für den Parallaxeneffekt verwendet wird - CSS oder True Parallax.

Benutzerdefinierte Farbpfeile

Wenn Sie den Mauszeiger über ein Cursormodul bewegen, werden Pfeile angezeigt, mit denen der Besucher durch die einzelnen Folien navigieren kann. Standardmäßig übernehmen diese Pfeile die Farbe des Haupttexts der Folie. Mit dieser Einstellung können Sie jedoch eine benutzerdefinierte Farbe für diese Pfeile festlegen.

Benutzerdefinierte Farbe für Punktnavigation

In jedem Schieberegler werden Punktnavigationselemente unterhalb des Schiebereglerinhalts angezeigt. Diese Elemente ermöglichen es dem Benutzer, mit dem Cursor zu navigieren. Sie können eine benutzerdefinierte Farbe für diese Elemente definieren, indem Sie die Farbauswahl in dieser Einstellung verwenden.

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 einen klaren Text. Wenn du
Verwenden Sie dunklen Text, wenn der Hintergrund klar ist.

Header-Schriftart

Sie können die Schriftart Ihres Kopfzeilentexts ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großer Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Open Sans-Schriftart für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch anpassen, indem Sie die Optionen Fett, Kursiv, Großbuchstaben und Unterstrichen verwenden.

Größe der Kopfzeile

Hier können Sie die Größe Ihres Kopfzeilentextes anpassen. Sie können den Bereichsschieberegler ziehen, um den Text zu vergrößern oder zu verkleinern, oder den Wert der gewünschten Textgröße direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Farbe des Kopftextes

Standardmäßig werden alle Divi-Textfarben in Weiß oder Dunkelgrau angezeigt. Wenn Sie die Farbe Ihres Kopfzeilentexts ändern möchten, wählen Sie mit dieser Option die gewünschte Farbe in der Farbauswahl.

Abstand der Briefköpfe

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Kopfzeilentext 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 Regler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Höhe der Kopfzeile

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen des Kopfzeilentexts aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, verwenden Sie den Bereichsregler, um den Abstand anzupassen, oder geben Sie den gewünschten Abstand in die Zeile ein. Eingabefeld rechts vom Cursor. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Körper Schriftart

Sie können die Schriftart Ihres Körpers ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großer Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Open Sans-Schriftart für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch anpassen, indem Sie die Optionen Fett, Kursiv, Großbuchstaben und Unterstrichen verwenden.

Körper Schriftgröße

Hier können Sie die Größe Ihres Körpertexts anpassen. Sie können den Bereichsschieberegler ziehen, um den Text zu vergrößern oder zu verkleinern, oder den Wert der gewünschten Textgröße direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Textfarbe des Körpers

Standardmäßig werden alle Divi-Textfarben in Weiß oder Dunkelgrau angezeigt. Wenn Sie die Farbe Ihres Texts ändern möchten, wählen Sie mit dieser Option die gewünschte Farbe in der Farbauswahl.

Abstand der Körperbuchstaben

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Text 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 Regler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "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, verwenden Sie den Bereichsregler, um den Abstand anzupassen, oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld ein befindet sich rechts vom Cursor. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Meta Police

Sie können die Schriftart Ihres Metatexts ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großer Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Open Sans-Schriftart für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch anpassen, indem Sie die Optionen Fett, Kursiv, Großbuchstaben und Unterstrichen verwenden.

Meta-Schriftgröße

Hier können Sie die Größe Ihres Metatextes anpassen. Sie können den Bereichsschieberegler ziehen, um den Text zu vergrößern oder zu verkleinern, oder den Wert der gewünschten Textgröße direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Meta-Textfarbe

Standardmäßig werden alle Divi-Textfarben in Weiß oder Dunkelgrau angezeigt. Wenn Sie die Farbe Ihres Metatextes ändern möchten, wählen Sie mit dieser Option die gewünschte Farbe in der Farbauswahl.

Meta-Buchstabenabstand

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben Ihres Metatexts 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 Regler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "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 Ihres Metatexts aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, verwenden Sie den Bereichsregler, um den Abstand anzupassen, oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld ein befindet sich rechts vom Cursor. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Obere Polsterung

Dieser Parameter steuert den internen Raum zwischen dem oberen Rand des Moduls und dem Textinhalt im Modul. Wenn Sie diesen Abstand vergrößern oder verkleinern möchten, geben Sie hier Ihren gewünschten Wert ein. Um beispielsweise den Platz und die Gesamtgröße des Schiebereglers zu verringern, können Sie den Wert 100 px eingeben. Sie können auch einen Prozentwert eingeben, z. B. 10%, um die Höhe dynamischer zu gestalten.

Polsterung unten

Diese Einstellung steuert den internen Raum zwischen der Unterseite des Moduls und dem Textinhalt im Modul. Wenn Sie diesen Abstand vergrößern oder verkleinern möchten, geben Sie hier Ihren gewünschten Wert ein. Um beispielsweise den Platz und die Gesamtgröße des Schiebereglers zu verringern, können Sie den Wert 100 px 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 auf Ihrem Modul ändern können.

Schaltfläche Textgröße

Diese Einstellung kann verwendet werden, um die Größe des Texts in der Schaltfläche zu erhöhen oder zu verringern. Die Schaltfläche ändert sich mit zunehmender und abnehmender Textgröße.

Schaltfläche Textfarbe

Standardmäßig übernehmen die Schaltflächen die im Customizer des Themas definierte Akzentfarbe Ihres Themas. Mit dieser Option können Sie der Schaltfläche dieses Moduls eine benutzerdefinierte Textfarbe zuweisen. Wählen Sie mit der Farbauswahl Ihre benutzerdefinierte Farbe aus, um die Farbe der Schaltfläche zu ändern.

Schaltfläche Hintergrundfarbe

Standardmäßig haben die Schaltflächen eine transparente Hintergrundfarbe. Dies kann durch Auswahl der gewünschten Hintergrundfarbe in der Farbauswahl geändert werden.

Schaltfläche Rahmenbreite

Alle Divi-Schaltflächen haben einen 2px-Standardrahmen. Dieser Rand kann mit diesem Parameter vergrößert oder verkleinert werden. Rahmen können durch Eingabe eines Wertes von 0 gelöscht werden.

Schaltfläche Rahmenfarbe

Standardmäßig ändern sich die Schaltflächenränder in der Akzentfarbe Ihres Themas, wie im Customizer des Themas definiert. Mit dieser Option können Sie der Schaltfläche in diesem Modul eine benutzerdefinierte Rahmenfarbe zuweisen. Wählen Sie mithilfe der Farbauswahl Ihre benutzerdefinierte Farbe aus, um die Farbe des Schaltflächenrahmens zu ändern.

Schaltflächenrandradius

Der Radius des Rahmens wirkt sich auf die Rundheit der Ecken Ihrer Schaltflächen aus. Standardmäßig haben die Schaltflächen in Divi einen kleinen Rahmenradius, der die Ecken von 3-Pixeln 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 Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. 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 Regler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Polizeiknopf

Sie können die Schriftart Ihres Schaltflächentexts ändern, indem Sie die gewünschte Schriftart aus dem Dropdown-Menü auswählen. Divi wird mit Dutzenden großer Schriftarten geliefert, die von Google Fonts unterstützt werden. Standardmäßig verwendet Divi die Open Sans-Schriftart für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch anpassen, indem Sie die Optionen Fett, Kursiv, Großbuchstaben und Unterstrichen verwenden.

Fügen Sie ein Schaltflächensymbol hinzu

Deaktiviert, diese Einstellung entfernt die Symbole von Ihrer Schaltfläche. Standardmäßig zeigen alle Divi-Schaltflächen ein Pfeilsymbol auf dem Hover an.

Schaltflächensymbol

Wenn Symbole aktiviert sind, können Sie mit dieser Einstellung das Symbol für Ihre Schaltfläche auswählen. Divi hat verschiedene Symbole zur Auswahl.

Schaltfläche "Farbsymbol"

Durch Festlegen dieser Einstellung wird die Farbe des Symbols geändert, das auf Ihrer Schaltfläche angezeigt wird. Standardmäßig stimmt die Farbe des Symbols mit der Textfarbe Ihrer Schaltflächen überein. 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 das Symbol für den Button-Hover anzeigen

Standardmäßig werden Schaltflächensymbole nur während des Rollovers angezeigt. Wenn das Symbol immer angezeigt werden soll, deaktivieren Sie diese Einstellung.

Schaltfläche Hover Textfarbe

Wenn die Schaltfläche von einer Besuchermaus überflogen wird, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.

Hover Schaltfläche Hintergrundfarbe

Wenn die Schaltfläche von einer Besuchermaus überflogen wird, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.

Farbe Hover Border Schaltfläche

Wenn die Schaltfläche von einer Besuchermaus überflogen wird, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.

Hover Border Radius-Schaltfläche

Wenn die Taste von einer Besuchermaus betätigt wird, wird dieser Wert verwendet. Der Wert ändert sich gegenüber dem Basiswert, der in den vorherigen Parametern definiert wurde.

Schaltfläche zum Ankreuzen von Noten

Wenn die Taste von einer Besuchermaus betätigt wird, wird dieser Wert verwendet. Der Wert ändert sich gegenüber dem Basiswert, der in den vorherigen Parametern definiert wurde.

Erweiterte Optionen von Post Slider

Auf der Registerkarte Erweitert finden Sie Optionen, die für erfahrene Webdesigner hilfreich sein könnten, z. B. benutzerdefinierte CSS- und HTML-Attribute. Hier können Sie benutzerdefiniertes CSS auf eines der vielen Elemente des Moduls anwenden. Sie können dem Modul auch benutzerdefinierte Klassen und CSS-IDs zuweisen, mit denen Sie das Modul in der Datei style.css Ihres untergeordneten Themas anpassen können.

Cursormodul

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

CSS-ID

Geben Sie eine optionale CSS-ID ein, die für dieses Modul verwendet werden soll. Eine ID kann zum Erstellen eines benutzerdefinierten CSS-Stils oder zum Erstellen von Links zu bestimmten Abschnitten Ihrer Seite verwendet werden.

CSS-Klasse

Geben Sie die optionalen CSS-Klassen ein, die für dieses Modul verwendet werden sollen. Mit einer CSS-Klasse kann ein benutzerdefinierter CSS-Stil erstellt werden. Sie können mehrere Klassen hinzufügen, die durch ein Leerzeichen getrennt sind. Diese Klassen können in Ihrem untergeordneten Divi-Design oder in dem benutzerdefinierten CSS-Stylesheet verwendet werden, das Sie Ihrer Seite oder Website mithilfe von Divi-Designoptionen oder Divi Builder-Seiteneinstellungen hinzufügen.

Benutzerdefiniertes CSS

Benutzerdefiniertes CSS kann auch auf das Modul und eines der internen Elemente des Moduls angewendet werden. Im Abschnitt Benutzerdefiniertes CSS finden Sie ein Textfeld, in dem Sie jedem Element direkt benutzerdefinierte CSS-Stylesheets hinzufügen können. Die CSS-Einträge in diesen Parametern sind bereits in die Style-Tags eingeschlossen. Geben Sie einfach die durch Semikolon 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 festlegen, wie schnell der Cursor zwischen den einzelnen Folien eingeblendet wird, wenn die Option "Automatische Animation" oben aktiviert ist. Je höher die Zahl, desto länger dauert 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

Je kleiner der Bildschirm auf Mobilgeräten wird, desto wertvoller wird die Bildschirmfläche. Manchmal ist es eine gute Idee, einige weniger wichtige Cursorelemente zu deaktivieren, um die Größe des Cursors zu verringern und ihn besser lesbar zu machen. Durch Aktivieren dieser Einstellung wird der Inhalt des Cursortexts auf dem Mobiltelefon ausgeblendet.

CTA auf Mobilgerät ausblenden

Je kleiner der Bildschirm auf Mobilgeräten wird, desto wertvoller wird die Bildschirmfläche. Manchmal ist es eine gute Idee, einige weniger wichtige Cursorelemente zu deaktivieren, um die Größe des Cursors zu verringern und ihn besser lesbar zu machen. Durch Aktivieren dieser Einstellung wird der Cursoraufruf auf die mobilen Aktionstasten ausgeblendet.

Mobiles Bild / Video anzeigen

Je kleiner der Bildschirm auf Mobilgeräten wird, desto wertvoller wird die Bildschirmfläche. Manchmal ist es eine gute Idee, einige weniger wichtige Cursorelemente zu deaktivieren, um die Größe des Cursors zu verringern und ihn besser lesbar zu machen. Wenn Sie diese Einstellung aktivieren, 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 Module auf verschiedenen Geräten verwenden oder das mobile Design vereinfachen möchten, indem Sie bestimmte Elemente der Seite entfernen.

Andere Divi Tutorials

Dieser Artikel enthält Kommentare 2

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
12 Aktien
Aktie6
tweet2
Registrieren4