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.
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.
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.
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.
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.
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
- strony internetowe 5 dotyczące stosowania restauracja Divi tematu
- Jak dodać tekst do produktu Divi WooCommerce
- Jak zmienić kolor menu między stronami Divi
- Jak spersonalizować siatki bloga za pomocą Divi
- Jak korzystać z roli Divi edytor na WordPressie
- Jak utworzyć pełnoekranowy suwak Divi
- Jak zmienić kolor menu między stronami Divi
- Funkcje, których prawdopodobnie nie wiesz o Divi
- Jak korzystać z Divi Builder na WordPress
- Jak korzystać z modułu przewijania wideo Divi
- Jak korzystać z modułu Divi Builder Flip
- Jak dodać moduł referencji w Divi Builder
- Jak korzystać z modułu tekstowego Divi
- Jak utworzyć suwak na Divi
- Jak edytować rolę użytkownika Divi
- Jak korzystać z modułu Divi Social Media
- Jak korzystać z modułu sklepu na temat WordPress Divi
- Jak korzystać z modułu paska bocznego Divi
- Jak korzystać z modułu tabeli cen Divi
- Jak korzystać z modułu tytułowego publikacji Divi
- Jak dodać moduł wideo Divi
- Jak korzystać z modułu nawigacji artykułów
- Jak korzystać z modułu wyszukiwania Divi
- Jak korzystać z modułu portfela Divi
- Jak korzystać z modułu person w Divi Builder
- Jak korzystać z modułu portfela z filtrem Divi
- Jak korzystać z modułu suwaka o pełnej szerokości
- Jak korzystać z modułu obrazu Divi Builder
- Jak korzystać z modułu nawigacji pełnej szerokości Divi Builder
- Jak korzystać z modułu galerii obrazów
- Jak korzystać z pełnego modułu karty Divi Builder
- Jak korzystać z modułu portfela o pełnej szerokości Divi
- Jak korzystać z modułu nagłówka Divi o pełnej szerokości
- Jak korzystać z modułu licznika Divi
- Jak korzystać z suwaka artykułów w Divi Builder
- Jak korzystać z modułu Divi Email Optin