Springe zum Hauptinhalt

Divi Tutorial: Wie man das Rate Tables Modul benutzt

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.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]

Es ist einfacher als je zuvor, online Preistabellen für Ihre Produkte zu erstellen. Erstellen Sie so viele Tabellen, wie Sie möchten, und steuern Sie die Preise und Funktionen der einzelnen Tabellen mithilfe des Preistabellenmoduls Ihres Divi WordPress-Themas. Sie können sogar einen bestimmten Plan zur Steigerung der Conversions erstellen. Selbst wenn Ihr Modul mehrere Preistabellen enthält, wird es als ein einzelnes Modul behandelt und kann unter einer beliebigen Spaltengröße platziert werden.

So fügen Sie Ihrer Seite ein Rate Tables-Modul hinzu

Bevor Sie Ihrer Seite ein Preistabellenmodul hinzufügen können, müssen Sie zunächst in Divi Builder springen. Sobald das Divi-Thema auf Ihrer Website installiert ist, werden Sie eine Schaltfläche bemerken Verwenden Sie Divi Builder über dem Post-Editor, wenn Sie eine neue Seite erstellen. 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.

Modul Preistabellen

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.

divi wordpress price chart.png

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

Anwendungsfall: Fügen Sie eine Preistabelle für eine Produktseite hinzu

Wenn Sie Ihre Produkte auf einer Zielseite bewerben, können die Preistabellen Ihre verschiedenen Preisoptionen effektiv darstellen.

In diesem Beispiel werde ich ein Preistabellenmodul hinzufügen, um drei Preispläne (oder Tabellen) anzuzeigen, wobei einer dieser Pläne als vorgestellter Plan hervorgehoben wird, um die Conversions zu erhöhen.

WordPress-Preistabelle divi.jpg

Fügen Sie zunächst der Seite, auf der die Preistabellen angezeigt werden sollen, einen neuen regulären Abschnitt hinzu. Fügen Sie dem Abschnitt eine Zeile mit voller Breite (1 Spalte) hinzu und fügen Sie ein Modul für Preistabellen in die Zeile ein.

Preistabelle line divi.png

Klicken Sie in den Einstellungen der Preistabellen auf der Registerkarte Inhalt auf + Fügen Sie einen neuen Artikel hinzu um deine erste Tabelle hinzuzufügen.

neuer Spaltenpreis chart.png

Aktualisieren Sie die Parameter der Preistabelle wie folgt:

Inhaltsoptionen

Titel: Persönliche Währung: $ Nach: Jahr Preis: 69 Schaltflächentext: Registrierungsinhalt:
Zugriff auf alle Themen Perpetual Theme Updates Premium Technischer Support - Zugriff auf alle Plugins - Shop-Overlay-Dateien - Keine Jahresgebühr
Schaltflächen-URL: [Schaltflächen-URL eingeben] Hintergrund: #ffffff

Design-Optionen

Preis Textfarbe: # 3e51b5 Benutzerdefinierte Schaltflächenstile verwenden: JA Schaltflächentextfarbe: #ffffff Schaltflächenfarbe: # 3e51b5 Schaltflächenbreite: 0px

Einstellungen speichern

divi wordpress Preisdiagramm Beispiel.png

Nun duplizieren Sie die soeben erstellte Preistabelle zweimal, um insgesamt drei Preistabellen zu erhalten.

Erstellung von mehreren Beispielen für tableau.jpg

Aktualisieren Sie für die Mittelpreistabelle die folgenden Optionen:

Registerkarte "Inhalt"

Titel: Entwickler Preis: 89 Inhalt: Zugriff auf alle Themen Perpetual Theme Updates Premium Technischer Support Zugriff auf alle Photoshop-Layer-Dateien - keine Jahresgebühr Button-URL: [Enter-Button-URL]

Registerkarte Design

Textfarbe: # 0091ca Tastenfarbe: # 0091ca

Aktualisieren Sie die Einstellungen für die dritte Preistabelle wie folgt:

Registerkarte "Inhalt"

Titel: Lebenszeit Preis: 249 Button Text: Abonnieren Inhalt: Zugriff auf alle Themen Perpetual Theme Updates Premium Technischer Support Zugriff auf alle Plugins Layered Photoshop-Dateien Keine Jahresgebühr Button URL: [URL eingeben Taste]

Einstellungen speichern

Kehren Sie nun zu den Einstellungen der Preistabelle zurück und aktualisieren Sie Folgendes:

Inhaltsoptionen

Empfohlene Tabellenhintergrundfarbe: #0091ca

Design-Optionen

Kugelfarbe: # 3e51b5 Empfohlene Tischfarbe: # 0091ca

Ergebnis der divi.jpg Preistabelle

Einstellungen speichern

