Aby rozpocząć dostosowywanie układu i typografii swojego Witryna internetowa, musisz najpierw uzyskać dostęp do konfiguratora motywów, klikając link 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 pozwala dostosować różne opcje rozmiaru i odstępów dla twojego Witryna internetowa. Tutaj możesz zwiększyć lub zmniejszyć odstępy między kolumnami, wierszami i sekcjami oraz dostosować rozmiar paska bocznego. Z tego panelu można również włączyć 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.

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 typografii umożliwia dostosowanie domyślnego wyglądu tekstu w całej witrynie Witryna internetowa. Możesz dostosować rozmiar czcionki i nagłówków, które będą proporcjonalnie odzwierciedlane we wszystkich obszarach witryny. Możesz dostosować ich kolory, a także wysokość linii, odstępy między literami i style czcionek. Wreszcie możesz także wybierać spośród kilkudziesięciu 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 Motyw Divi.
[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”]POBIERZ MOTYW DIVI [/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=”centrum” 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”]POBIERZ SZABLONY DIVI[/vcex_button][/vc_column][/vc_row]

Inne samouczki Divi