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

Es ist einfacher denn je, online Preistabellen für Ihre Produkte zu erstellen. Erstellen Sie so viele Tabellen, wie Sie möchten, und steuern Sie deren Preise und Funktionen mit dem Modul "Rate Tables" Ihres WordPress Divi-Themas. Sie können sogar einen bestimmten Plan zur Steigerung der Conversions vorschlagen. Auch wenn Ihr Modul mehrere Preistabellen enthält, wird es als einzelnes Modul behandelt und kann unter eine beliebige Spaltengröße gestellt 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-Theme 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.

Modul Preistabellen

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.

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, dh Sie können auch das Wort "Rate Cards" eingeben und dann auf "Enter" klicken, um das Preistabellenmodul 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 .

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 füge ich ein Preisdiagramm-Modul hinzu, um drei Preispläne (oder Tabellen) mit einem dieser Pläne anzuzeigen, der sich als vorgestellten Plan zur Steigerung der Conversions auszeichnet.

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 Pricing Tables-Modul in die Zeile ein.

Preistabelle line divi.png

Klicken Sie in den Einstellungen der Preistabelle 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: $ By: Year Preis: 69 Button Text: Inscription Inhalt:
Zugriff auf alle Themen Unbefristete Themenaktualisierungen Premium-technischer Support - Zugriff auf alle Plugins - Überlagerte Photoshop-Dateien - Keine Jahresgebühr
Schaltflächen-URL: [Schaltflächen-URL eingeben] Hintergrund: #ffffff

Design-Optionen

Textfarbe für den Preis: # 3e51b5 Benutzerdefinierte Stile für die Schaltfläche verwenden: YES Textfarbe für die Schaltfläche: #ffffff Farbe für die Schaltfläche: #3e51b5 Breite der Schaltfläche: 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 Permanente Themenaktualisierungen Premium Technischer Support Zugriff auf alle Photoshop-Dateien mit Ebenen - keine jährlichen Gebühren Schaltflächen-URL: [geben Sie die Schaltflächen-URL ein]

Registerkarte Design

Textfarbe: #0091ca Schaltflächenfarbe: #0091ca

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

Registerkarte "Inhalt"

Titel: Fürs Leben Preis: 249-Schaltfläche Text: Anmelden Inhalt: Zugriff auf alle Themen Permanente Themenaktualisierungen Premium Technischer Support Zugriff auf alle Plugins Photoshop-Layered-Dateien Keine jährlichen Gebühren Schaltfläche URL: [Geben Sie die URL ein der Taste]

Einstellungen speichern

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

Inhaltsoptionen

Empfohlene Tabellenhintergrundfarbe: #0091ca

Design-Optionen

Farbe des Balls: # 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 hervorgehobener Artikel festgelegt ist, der sich vom Rest abhebt.

Preistabelle Option divi.jpg

Inhaltsoptionen für Preistabellen

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.

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 brandneue Liste mit Designoptionen für diese Preistabelle geöffnet. Die einzelnen Parameter der Preistabelle finden Sie weiter unten.

Nachdem Sie Ihre erste Registerkarte hinzugefügt haben, wird ein grauer Balken mit dem Titel Ihres Preistabellen in Form einer Beschriftung 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 die Artikel in den Preistabellen als Listen mit Aufzählungszeichen angezeigt. Wenn Sie die Aufzählungszeichen aus der Liste der Funktionen entfernen möchten, können Sie diese Option deaktivieren.

Hintergrundfarbe der gekennzeichneten Tabelle

Jede Preistabelle kann "präsentiert" werden. Die vorgestellten Gemälde sind in der Reihe hervorgehoben, wodurch sie sich von anderen Optionen unterscheiden. Mit dieser Einstellung können Sie die Hintergrundfarbe nur für die vorgestellten 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 in der Farbauswahl auswählen.

Empfohlene Tabellenüberschrift

Jede Preistabelle kann "gekennzeichnet" werden. Die vorgestellten Gemälde sind in der Reihe hervorgehoben, wodurch sie sich von anderen Optionen unterscheiden. Mit diesem Parameter können Sie die Hintergrundfarbe der Kopfzeile nur für ausgewählte Tabellen ändern.

