Springe zum Hauptinhalt

Divi tutorial: So verwenden Sie das Verbindungsmodul (Anmelden)

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 Login-Modul (Login) zeigt ein WordPress-Login-Formular im Divi-Stil an einer beliebigen Stelle auf Ihrer Seite an. Wenn Sie WordPress mit einem Mitgliederbereich verwenden, kann das Hinzufügen eines Anmeldeformulars direkt zu einer Seite sehr nützlich sein (anstatt Leute auf das WordPress-Anmeldeformular umzuleiten, das einen anderen Stil Ihres Themas verwendet).

Login-Seite divi wordpress.png Tutorial

So fügen Sie Ihrer Seite ein Anmeldemodul hinzu

Bevor Sie ein Modul hinzufügen können, um eine Verbindung zu Ihrer Seite herzustellen, müssen Sie zuerst in den Divi Builder springen. Sobald das Divi-Design auf Ihrer Website installiert ist, werden Sie eine Schaltfläche bemerken 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.

Divi Builder

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.

Modul verbinden divi.png

Suchen Sie das Anmeldemodul 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 "Connect" eingeben und dann auf "Enter" klicken, um das Anmeldemodul zu suchen und automatisch 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: Hinzufügen eines benutzerdefinierten Anmeldeformulars auf einer Anmeldeseite zu einem Mitgliederbereich

Da der Benutzer auf Mitgliedschaftsseiten eine Verbindung zum gesamten oder einem Teil des Inhalts herstellen muss, können Sie mit dem Anmeldemodul ganz einfach ein Anmeldeformular zu Ihrer eigenen Anmeldeseite hinzufügen. Außerdem können Sie festlegen, dass Benutzer anstelle der standardmäßigen WordPress-Anmeldeseite zu diesem Formular umgeleitet werden.

Hier ist eine einfache Anmeldeseite mit dem Anmeldemodul, die ich Ihnen zeigen werde, wie man es erstellt:

verbinde dich mit blogpascher.png

Fügen Sie mithilfe von Visual Builder der Anmeldeseite für die Mitgliedschaft einen neuen Standardabschnitt mit einer Zeile mit voller Breite (1-Spalte) hinzu. Setzen Sie dann das Verbindungsmodul in die Leitung ein.

Modul verbinden divi.png

Aktualisieren Sie die Verbindungseinstellungen wie folgt:

Inhaltsoptionen

Titel: Verbindung
Inhalt: [Geben Sie eine kurze Kursbeschreibung oder eine Anleitung zum Anmelden ein] Auf die aktuelle Seite umleiten: JA

Design-Optionen

Hintergrundfarbe des Feldes: # f0f0f0 Textfarbe: Dunkel Kopfzeilenschrift: 35px Kopfzeilenfarbe: # 888888 Körperschriftgröße: 16px Rand: Ja Randfarbe: # 0c71c3 Rahmenbreite: 1px Benutzerdefinierte Polsterung: 50px Oben, 50px Rechts, 50px Unten, 50px Links Verwenden Sie die benutzerdefinierten Stile für die Schaltfläche: JA Schaltflächentextgröße: 26px Schaltflächentextfarbe: #ffffff Schaltflächenfarbe: # 0c71NUM3 button: 0px Font button: Standardmäßig in Großbuchstaben

Beispiel für Login-Seite divi.jpg

Das ist alles Die Member-Space-Site verfügt jetzt über ein benutzerdefiniertes Anmeldeformular, in das Benutzer umgeleitet werden, wenn sie sich beim Kurs anmelden müssen. Sie müssen sich nicht mit dem standardmäßigen WordPress-Anmeldeformular zufrieden geben.

blogpascher login page.png

Verbindungsmodul-Inhaltsoptionen

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.

Inhalt Optionsmodul connection.png

Titel

Der Titel wird im Anmeldefeld über dem Anmeldeformular angezeigt.

Inhalt

Der Inhalt wird im Anmeldefeld unter dem Titel angezeigt. Wenn Sie eine zusätzliche Beschreibung hinzufügen möchten, können Sie das Feld verwenden. Ansonsten lassen Sie es leer.

Zur aktuellen Seite umleiten

Hier können Sie auswählen, ob der Benutzer auf die aktuelle Seite umgeleitet werden soll.

Verwende die Hintergrundfarbe

Wenn Sie Ihrem Anmeldeformular eine feste Hintergrundfarbe geben möchten, wählen Sie "Ja" für diese Option und die Hintergrundfarbe, die Sie in der nächsten Option auswählen, wird verwendet.

Hintergrundfarbe

Wählen Sie eine Hintergrundfarbe aus, die im Hintergrund Ihres Anmeldefelds angezeigt werden soll. Wenn Sie in der vorherigen Option die Hintergrundfarben deaktivieren, hat diese Farbe keine Auswirkung.

Admin-Label

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.

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]

