Mit Divi kann überall auf Ihrer Seite Text hinzugefügt werden. Textmodule können in jede Art von Spalte eingefügt werden und bilden in Kombination mit anderen Modulen eine echte dynamische Seite. Wenn Sie ein Textmodul hinzufügen, verfügen Sie über alle Bearbeitungsfunktionen einer normalen WordPress-Seite. Das Divi-Textmodul kann verwendet werden, um ein kleines Textstück in einem komplexen Layout zu erstellen, oder es kann in einer Spalte voller Breite verwendet werden, um eine ganze Seite zu erstellen.

So fügen Sie das Divi Text-Modul hinzu

Bevor Sie Ihrer Seite ein Textmodul hinzufügen können, müssen Sie zunächst in Divi Builder springen. Sobald die Divi-Thema installé auf Website, 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 durchsuchen Website im Vordergrund, wenn Sie in Ihr WordPress-Dashboard eingeloggt sind.

Divi Builder

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.

Fügen Sie ein divi.png Modul ein

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

Inhaltsoptionen

Textmoduloptionen divi.png

Textinhalt

In dieses Feld können Sie den Hauptinhalt Ihres Moduls eingeben. Der Textinhalt erstreckt sich über die gesamte Breite der Spalte, in der er sich befindet.

Wenn Ihr Text auf einem dunklen Hintergrund platziert ist, sollte die Textfarbe auf "Dunkel" eingestellt sein. Wenn Ihr Text jedoch auf einem hellen Hintergrund platziert ist, sollte die Textfarbe auf "Hell" eingestellt sein.

Hintergrundfarbe

Hier können Sie eine Hintergrundfarbe für Ihr Textmodul auswählen.

Hintergrundbild

Hier können Sie ein Hintergrundbild für Ihr Textmodul auswählen.

Administratorkennzeichnung

Standardmäßig wird Ihr Textmodul mit einer Beschriftung angezeigt, die im Builder "Text" lautet. Mit dem Admin-Tag können Sie dieses Tag zur einfachen Identifizierung ändern.

Design-Optionen

divi.png Designoptionen

Hier können Sie Ihren Text oder Kopfzeilentext nach Ihren Wünschen formatieren und / oder positionieren, indem Sie Textfarbe, Ausrichtung, Schriftart, Schriftgröße, Schriftabstand und -höhe auswählen. Linie.

Sie können auch einen Rahmenstil festlegen, eine maximale Breite für Ihr Modul festlegen und benutzerdefinierte Ränder und Füllungen hinzufügen.

Optionen Avancées

erweiterte optionen divi.png

Verwenden Sie die erweiterten Optionen, um Ihrem Textmodul benutzerdefinierte IDs und CSS-Klassen zuzuweisen. Fügen Sie benutzerdefiniertes CSS für erweitertes Design hinzu und geben Sie die Modulsichtbarkeit auf einigen Geräten an.

Das ist alles für dieses Tutorial. Ich hoffe, Sie können das Textmodul auf Divi verwenden.

[vc_row center_row=“yes“][vc_column width=“1/2″][vcex_button target=“blank“ layout=“expanded“ align=“center“ font_family=“Raleway“ font_weight=“700″ style=“flat“ custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DIVI THEMA HERUNTERLADEN [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=“https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials“ target=“blank“ layout=“expanded“ align=“center“ font_family = „Raleway“ font_weight=“700″ style=“flat“ custom_background=“#c4226e“ custom_hover_background=“#8d184f“ custom_color=“#ffffff“ custom_hover_color=“#ffffff“ icon_right=“fa fa-download“]LADEN SIE HERUNTER TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Andere Divi Tutorials