Hintergrundfarbe

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

Administratorkennzeichnung

Dadurch wird die Modulbezeichnung im Konstruktor zur einfachen Identifizierung geändert. Wenn Sie die WireFrame-Ansicht in Visual Builder verwenden, werden diese Bezeichnungen im Modulblock der Divi Builder-Benutzeroberfläche angezeigt.

Designoptionen für Preistabellen

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.

Array-Design-Option.png

Ausrichtung

Standardmäßig sind die Featurelisten in der Preistabelle linksbündig angeordnet. Wenn Sie sie ausrichten möchten, können Sie diese Option aktivieren.

Entfernen Sie den Schlagschatten von der vorgestellten Tabelle

Standardmäßig haben Preistabellen hinter jeder Tabelle einen subtilen Schatten. 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 übernehmen die Aufzählungszeichen in der Preistabellenliste 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 eine andere Farbe für Aufzählungszeichen in den Preistabellen verwenden möchten, können Sie diese Farbe hier mit der Farbauswahl festlegen.

Textfarbe der vorgestellten Tabellenüberschrift

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

Polizei an der Spitze

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

Größe der Kopfzeile

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

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]

Farbe des Kopftextes

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

Farbe des Textes der gekennzeichneten Tabelle

Dies ändert die Farbe des Körpertextes für Ihre vorgestellte Malerei. 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 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 Textfarben auf Divi 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.

Textfarbe des Tabellenuntertitels

Dadurch ändert sich die Farbe des Untertiteltexts für das von Ihnen vorgestellte Gemälde. 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 Untertiteltextes ä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.

Schriftgröße für Untertitel oder Untertitel

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

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

Abstand der Buchstaben in den Unterüberschriften

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Untertiteltext 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 Untertitelzeile

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Untertiteltextes 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 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.

Währung Währung und Häufigkeit

Sie können die Schriftart Ihres Währungs- und Häufigkeitstextes ä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.

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

Hier können Sie die Größe Ihrer Währung und Ihren Häufigkeitstext 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.

Währungstextfarbe und -häufigkeit

Standardmäßig werden alle Divi-Textfarben 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 in der Farbauswahl.

Abstand von Buchstaben und Währungen

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrer Währung und Ihrem Häufigkeitstext 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.

Zeile der Frequenzwährung

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Währungs- und Häufigkeitstextes 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 das Feld ein Eingabe 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.

Vorgestellter Farbpreis

Dadurch ändert sich die Farbe der Preise für das von Ihnen vorgestellte Gemälde. 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 Preistexts ä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.

Preis Schriftgröße

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

Preis Textfarbe

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

Abstand der Preisbuchstaben

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Preistext 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 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, 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.

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, Double, Groove, Crest, Key und Start. Wählen Sie den gewünschten Stil aus dem Dropdown-Menü aus, um ihn auf Ihren Rand 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 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.

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.

Schaltfläche Rahmenfarbe

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

Schaltflächenrandradius

Der Radius des Rahmens wirkt sich auf die Rundheit der Ecken Ihrer Schaltflächen aus. Standardmäßig haben die Schaltflächen in Divi einen kleinen Rahmenradius, der die Ecken von 3-Pixeln abrundet. Sie können diesen Wert auf 0 reduzieren, um eine quadratische Schaltfläche zu erstellen, oder ihn erheblich erhöhen, um Schaltflächen mit kreisförmigen Kanten zu erstellen.

Abstand der Buchstaben des Knopfes

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Schaltflächentext vergrößern möchten, verwenden Sie den Bereichsregler, um den Abstand anzupassen, oder geben Sie die gewünschte Abstandsgröße in das Eingabefeld rechts neben dem Regler ein. Die Eingabefelder unterstützen verschiedene Maßeinheiten. Das bedeutet, dass Sie je nach Wert Ihrer Größe "px" oder "em" eingeben können, um den Einheitentyp zu ändern.

Bouton Polizei

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

Farbe des Schaltflächensymbols

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.

Platzieren Sie das Schaltflächensymbol

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.