Gehen Sie jetzt zurück und bearbeiten Sie die Abschnittseinstellungen, um dem Abschnitt die Hintergrundfarbe #3e51b5 zu geben.

Das ist alles. Jetzt haben Sie eine Preistabelle mit drei Optionen, wobei die mittlere Option als vorgestellter Artikel festgelegt ist, der sich von den anderen abhebt.

Preistabelle Option divi.jpg

Inhaltsoptionen für Preistabellen

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.

Preistabelle Designoption.png

+ Füge einen neuen Artikel hinzu

Hier fügen Sie Ihrem Modul neue Preistabellen hinzu. Wenn Sie auf "+ Neuen Artikel hinzufügen" klicken, wird eine ganz neue Liste von Designoptionen geöffnet, die für diese Preistabelle spezifisch sind. Unten finden Sie individuelle Einstellungen für die Preistabelle.

Nach dem Hinzufügen Ihrer ersten Registerkarte wird ein grauer Balken mit dem Titel Ihrer Preistabelle in Form eines Etiketts angezeigt. Die graue Leiste enthält außerdem drei Schaltflächen, mit denen Sie die Tabelle bearbeiten, duplizieren oder löschen können.

Zeige Kugel

Standardmäßig werden Preistabellenelemente als Listen mit Aufzählungszeichen angezeigt. Wenn Sie Aufzählungszeichen aus der Funktionsliste entfernen möchten, können Sie diese Option deaktivieren.

Hintergrundfarbe der gekennzeichneten Tabelle

Jede Preistabelle kann "präsentiert" werden. Ausgewählte Tabellen werden in der Zeile hervorgehoben, wodurch sie sich von anderen Optionen unterscheiden. Mit dieser Einstellung können Sie die Hintergrundfarbe nur für vorgestellte Tabellen ändern.

Hintergrundfarbe der Tabellenüberschrift

Über jeder Preistabelle befindet sich ein Kopfbereich, der den Titel und den Untertitel Ihrer Tabelle enthält. Sie können die Hintergrundfarbe dieses Bereichs unabhängig von der Hintergrundfarbe der Haupttabelle steuern, indem Sie die gewünschte Farbe aus der Farbauswahl auswählen.

Empfohlene Tabellenüberschrift

Jede Preistabelle kann "vorgestellt" werden. Ausgewählte Tabellen werden in der Zeile hervorgehoben, wodurch sie sich von anderen Optionen unterscheiden. Mit dieser Einstellung können Sie die Hintergrundfarbe der Kopfzeile nur für ausgewählte Tabellen ändern.

Hintergrundfarbe

Standardmäßig haben die Preistabellen eine weiße Hintergrundfarbe. Wenn Sie eine andere Farbe für den Hintergrund Ihrer Preistabelle verwenden möchten, können Sie hier mithilfe der Farbauswahl Ihre benutzerdefinierte Farbe festlegen.

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.

Designoptionen für Preistabellen

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.

Array-Design-Option.png

Ausrichtung

Standardmäßig werden Feature-Listen in der Preistabelle linksbündig ausgerichtet. Wenn Sie sie ausrichten möchten, können Sie diese Option aktivieren.

Entfernen Sie den Schlagschatten von der vorgestellten Tabelle

Standardmäßig haben Preistabellen einen subtilen Schatten hinter jeder Tabelle. Wenn Sie diesen Schatten entfernen möchten, können Sie diese Option aktivieren.

Artikel aus der Liste in der Mitte

Hier können Sie auswählen, ob die in Ihrer Tabelle aufgelisteten Elemente zentriert werden sollen.

Farbe des Balls

Standardmäßig erben Aufzählungszeichen in der Liste der Preistabellen die Akzentfarbe Ihres Themas. Wenn Sie eine andere Farbe verwenden möchten, können Sie diese hier mit dem Farbwähler einstellen.

Farbe der gekennzeichneten Tabelle

Wenn Sie für die Aufzählungszeichen in den Preistabellen eine andere Farbe verwenden möchten, können Sie diese Farbe hier mit dem Farbwähler festlegen.

Ausgewählte Textfarbe der Tabellenüberschrift

Diese Option steuert die Farbe der Textfarbe Ihrer Tabellenüberschrift. Wenn Sie die Hintergrundfarbe des Tabellenkopfs ändern, können Sie diese Option auch ändern, um die Lesbarkeit sicherzustellen.

Kopfschrift

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 Fettdruck, Kursivschrift, 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.

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]

Kopfzeilentextfarbe

Standardmäßig werden alle Textfarben auf 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.

Farbe des Textes der gekennzeichneten Tabelle

Dadurch wird die Textfarbe für Ihre vorgestellte Tabelle geändert. Wenn Sie die Hintergrundfarbe Ihrer Tabelle ändern, müssen Sie diese Option möglicherweise ändern, um die Lesbarkeit zu gewährleisten.

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 auf 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.

