Springe zum Hauptinhalt

Wie man einen Kommentarabschnitt zu Divi hinzufügt

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]

Mit dem Kommentarmodul können Sie ein Kommentarformular an einer beliebigen Stelle auf Ihrer Seite platzieren. Wenn Sie eine Standardseite oder eine Publikation ohne Divi Builder verwenden, werden die Kommentare immer unter dem Inhalt Ihrer Publikation angezeigt.

Sobald der Divi Builder aktiviert ist, können Sie das Kommentarmodul an einer beliebigen Stelle auf Ihrer Seite platzieren. Das Kommentarformular wird an der Position des Moduls angezeigt. Dies gibt Ihnen viel mehr Kontrolle über Ihre Kommentare!

Kommentarmodul divi.png

So fügen Sie Ihrer Seite ein Kommentar-Modul hinzu

Bevor Sie Ihrer Seite ein Kommentar-Modul hinzufügen können, müssen Sie zuerst auf den Divi Builder zugreifen. 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.

Durch Klicken auf diese Schaltfläche wird Divi Builder aktiviert, mit dem Sie auf alle Divi Builder-Module zugreifen können. 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 beim Surfen auf Ihrer Upstream-Website, wenn Sie in Ihrem WordPress-Dashboard angemeldet sind.

Button Divi Builder Modul Blog Divi

Sobald Sie in Visual Builder eingegeben 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.

Kommentare hinzufügen divi.png

Suchen Sie das Kommentar-Modul 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 "Kommentare" eingeben und dann auf "Enter" klicken, um das Kommentar-Modul zu suchen und automatisch hinzuzufügen! Sobald das Modul hinzugefügt wurde, werden Sie mit der Liste der Optionen des Moduls begrüßt. Diese Optionen sind in drei Hauptgruppen unterteilt: Inhalt , Konzeption et fortgeschritten .

Anwendungsfall Hinzufügen eines Kommentarbereichs zu Ihrem Blogeintrag

In diesem Beispiel zeige ich Ihnen, wie einfach es ist, ein Kommentarmodul mit Visual Builder in Ihren Artikel einzufügen und zu formatieren.

Beachten Sie, dass der Kommentarbereich unterhalb des Inhalts der Publikation und oberhalb eines dreispaltigen Fußbereichs eingefügt wird. Das Kommentarmodul könnte jedoch an einer beliebigen Stelle hinzugefügt worden sein.

Fügen Sie einen Kommentarabschnitt divi.jpg hinzu

Fügen Sie in Visual Builder einen Standardabschnitt mit einer durchgehenden Linie (1-Spalte) unter den Modulen hinzu, die den Inhalt Ihrer Publikation enthalten. Fügen Sie dann das Kommentar-Modul in die Zeile ein.

Kommentarmodul divi.png

Aktualisieren Sie die Kommentareinstellungen wie folgt:

Inhaltsoptionen

Hintergrundfarbe der Felder: #ffffff

Design-Optionen

Farbe des Textes: Dunkel
Kommentar Polizei: PT Sans
Kommentar Schriftgröße: 20px
Kommentar Textfarbe:
Polizeifeld: PT Sans
Feld Schriftgröße: 20px
Meta-Schriftart: PT Sans, Kursiv, Großbuchstaben
Meta-Schriftgröße: 16px
Feldrand Radius: 0px
Grenze verwenden: JA
Farbe der Grenze: #aaaaaa
Breite des Rahmens: 1px
Verwenden Sie benutzerdefinierte Stile für die Schaltfläche: JA
Schaltfläche Textgröße: 20
Knopftextfarbe: #ffffff
Hintergrundfarbe der Schaltfläche: # 02b875
Breite der Grenze von
Schaltfläche: 3px

Einige Elemente, wie z. B. Element-Metainformationen und Avatar-Bilder, werden nur angezeigt, wenn Sie oder eine andere Person dem Beitrag einen Kommentar hinzufügen.

Schreiben Sie einen Kommentar zu einem article.jpg

Das ist alles Das Schöne an diesem Modul ist, dass Sie nach dem Kommentarbereich zusätzliche Inhalte hinzufügen können (z. B. einen Aufruf zum Handeln oder ein Kontaktformular), was mit einem Standard-WordPress nicht einfach ist.

Inhaltsoptionen des Kommentarmoduls

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 in dieser Registerkarte.

Modulkommentar divi option content.png

Den Autor Avatar anzeigen

Wenn Sie diese Option deaktivieren, wird der Avatar des Kommentars aus der Kommentarliste entfernt.

Antwortschaltfläche anzeigen

Wenn die Schaltfläche Antwort anzeigen deaktiviert ist, können Benutzer nicht auf Kommentare in der Kommentarliste antworten.

Kommentare anzeigen

Wenn deaktiviert, wird die Gesamtzahl der Kommentare nicht mehr über der Kommentarliste angezeigt.

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]

Hintergrundfarbe der Felder

Das Kommentarmodul zeigt ein Kommentarformular an, das sich aus verschiedenen Eingabefeldern zusammensetzt. Standardmäßig haben diese Eingabefelder eine graue Hintergrundfarbe. Sie können diese Farbe ändern, indem Sie eine benutzerdefinierte Farbe in der Farbauswahl auswählen.

Administratorkennzeichnung

Dadurch wird die Modulbezeichnung im Generator 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.

Kommentare Designoptionen

Auf der Registerkarte Design finden Sie alle Stiloptionen des Moduls, 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 Konstruktionsparametern, mit denen Sie so gut wie alles bearbeiten können.

Option Kommentar divi builder.png

Textfarbe

Hier können Sie den Wert Ihres Textes auswählen. Wenn Sie mit einem dunklen Hintergrund arbeiten, muss Ihr Text hervorgehoben werden. Wenn Sie mit hellem Hintergrund arbeiten, sollte Ihr Text dunkel sein.

Kommentarschriftart

Sie können die Schriftart Ihres Kommentars ä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 Open Sans-Schriftart für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch anpassen, indem Sie Fett, Kursiv, Groß- und Kleinschreibung und Unterstreichungsoptionen verwenden.

Kommentar Schriftgröße

Hier können Sie die Größe Ihrer Kommentarschrift anpassen. Sie können den Intervall-Schieberegler ziehen, um den Text zu vergrößern oder zu verkleinern, oder Sie können den gewünschten Wert für die Textgröße direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größe "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Textfarbe der Kommentare

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

Abstand der Kommentarbuchstaben

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben Ihres Kommentartexts vergrößern möchten, stellen Sie den Abstand mit dem Intervall-Schieberegler ein oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größe "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Kommentar Zeilenhöhe

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen des Kommentartexts aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, passen Sie den Abstand mit dem Intervall-Schieberegler an oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größe "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Polizeifeld

Sie können die Schriftart Ihres Texts ä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 Open Sans-Schriftart für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch anpassen, indem Sie Fett, Kursiv, Groß- und Kleinschreibung und Unterstreichungsoptionen verwenden.

Feldschriftgröße

Hier können Sie die Größe Ihres Feldtextes anpassen. Sie können den Intervall-Schieberegler ziehen, um den Text zu vergrößern oder zu verkleinern, oder Sie können den gewünschten Wert für die Textgröße direkt in das Eingabefeld rechts neben dem Schieberegler eingeben. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größe "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Feldtextfarbe

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

Abstand der Feldbuchstaben

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben Ihres Feldtextes vergrößern möchten, stellen Sie den Abstand mit dem Intervall-Schieberegler ein oder geben Sie den gewünschten Abstand in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größe "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Text Camp Modul Kommentar Divi.png

Feldlinienhöhe

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Textzeilen in Ihrem Feld aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, passen Sie den Abstand mit dem Intervall-Schieberegler an oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größe "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Meta-Schriftart

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ßartiger 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 Fett, Kursiv, Groß- und Kleinschreibung und Unterstreichungsoptionen verwenden.

Meta-Schriftgröße

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

Farbe des Metatextes

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

Abstand von Meta-Buchstaben

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 Intervall-Schieberegler, um den Abstand anzupassen, oder geben Sie die Größe des gewünschten Abstands in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größe "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Höhe der Meta-Linie

Die Zeilenhöhe beeinflusst den Abstand zwischen den einzelnen Zeilen Ihres Metatextes. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, passen Sie den Abstand mit dem Intervall-Schieberegler an oder geben Sie die Größe des gewünschten Abstands in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größe "px" oder "em" eingeben, um den Einheitentyp zu ändern.

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]

Feldrand Radius

Der Radius des Rahmens beeinflusst, wie die Ecken der einzelnen Eingabefelder gerundet werden. Je höher der Wert, desto mehr werden die vier Ecken jedes Eingabefelds gerundet. Sie können den Wert auf 0 reduzieren, um rechteckige Eingabefelder zu erstellen, oder den Wert erheblich erhöhen, um Eingabefelder mit kreisförmigen Kanten zu erstellen.

Grenze divi builder.png

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.

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 Schieberegler in den Bereich ziehen oder einen benutzerdefinierten Wert in das Eingabefeld rechts neben dem Schieberegler eingeben. Benutzerdefinierte Maßeinheiten für die Unterstützung, dh Sie können die Standardeinheit von "px" in eine andere Einheit ändern, z. B. em, vh, vw usw.

Grenzstil

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

