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.
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.
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.
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 die Standarddarstellung des Textes in Ihrem gesamten Text anpassen Website. Sie können die Größe Ihrer Schriftart und Kopfzeilen anpassen, die proportional in allen Bereichen der Website angezeigt werden. Sie können ihre Farben sowie Zeilenhöhe, Buchstabenabstände und Schriftarten anpassen. Schließlich können Sie auch aus Dutzenden von Schriftarten auswählen, die Sie jeweils anwenden können.
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.
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
- 5 Websites, die Divi Restaurant Thema verwenden
- Wie man Text auf einem Divi WooCommerce Produkt hinzufügt
- So ändern Sie die Menüfarbe zwischen Divi-Seiten
- So personalisieren Sie die Gitter eines Blogs mit Divi
- Wie die Rolle Divi-Editor auf Wordpress verwenden
- So erstellen Sie einen Divi-Schieberegler im Vollbildmodus
- So ändern Sie die Farbe von Menüs zwischen Divi-Seiten
- Funktionen, die Sie wahrscheinlich nicht über Divi kennen
- Wie man Divi Builder auf WordPress benutzt
- Wie benutzt man das Divi Video-Scroll-Modul?
- Wie benutze ich das Divi Builder Flip Modul?
- So fügen Sie ein Testimonial-Modul in Divi Builder hinzu
- Wie benutzt man das Divi-Textmodul?
- So erstellen Sie einen Schieberegler auf Divi
- So bearbeiten Sie eine Divi-Benutzerrolle
- Wie benutzt man das Divi Social Media Modul?
- So verwenden Sie das Shop-Modul zum Thema WordPress Divi
- So verwenden Sie das Divi-Sidebar-Modul
- Wie benutzt man das Divi Preistabellen Modul?
- Wie verwende ich das Titelmodul von Divi-Publikationen?
- So fügen Sie ein Video-Modul von Divi hinzu
- Wie man das Artikelnavigationsmodul benutzt
- Wie benutzt man das Divi-Suchmodul?
- So verwenden Sie das Divi-Wallet-Modul
- Wie man das Personenmodul im Divi Builder benutzt
- Wie man das Geldbörsenmodul mit Divi-Filter verwendet
- So verwenden Sie das Schiebermodul mit voller Breite
- Wie benutzt man das Divi Builder Image Modul?
- So verwenden Sie das vollständige Navigationsmodul von Divi Builder
- So verwenden Sie das Bildergalerie-Modul
- So verwenden Sie das Divi Builder Kartenmodul mit voller Breite
- So verwenden Sie das Divi Full Width Portfolio-Modul
- So verwenden Sie das Divi-Header-Modul in voller Breite
- Wie benutze ich das Divi Counter Modul?
- So verwenden Sie den Artikel-Schieberegler in Divi Builder
- Wie benutze ich das Divi Email Optin Modul?
