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 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Aby rozpocząć dostosowywanie układu i typografii swojej witryny, musisz najpierw przejść do narzędzia Theme Customizer, klikając łącze Divi> Dostosowywanie motywu na pulpicie nawigacyjnym WordPress. Spowoduje to uruchomienie dostosowywania. Następnie poszukaj panelu „Ustawienia ogólne”. Kliknij panel, aby otworzyć odpowiednie ustawienia i rozpocząć dostosowywanie. W panelu „Ustawienia ogólne” zauważysz 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 w witrynie. Tutaj możesz zwiększyć lub zmniejszyć odstępy między kolumnami, wierszami i sekcjami oraz dostosować rozmiar paska bocznego. W tym panelu można również aktywować tryb „Układ w ramce”.

układ parameter.png

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

Tutaj możesz edytować swoją witrynę do formatu ramki, który obramowuje zawartość witryny i wyświetla tło, które można dostosować.

Szerokość treści witryny

Tutaj możesz ustawić maksymalną szerokość sekcji treści. Ponieważ treść jest w układzie elastycznym, dostosuje się do mniejszych rozmiarów, ale nie rozszerzy się bardziej niż maksymalna ustawiona tutaj szerokość.
Wartość domyślna to 1080px. To dobra szerokość dla większości standardowych laptopów i komputerów stacjonarnych.

Odstępy między kolumnami na stronie internetowej

Szerokość rynny to wielkość odstępu poziomego (marginesu) między kolumnami w każdym wierszu.

Opcjonalne wartości szerokości rynny mieszczą się w zakresie od 1 do 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ą dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

konfiguracja divi.png

Użyj niestandardowej szerokości paska bocznego

Spowoduje to ustawienie domyślnej szerokości paska bocznego dla Twojego motywu. Dotyczy to wszystkich stron w Twoim motywie, które mają pasek boczny i które nie zostały utworzone za pomocą Divi Builder.

Wysokość przekroju i linii

Te opcje dostosowują wielkość odstępów w pionie (dopełnienie od góry i dołu) dla każdej sekcji i rzędu.

Kolor akcentu motywu

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

typografia

Panel Typografia to miejsce, w którym możesz dostosować domyślny wygląd tekstu w całej witrynie. Możesz dostosować rozmiar czcionki i nagłówków, które zostaną proporcjonalnie odzwierciedlone we wszystkich obszarach witryny. Możesz dostosować ich kolory, a także wysokość linii, odstępy między literami i style czcionek. Na koniec możesz także wybrać spośród dziesiątek czcionek, które chcesz zastosować do każdej z nich.

typografia na divi.png

Rozmiar tekstu w treści

Spowoduje to zmianę domyślnego tekstu podstawowego dla motywu. Domyślny rozmiar to 14 pikseli.

Wysokość linii ciała

Wysokość linii każdej linii tekstu.

Rozmiar tekstu nagłówka

Divi pozwala tutaj ustawić domyślny rozmiar tekstu dla nagłówka. Ma to wpływ na elementy Divi, takie jak tytuły modułów nagłówka Fullwidth.

Miejsce na litery w nagłówku

Odstępy między literami dostosowują poziomy odstęp między literami. Wartość odstępów między literami nagłówka wpływa na wszystkie poziomy nagłówków (h1, h2, h3, h4, h5, h6), cytaty i tytuły slajdów.

Wysokość wiersza nagłówka

Podobnie jak wartość odstępów między literami, wartość wysokości wiersza nagłówka wpływa na wszystkie poziomy nagłówków (h1, h2, h3, h4, h5, h6), cudzysłowy i tytuły slajdów.

Styl policji

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

Czcionka treści i nagłówka

Domyślną czcionką w Divi jest Open Sans, ale Divi ma prawie sto czcionek do wyboru! Skorzystaj z tych wbudowanych czcionek i sprawdź, które najlepiej pasują do Twojego motywu.

Kolor linków do ciała

Kolor linku do treści jest dziedziczony z koloru akcentu Twojego motywu. Ale zawsze możesz to zmienić tutaj.

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 umożliwia dostosowanie koloru tła motywu, a także przesłanie niestandardowego obrazu tła i dostosowanie jego pozycji na stronie. Obrazy i kolory tła działają dobrze w połączeniu z ustawieniem Formatowanie w ramce w panelu Układy wspomnianym wcześniej.

do divi.png

To wszystko w tym samouczku, mam nadzieję, że pozwoli ci to 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. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

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