Benutzerdefinierte Marge

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. Um einen benutzerdefinierten Rand zu löschen, entfernen Sie den hinzugefügten Wert aus dem Eingabefeld. Standardmäßig werden diese Werte in Pixel gemessen. Sie können jedoch benutzerdefinierte Maßeinheiten in die Eingabefelder eingeben.

Benutzerdefinierte Polsterung

Das Auffüllen ist der Raum, der in Ihrem Modul zwischen der Kante des Moduls und seinen internen Elementen hinzugefügt wird. Sie können einer der vier Seiten des Moduls benutzerdefinierte Füllwerte hinzufügen. Um einen benutzerdefinierten Rand zu löschen, entfernen Sie den hinzugefügten Wert aus dem Eingabefeld. 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 Schaltflächen

Wenn Sie diese Option aktivieren, werden die verschiedenen Anpassungseinstellungen der Schaltflächen angezeigt, mit denen Sie das Erscheinungsbild der Schaltfläche 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 wird mit zunehmender und abnehmender Textgröße skaliert.

Schaltfläche Textfarbe

Standardmäßig erhalten die Schaltflächen die Akzentfarbe Ihres Themas, wie im Customizer des Themas definiert. 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.

Breite des Schaltflächenrands

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.

Box Schatten Divi Builder Modul comment.png

Schaltfläche Rahmenfarbe

Standardmäßig erhalten die Schaltflächenränder die 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 mit der Farbauswahl Ihre benutzerdefinierte Farbe aus, um die Farbe des Schaltflächenrahmens zu ändern.

Schaltfläche für den Radiusrand

Der Radius des Rahmens beeinflusst, wie die Ecken Ihrer Schaltflächen abgerundet sind. Standardmäßig haben die Schaltflächen in Divi einen kleinen Radius, der die Ecken der 3-Pixel abrundet. Sie können es auf 0 reduzieren, um eine quadratische Schaltfläche zu erstellen, oder es erheblich vergrößern, 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 des Schaltflächentexts vergrößern möchten, stellen Sie den Abstand mit dem Intervall-Schieberegler ein oder geben Sie den gewünschten Abstand in das Eingabefeld rechts neben dem Schieberegler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größe "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Polizeiknopf

Sie können die Schriftart Ihres Texts ä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 Open Sans-Schriftart für den gesamten Text auf Ihrer Seite. Sie können den Stil Ihres Textes auch anpassen, indem Sie Fett, Kursiv, Groß- und Kleinschreibung und Unterstreichungsoptionen verwenden.

Schaltflächensymbol hinzufügen

Deaktiviert diese Einstellung entfernt die Symbole von Ihrer Schaltfläche. Standardmäßig wird auf allen Divi-Schaltflächen ein Pfeilsymbol angezeigt, wenn Sie den Mauszeiger bewegen.

Schaltflächensymbol

Wenn Symbole aktiviert sind, können Sie mit dieser Einstellung das in Ihrer Schaltfläche zu verwendende Symbol auswählen. Divi hat mehrere Symbole zur Auswahl.

Farbe des Schaltflächensymbols

Durch Anpassen 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.

Position des Schaltflächensymbols

Sie können wählen, ob das Symbol Ihrer Schaltfläche links oder rechts von Ihrer Schaltfläche angezeigt werden soll.

Nur das Hover-Symbol für die Schaltfläche 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 Überführung Textfarbe

Wenn der Besucher mit der Maus über die Schaltfläche fährt, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.

Hintergrundfarbe der Maus

Wenn der Besucher mit der Maus über die Schaltfläche fährt, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.

Hover-Rahmenfarbe

Wenn der Besucher mit der Maus über die Schaltfläche fährt, wird diese Farbe verwendet. Die Farbe ändert sich von der in den vorherigen Einstellungen definierten Grundfarbe.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Hovering-Radius-Schaltfläche

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

Abstand Rollover-Buchstaben

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

Kommentare Erweiterte Optionen

Auf der Registerkarte Erweitert finden Sie Optionen, die für erfahrene Webdesigner hilfreich sind, z. B. benutzerdefinierte CSS- und HTML-Attribute. Hier können Sie ein 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.

Advanced Section Divi Builder Modul comments.png

CSS-ID

Geben Sie eine optionale CSS-ID ein, die für dieses Modul verwendet werden soll. Ein Bezeichner 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 Divi Child-Design oder in dem benutzerdefinierten CSS verwendet werden, das Sie Ihrer Seite oder Website mithilfe von Divi Theme-Optionen oder Divi Builder-Seiteneinstellungen hinzufügen.

Benutzerdefiniertes CSS

Ein 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 CSS hinzufügen können. Die CSS-Einträge in diesen Einstellungen sind bereits in Style-Tags eingebettet. Sie müssen nur CSS-Regeln eingeben, die durch Semikolons getrennt sind.

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.

Das ist alles für dieses Tutorial.

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
5 Aktien
Aktie1
tweet1
Registrieren3