Textfarbe am Überflug des Knopfes

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

Hover Schaltfläche Hintergrundfarbe

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

Farbe Hover Border Schaltfläche

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

Hover Border Radius-Schaltfläche

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

Schaltfläche zum Ankreuzen von Noten

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

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]

Erweiterte Preislistenoptionen

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.

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

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 Ihre Preisgestaltung auf einem Abonnement basiert, 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 diesem Feld können Sie die Liste der Funktionen eingeben, die mit Ihrem Produkt geliefert werden oder nicht. Trennen Sie jeden Listeneintrag in einer neuen Zeile und beginnen Sie jede Zeile mit einem + oder - Symbol. A + gibt eine eingeschlossene Funktionalität an, während A - ein ausgeschlossenes Merkmal angibt.

Schaltflächen-URL

Am Ende jeder Tabelle können Sie eine Call-to-Action-Schaltfläche einfügen, indem Sie eine gültige Web-URL in dieses Feld einfügen. Lass dies und das
Leeres Textfeld, wenn Sie keine Schaltfläche in Ihrer Preistabelle haben möchten.

Hintergrundfarbe

Legen Sie eine benutzerdefinierte Hintergrundfarbe für Ihr Modul fest 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

In diesem Dropdown-Menü können Sie festlegen, ob diese Preistabelle vorangestellt werden soll oder nicht. Dadurch hebt sich das Gemälde von den anderen ab.

Farbe des Artikels ausgeschlossen

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

Kopfzeile Schriftart

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

Größe der Kopfzeile

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

Farbe des Kopftextes

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

Abstand der Buchstaben in der Kopfzeile

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.

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

Untertitel Schriftgröße

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

Untertitel-Textfarbe

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

Abstand der Untertitel Buchstaben

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Untertiteltext 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 Untertitelzeile

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Untertiteltextes 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 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.

Währung Währung und Häufigkeit

Sie können die Schriftart Ihres Währungs- und Häufigkeitstextes ä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.

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

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

Standardmäßig werden alle Divi-Textfarben 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 in der Farbauswahl.

Abstand von Buchstaben und Währungen

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrer Währung und Ihrem Häufigkeitstext 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.

Währung und Frequenzlinie

Die Zeilenhöhe wirkt sich auf den Abstand zwischen den einzelnen Zeilen Ihres Währungs- und Häufigkeitstextes 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 Feld ein Eingabe 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.

Preispolitik

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

Preis Schriftgröße

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

Preis Textfarbe

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

Abstand der Preisbuchstaben

Der Abstand der Buchstaben wirkt sich auf den Abstand zwischen den Buchstaben aus. Wenn Sie den Abstand zwischen den einzelnen Buchstaben in Ihrem Preistext 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 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, 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.

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.

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]

Breite des Schaltflächenrands

Alle Divi-Buttons haben standardmäßig einen Rand von 2px. 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ächenschriftart

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

Farbe des Schaltflächensymbols

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.

Platzieren Sie die Symbolschaltfläche

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.

Textfarbe am Überflug des Knopfes

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.

Schaltflächenhintergrundfarbe an der Überführung

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.

Rahmenfarbe bei Überführung

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.

Radius der Grenze des Knopfes im Überblick

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.

Abstand der Buchstaben des Knopfes auf der Überführung

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.

Individuelle Preistabellenoptionen Erweiterte Optionen

erweiterte Option divi.png

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.

Andere Divi Tutorials

Dieser Artikel enthält Kommentare 2
  1. Guten Tag,
    Danke für diesen sehr spezifischen und ausführlichen Artikel. Ich bin neu in DIVI Builder verwenden und ich merke, dass meine Rate Karte 3 Spalten nach der Erstellung, die mobile Anzeige ist eine Katastrophe (2 extra schmal Spalten und eine dritte Linie ...).
    Gibt es einen Weg (außer die Tabelle zu duplizieren und auszublenden), um dies beispielsweise auf Bootstrap zu setzen (eine Spalte mit der Breite von 33% auf dem Desktop und 100% auf dem Handy angeben)?
    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
6 Aktien
Aktie2
tweet1
Registrieren3