Style-Optionen für das Login-Modul

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.

Optionsdesignmodul connection.png

Form Feld Hintergrundfarbe

Das Anmeldeformular enthält zwei Eingabefelder für den Benutzernamen und das Passwort. Mit diesem Parameter können Sie die Hintergrundfarbe dieser Felder anpassen.

Textfarbe des Formularfelds

Das Anmeldeformular enthält zwei Eingabefelder für den Benutzernamen und das Passwort. Mit diesem Parameter können Sie die Textfarbe dieser Felder anpassen. Wenn Sie die Hintergrundfarbe des Formularfelds angepasst haben, können Sie auch die Farbe des Texts anpassen, um eine gleichmäßige Farbbeziehung sicherzustellen.

Hintergrundfarbe

Wenn ein Eingabefeld mit der Maus eines Besuchers fokussiert wird, ändern sich die Farben, um deutlich anzuzeigen, welches Feld aktiv ist. Hier können Sie die Hintergrundfarbe der fokussierten Felder einstellen.

Fokus Textfarbe

Wenn ein Eingabefeld mit der Maus eines Besuchers fokussiert wird, ändern sich die Farben, um deutlich anzuzeigen, welches Feld aktiv ist. Hier können Sie die Textfarbe der fokussierten Felder einstellen.

Verwenden Sie die Fokusrahmenfarbe

Wenn Sie den Eingabefeldern einen Rahmen hinzufügen möchten, wenn sie im Fokus sind, können Sie diese Option aktivieren.

Farbe der Fokusgrenze

Mit dieser Einstellung können Sie die Farbe des Rahmens ändern, der in den fokussierten Eingabefeldern angezeigt wird.

Textfarbe

Hier können Sie wählen, ob Ihr Text hell oder dunkel sein soll. Wenn Sie auf einem dunklen Hintergrund arbeiten, sollte Ihr Text klar sein. Wenn Ihr Hintergrund klar ist, muss Ihr Text dunkel sein.

Textausrichtung

Hier können Sie die Ausrichtung Ihres Textes anpassen.

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.

abschnittsüberschrift divi.png

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.

Benutze den Rand

Wenn Sie diese Option aktivieren, wird Ihr Modul mit einem Rahmen versehen. Dieser Rahmen kann mit den folgenden bedingten Parametern angepasst werden.

Grenzbereichsmodul divi.png

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]

Farbe der Grenze

Diese Option wirkt sich auf die Farbe Ihres Rahmens aus. Wählen Sie im Farbwähler eine benutzerdefinierte Farbe aus, um sie auf Ihren Rand anzuwenden.

Breite der Grenze

Standardmäßig haben die Ränder eine Breite von 1-Pixeln. Sie können diesen Wert erhöhen, indem Sie den Bereichsregler ziehen oder einen benutzerdefinierten Wert in das Eingabefeld rechts neben dem Regler eingeben. Benutzerdefinierte Maßeinheiten werden unterstützt, dh Sie können die Standardeinheit von "px" in eine andere Einheit ändern, z. B. em, vh, vw usw.

Grenzstil

Rahmen unterstützen acht verschiedene Stile: Solide, Gepunktete, Gepunktete, Doppelte, Groove, Crest, Inlay und Start. Wählen Sie den gewünschten Stil aus dem Dropdown-Menü aus, um ihn auf Ihren Rand anzuwenden.

Benutzerdefinierter Rand

Der Rand ist der Abstand, der an der Außenseite Ihres Moduls zwischen dem Modul und dem nächsten Element darüber, darunter oder links und rechts davon eingefügt wird. Sie können einer der vier Seiten des Moduls benutzerdefinierte Randwerte hinzufügen. Entfernen Sie den hinzugefügten Wert aus dem Eingabefeld, um den benutzerdefinierten Rand zu entfernen. Standardmäßig werden diese Werte in Pixel gemessen. Sie können jedoch benutzerdefinierte Maßeinheiten in die Eingabefelder eingeben.

custom margin.png

Benutzerdefinierte Polsterung

Füllung ist der in Ihrem Modul hinzugefügte Raum zwischen der Kante des Moduls und seinen internen Elementen. Sie können einer der vier Seiten des Moduls benutzerdefinierte Füllwerte hinzufügen. Entfernen Sie den hinzugefügten Wert aus dem Eingabefeld, um den benutzerdefinierten Rand zu entfernen. Standardmäßig werden diese Werte in Pixel gemessen. Sie können jedoch benutzerdefinierte Maßeinheiten in die Eingabefelder eingeben.

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.

mit den Tasten divi module connection.png

Rahmenbreite Schaltfläche

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 Knopfbuchstaben

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.

Schaltfläche Schriftart

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.

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]

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 des Login-Moduls

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.

Login-Modul

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.

Sichtbarkeit

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 0

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
tweet1
Registrieren5