Textfarbe des Tabellenuntertitels

Dadurch wird die Beschriftungstextfarbe für Ihre vorgestellte Tabelle geändert. Wenn Sie die Hintergrundfarbe Ihrer Tabelle ändern, müssen Sie diese Option möglicherweise ändern, um die Lesbarkeit zu gewährleisten.

Untertitel Schriftart

Sie können die Schriftart Ihres Beschriftungstextes ä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.

Schriftgröße für Untertitel oder Untertitel

Hier können Sie die Größe Ihres Subheader-Textes anpassen. Sie können den Bereichsregler ziehen, um die Größe Ihres Texts zu erhöhen oder zu verringern, oder 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ößenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Textfarbe des Untertitels

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

Abstand der Buchstaben in den Unterüberschriften

Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Beschriftungstext 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.

Höhe der Untertitelzeile

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Beschriftungstextes aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen 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 verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Währung Währung und Häufigkeit

Sie können die Schriftart und den Häufigkeitstext Ihrer Währung ä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.

Währung Währungsgröße und -häufigkeit

Hier können Sie Ihre Währungsgröße und Ihren Häufigkeitstext 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.

Währungstextfarbe und -häufigkeit

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

Abstand von Buchstaben und Währungen

Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Währungs- und Häufigkeitstext 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.

Zeile der Frequenzwährung

Die Zeilenhöhe wirkt sich auf den Abstand zwischen jeder Zeile Ihres Währungs- und Häufigkeitstextes aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, passen Sie den Abstand mit dem Bereichsregler an oder geben Sie die gewünschte Abstandsgröße in das Feld ein rechts vom Cursor. Die Eingabefelder unterstützen verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Vorgestellter Farbpreis

Dies ändert die Farbe der Preise für Ihren vorgestellten Tisch. Wenn Sie die Hintergrundfarbe Ihrer Tabelle ändern, müssen Sie diese Option möglicherweise ändern, um die Lesbarkeit zu gewährleisten.

Preis-Polizei

Sie können die Schriftart Ihres Preistextes ä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.

Preis Schriftgröße

Hier können Sie die Größe Ihres Preistextes 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.

Preis Textfarbe

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

Abstand der Preisbuchstaben

Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Preistext 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 verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Höhe der Preislinie

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Preistextes 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 verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Benutze den Rand

Wenn Sie diese Option aktivieren, wird ein Rand um Ihr Modul gelegt. Dieser Rahmen kann mithilfe der folgenden bedingten Parameter 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 sind die Ränder 1 Pixel breit. Sie können diesen Wert erhöhen, indem Sie den Bereichsregler ziehen oder einen benutzerdefinierten Wert in das Eingabefeld rechts neben dem Schieberegler eingeben. Benutzerdefinierte Maßeinheiten werden unterstützt. Dies bedeutet, dass Sie die Standardeinheit von "px" in etwas anderes wie em, vh, vw usw. ändern können.

Grenzstil

Rahmen unterstützen acht verschiedene Stile: massiv, gepunktet, doppelt, Rille, Grat, Überlagerung und Start. Wählen Sie den gewünschten Stil aus dem Dropdown-Menü aus, um ihn auf Ihren Rahmen anzuwenden.

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.

Breite des Schaltflächenrands

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.

Bouton Polizei

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 zeigen alle Divi-Schaltflächen ein Pfeilsymbol an.

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.

Farbe des Schaltflächensymbols

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.

Platzierung der Schaltflächensymbole

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.

Textfarbe am Überflug des Knopfes

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 Preislistenoptionen

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.

erweiterte optionen divi price chart.png

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.

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

Inhaltsoptionen einzelner Preistabellen

individueller Abschnitt price table.png

Titel

Der Titel, den Sie hier einfügen, wird für diese (Premium-) Preisoption verwendet.

Untertitel

Der hier eingefügte Untertitel wird unter Ihrem Titel angezeigt.

Ersinnen

Geben Sie hier das Symbol Ihrer gewünschten Währung ein.

von

Wenn Ihr Preis abonnementbasiert ist, geben Sie hier den Abonnementzyklus ein (z. B. Jahr).

Preis

Geben Sie hier den Produktwert ein.

Schaltflächentext

Geben Sie hier den Text der Schaltfläche an.

Inhalt

In dieses Feld können Sie die Liste der Funktionen eingeben, die mit Ihrem Produkt geliefert werden oder nicht. Trennen Sie jedes Listenelement in einer neuen Zeile und beginnen Sie jede Zeile mit einem + oder - Symbol. A + gibt ein eingeschlossenes Merkmal an, während A - ein ausgeschlossenes Merkmal angibt.

Schaltflächen-URL

