Erstellen Sie noch heute ganz einfach Ihre Website!

ELEMENTOR ist der einfachste Blog Builder der Welt!

Aufhören Zeit und viel Geld verschwenden um einen Entwickler zu bezahlen, wenn Sie können Erstellen Sie ganz einfach Ihre WordPress-Website oder Ihren Blog mit professionellem Design Nur ein paar Minuten ! Es sind keine technischen Kenntnisse erforderlich.

Beginnen Sie mit der Anpassung des Layouts und der Typografie Ihrer Website, müssen Sie zuerst auf den Theme Customizer zugreifen, indem Sie auf den Link klicken Divi> Theme Customizer auf Ihrem WordPress-Dashboard. Dadurch wird der Customizer gestartet. Suchen Sie dann das Fenster "Allgemeine Einstellungen". Klicken Sie auf das Bedienfeld, um die entsprechenden Einstellungen zu öffnen und mit dem Anpassen zu beginnen. Im Bereich "Allgemeine Einstellungen" sehen Sie drei Abschnitte: Layouteinstellungen, Typografie und Hintergrund.

allgemeine Parameter divi.png

Layouteinstellungen

Im Layoutbereich können Sie verschiedene Größen- und Abstandsoptionen für Ihren anpassen Website. Hier können Sie den Abstand zwischen Spalten, Zeilen und Abschnitten vergrößern oder verkleinern und die Größe Ihrer Seitenleiste anpassen. Sie können in diesem Bereich auch den Boxed Layout-Modus aktivieren.

Layoutparameter.png

Schachtelungslayout aktivieren

Hier können Sie Ihre Site in einem Box-Format bearbeiten, das den Inhalt Ihrer Site umrahmt und einen Hintergrund freigibt, der angepasst werden kann.

Breite des Inhalts der Website

Hier können Sie die maximale Breite Ihres Inhaltsbereichs festlegen. Da sich Ihr Inhalt in einem reaktionsschnellen Layout befindet, wird er an kleinere Größen angepasst, jedoch nicht mehr als die hier festgelegte maximale Breite gedehnt.
Der Standardwert ist 1080px. Es ist eine gute Breite für die meisten Standard-Laptops und -Desktops.

Spaltenabstand auf der Website

Die Breite der Rinne ist der horizontale Abstand (Rand) zwischen den Spalten in jeder Zeile.

Die optionalen Werte für die Rinnenbreite liegen zwischen 1 und 4.

1 steht für den Nullabstand zwischen den Spalten.
2 repräsentiert einen Abstand von 3% zwischen den Spalten.
3 repräsentiert einen Abstand von 5,5% zwischen den Spalten.
4 repräsentiert einen Abstand von 8% zwischen den Spalten.

divi.png Konfiguration

Verwenden Sie die benutzerdefinierte Breite der Seitenleiste

Dadurch wird die Standardbreite der Seitenleiste für Ihr Thema festgelegt. Dies gilt für alle Seiten in Ihrem Thema, die eine Seitenleiste haben und nicht mit Divi Builder erstellt wurden.

Höhe des Abschnitts und der Linie

Diese Optionen passen den vertikalen Abstand (obere und untere Polsterung) für jeden Abschnitt und jede Reihe an.

Thema Akzentfarbe

Bevor Sie die Farben Ihrer anderen Elemente ändern, müssen Sie diese zuerst ändern. Sobald Sie es geändert haben, speichern und veröffentlichen Sie Ihre Einstellungen und aktualisieren Sie Ihre Seite. Jetzt sollte das aktualisierte Akzentfarben-Design andere Elemente automatisch ausfüllen.

Typographie

Im Typografie-Bedienfeld können Sie das Standard-Erscheinungsbild von Text auf Ihrer gesamten Website anpassen. Sie können die Größe Ihrer Schriftart und Überschriften anpassen, die in allen Bereichen der Site proportional angezeigt werden. Sie können ihre Farben sowie die Zeilenhöhe, den Buchstabenabstand und die Schriftstile anpassen. Schließlich können Sie auch aus Dutzenden von Schriftarten auswählen, die auf jede angewendet werden sollen.

Typografie auf divi.png

Textkörpergröße

Dadurch wird der Standardtext für Ihr Thema geändert. Die Standardgröße ist 14px.

Höhe der Körperlinie

Die Zeilenhöhe jeder Textzeile.

Größe des Kopfzeilentextes

Mit Divi können Sie hier die Standardtextgröße für Ihre Kopfzeile festlegen. Dies betrifft Divi-Elemente wie Titel des Header-Moduls mit voller Breite.

Kopfbuchstabe

Der Buchstabenabstand passt den horizontalen Abstand zwischen den Buchstaben an. Der Wert für den Abstand der Kopfbuchstaben wirkt sich auf alle Kopfzeilenebenen (h1, h2, h3, h4, h5, h6), Anführungszeichen und Folientitel aus.

Kopfzeilenhöhe

Genau wie der Wert für den Buchstabenabstand wirkt sich der Wert für die Höhe der Kopfzeile auf alle Kopfzeilenebenen (h1, h2, h3, h4, h5, h6), Anführungszeichen und Titel aus von Folien.

Polizeistil

Verwenden Sie diese Optionen, um den Schriftstil Ihrer Überschriften zu ändern.

Body- und Header-Schriftart

Die Standardschriftart in Divi ist Open Sans, aber Divi hat fast hundert Schriftarten zur Auswahl! Nutzen Sie diese integrierten Schriftarten und testen Sie, welche am besten zu Ihrem Thema passen.

Farbe der Körperglieder

Die Farbe des Body-Links wird von der Akzentfarbe Ihres Themas übernommen. Aber Sie können es hier jederzeit ändern.

Textfarbe des Körpers

Hier können Sie die Farbe Ihres Textkörpers ändern.

Kopfzeilentextfarbe

Hier können Sie die Farbe Ihrer Überschriften ändern.

Hintergrund

Im Hintergrundfenster können Sie die Hintergrundfarbe Ihres Themas anpassen sowie ein benutzerdefiniertes Hintergrundbild hochladen und dessen Position auf der Seite anpassen. Hintergrundbilder und -farben funktionieren gut, wenn sie mit der Einstellung "Boxed Formatating" im zuvor erwähnten Layoutbedienfeld kombiniert werden.

mach divi.png

Das ist alles für dieses Tutorial, ich hoffe, es ermöglicht Ihnen, die Schriftart und das Layout der besser anzupassen Divi-Thema.
[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

%d Blogger wie diese Seite: