Przejdź do głównej treści

Jak dostosować typografię i układ na Divi

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 600.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecana]

Aby rozpocząć dostosowywanie układu i typografii witryny, musisz najpierw uzyskać dostęp do Konfiguratora motywów, klikając link Divi> Dostosowywanie motywów na pulpicie WordPress. Spowoduje to uruchomienie dostosowania. Następnie poszukaj panelu "Ustawienia ogólne". Kliknij panel, aby otworzyć odpowiednie ustawienia i rozpocząć dostosowywanie. W panelu "Ustawienia ogólne" zobaczysz trzy sekcje: Ustawienia układu, Typografia i Tło.

parametry ogólne divi.png

Ustawienia układu

Panel układu umożliwia dostosowanie różnych opcji rozmiaru i odstępów dla witryny. Tutaj możesz zwiększyć lub zmniejszyć odstępy między kolumnami, liniami i sekcjami oraz dostosować rozmiar paska bocznego. Z tego panelu można również włączyć tryb „Układ ramkowy”.

układ parameter.png

Włącz układ zagnieżdżania

Tutaj możesz edytować swoją witrynę w formacie pudełkowym, który tworzy ramkę zawartości witryny i udostępnia tło, które można dostosować.

Szerokość treści witryny

Tutaj możesz ustawić maksymalną szerokość sekcji zawartości. Ponieważ Twoja treść jest na responsywnym układzie, dostosuje się do mniejszych rozmiarów, ale nie będzie się rozciągać dalej niż zdefiniowana tutaj maksymalna szerokość.
Wartością domyślną jest 1080px. Jest to dobra szerokość dla większości standardowych laptopów i komputerów stacjonarnych.

Odstępy między kolumnami na stronie internetowej

Szerokość rynny jest ilością poziomej przestrzeni (marginesu) między kolumnami każdej linii.

Opcjonalne wartości szerokości marginesu to 1 i 4.

1 reprezentuje zerowy margines między kolumnami.
2 reprezentuje margines 3% między kolumnami.
3 reprezentuje margines 5,5% między kolumnami.
4 reprezentuje margines 8% między kolumnami.

Łatwo stwórz swoją stronę internetową z Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestańcie słono płacić za to, co możecie zrobić sami. [Bezpłatny]

konfiguracja divi.png

Użyj niestandardowej szerokości paska bocznego

Ustawia szerokość domyślnego paska bocznego dla twojego motywu. Dotyczy to wszystkich stron w temacie, które mają pasek boczny i które nie są tworzone za pomocą Divi Builder.

Wysokość sekcji i linii

Te opcje dostosowują wielkość pionowych odstępów (górne i dolne wypełnienie) dla każdej sekcji i linii.

Kolor motywu akcentującego

Zanim zaczniesz zmieniać kolory innych elementów, musisz to najpierw zmienić. Po zmianie ustawienia zapisz i opublikuj ustawienia i odśwież stronę. Teraz zaktualizowany motyw Accent Color powinien automatycznie uzupełniać inne elementy.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress z Envato i łatwo stwórz swoją stronę internetową. Już ponad 49.720.000 XNUMX XNUMX pobrań. [EXCLUSIVE]

typografia

Panel Typografia umożliwia dostosowanie domyślnego wyglądu tekstu w całej witrynie. Możesz dostosować rozmiar czcionki i nagłówków, które będą proporcjonalnie odzwierciedlane we wszystkich obszarach witryny. Możesz dostosować ich kolor, wysokość linii, odstępy między literami i style czcionek. Na koniec możesz wybrać spośród kilkudziesięciu czcionek, które można zastosować do każdego z nich.

typografia na divi.png

Rozmiar tekstu w treści

Spowoduje to zmianę treści domyślnego tekstu kompozycji. Domyślny rozmiar to 14px.

Wysokość linii ciała

Wysokość linii każdej linii tekstu.

Rozmiar tekstu nagłówka

Divi pozwala ci tutaj ustawić domyślny rozmiar tekstu twojego nagłówka. Wpływa to na elementy Divi jako tytuły modułu nagłówkowego Fullwidth.

Przestrzeń literowa nagłówka

Odstępy liter dostosowują poziome odstępy między literami. Wartość rozstawu liter nagłówka dotyczy wszystkich poziomów nagłówków (h1, h2, h3, h4, h5, h6), cudzysłowów i tytuły slajdów.

Wysokość linii nagłówka

Podobnie jak w przypadku wartości rozstawu listów, wartość nagłówka linia wysokość ma wpływ na wszystkie poziomy nagłówków (h1, h2, h3, h4, h5, h6), cytaty i Nagłówki slajdy.

Styl policji

Użyj tych opcji, aby zmienić styl czcionki nagłówków.

Ciało i czcionka nagłówka

Domyślną czcionką w Divi jest Open Sans, ale Divi ma prawie sto czcionek do wyboru! Skorzystaj z tych wbudowanych czcionek i przetestuj najlepsze dla swojego motywu.

Kolor linków do ciała

Kolor linku do ciała jest dziedziczony po akcentującym kolorze motywu. Ale zawsze możesz to zmienić tutaj.

Łatwo stwórz swój sklep internetowy

Pobierz bezpłatne WooCommerce, najlepsze wtyczki e-commerce do sprzedaży fizycznych i cyfrowych produktów na WordPress. [Zalecana]

Kolor tekstu w kolorze

Tutaj możesz zmienić kolor tekstu twojego ciała.

Kolor tekstu nagłówka

Tutaj możesz zmienić kolor nagłówków.

Tło

Panel tła pozwala na dostosowanie koloru tła motywu i przesłać niestandardowy obraz tła i dostosować swoją pozycję na stronie. Obrazy tła i kolory działają najlepiej, gdy są powiązane z ustawieniem Boxed Layout w wymienionym wcześniej panelu Layouts.

do divi.png

To wszystko w tym samouczku, mam nadzieję, że pozwoli ci lepiej dostosować czcionkę i układ motywu Divi.

Inne samouczki Divi

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Pola obowiązkowe są oznaczone symbolem *

Ta strona używa Akismet do redukcji spamu. Dowiedz się więcej o tym, jak wykorzystywane są Twoje opinie.

Powrót do góry
6 akcji
udział3
ćwierkanie1
Enregistrer2