Am Ende jeder Tabelle können Sie eine Schaltfläche zum Aufrufen von Aktionen einfügen, indem Sie eine gültige Web-URL in dieses Feld einfügen. Lass dies und das
leeres Schaltflächentextfeld, wenn Sie keine Schaltfläche in Ihrer Preistabelle haben möchten.

Hintergrundfarbe

Definieren Sie eine benutzerdefinierte Hintergrundfarbe für Ihr Modul oder lassen Sie das Feld leer, um die Standardfarbe zu verwenden.

Designoptionen für individuelle Preistabellen

Preis Spalte Spalte Stil Divi.png

Machen Sie diese Tabelle gekennzeichnet

Wählen Sie aus, ob Sie diese Preistabelle in diesem Dropdown-Menü vorlegen möchten oder nicht. Dadurch kann sich das Board von den anderen abheben.

Artikelfarbe ausgeschlossen

Für Elemente in Ihrer Liste, die mit dem Symbol - als ausgeschlossen festgelegt wurden, können Sie ihre Farbe mit dieser Einstellung anpassen. Beispielsweise möchten Sie möglicherweise die Farbe in Rot ändern oder ihre Deckkraft verringern, um visuell anzuzeigen, dass die Elemente aus dem aktuellen Paket ausgeschlossen sind.

Kopfzeile 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.

Untertitel Schriftart

Sie können die Schriftart Ihres Untertiteltextes ä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.

Untertitel Schriftgröße

Hier können Sie die Größe Ihres Subheader-Textes anpassen. Sie können den Bereichsregler ziehen, um die Größe Ihres Texts zu erhöhen oder zu verringern, oder 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ößenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Untertitel-Textfarbe

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

Abstand der Untertitel Buchstaben

Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Beschriftungstext 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.

Höhe der Untertitelzeile

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Beschriftungstextes aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen 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 verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Währung Währung und Häufigkeit

Sie können die Schriftart und den Häufigkeitstext Ihrer Währung ä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.

Schriftgröße für Währung und Häufigkeit

Hier können Sie Ihre Währungsgröße und Ihren Häufigkeitstext 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 für Währung und Häufigkeit

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

Abstand von Buchstaben und Währungen

Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Währungs- und Häufigkeitstext 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.

Währung und Frequenzlinie

Die Zeilenhöhe wirkt sich auf den Abstand zwischen jeder Zeile Ihres Währungs- und Häufigkeitstextes aus. Wenn Sie den Abstand zwischen den einzelnen Zeilen vergrößern möchten, passen Sie den Abstand mit dem Bereichsregler an oder geben Sie die gewünschte Abstandsgröße in das Feld ein 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.

Preispolitik

Sie können die Schriftart Ihres Preistextes ä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.

Preis Schriftgröße

Hier können Sie die Größe Ihres Preistextes 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.

Preis Textfarbe

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

Abstand der Preisbuchstaben

Der Buchstabenabstand beeinflusst den Abstand zwischen den einzelnen Buchstaben. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Preistext 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 verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

Höhe der Preislinie

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Preistextes 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 verschiedene Maßeinheiten, dh Sie können je nach Größenwert "px" oder "em" eingeben, um den Einheitentyp zu ändern.

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.

Breite des Schaltflächenrands

Alle Divi-Schaltflächen haben standardmäßig einen Rand von 2 Pixel. 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 Knopfbuchstaben

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.

Schaltflächenschriftart

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 der Schaltfläche ein Symbol 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.

Farbe des Schaltflächensymbols

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.

Platzierung der Symbolschaltflächen

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.

Textfarbe am Überflug des Knopfes

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.

Schaltflächenhintergrundfarbe an der Überführung

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.

Rahmenfarbe bei Überführung

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.

Radius der Grenze des Knopfes im Überblick

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.

Abstand der Buchstaben des Knopfes auf der Überführung

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.

Individuelle Preistabellenoptionen Erweiterte Optionen

erweiterte Option divi.png

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.

Andere Divi Tutorials

Dieser Artikel enthält Kommentare 3

  1. Toller Artikel für ein fast vollständiges Modul. Die Möglichkeit, einen durchgestrichenen Preis hinzuzufügen, wäre nicht abgelehnt worden ...

  2. Guten Tag,
    Vielen Dank für diesen sehr präzisen und detaillierten Artikel. Ich bin neu in der Verwendung des DIVI-Builders und stelle fest, dass die Anzeige für Mobilgeräte nach dem Erstellen meiner Tarifübersicht mit 3 Spalten eine Katastrophe darstellt (2 extra schmale Spalten und eine dritte in der Zeile…).
    Gibt es eine Möglichkeit (außer das Duplizieren und Ausblenden der Tabelle), dies wie beispielsweise bei Bootstrap zu konfigurieren (geben Sie einer Spalte die Breite von 33% auf dem Desktop und 100% auf dem Handy)?
    Vielen Dank für Ihre Hilfe.

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
Aktie2
tweet
Registrieren3