Personalizacja motywu i modułów w WordPress umożliwia kontrolę nad poszczególnymi elementami strony. Jest to miejsce gdzie w prostu sposób dostosujesz wygląd witryny, rozmiar, kolor lub odstęp tekstu za pomocą kilku kliknięć.
Narzędzie „Personalizacja”, a dodatkowo w przypadku motyw Divi „Stylista tematów” i „Stylista modułów” jest miejscem, od którego warto zacząć. Do tych paneli dostęp uzyskasz wybierając z menu kokpitu WordPress zakładkę Divi -> Stylista motywów i Divi -> Stylista modułów.
Korzystając z tych narzędzi masz możliwość sterownia rozmiarami i czcionkami w poszczególnych modułach. Zrobisz to używając suwaków bez znajomości kodowania strony w prosty i przyjemny sposób.
Dostosowanie motywu przy pomocy „Stylisty tematów”
W pierwszej kolejności omówię „Stylisty tematów”. Jest tutaj bardzo dużo opcji podzielonych na kategorie. Po wybraniu tego narzędzia zostaniesz przeniesiony do nowego okna, gdzie po lewej stronie jest panel z ustawieniami np. „Ustawienia ogólne”, „Nagłówek i nawigacja”, a po prawej podgląd strony.
Wybieranie zakładek z panelu powoduje otwarcie opcji związanych z wskazanym obszarem Twojej strony. Zmieniając w tym narzędziu ustawiania, otrzymujesz od razu efekt na podglądzie witryny. Zmiany zostaną naniesione po zapisaniu i opublikowaniu klikając na przycisk „Zapisz i opublikuj”.
Lista dostępnych opcji:
Ustawienia ogólne >
Tożsamość strony >
- Tytuł witryny
- Opis
- Ikona witryny
Ustawienia układu graficznego >
- Włącz układ pudełkowy
- Szerokość zawartości strony internetowej
- Rozstaw kolumn na stronie internetowej
- Użyj niestandardowej szerokości paska bocznego
- Wysokość sekcji
- Wysokość wiersza
- Kolor akcentu tematycznego
Typografia >
- Rozmiar tekstu w korpusie
- Wysokość linii w korpusie
- Rozmiar testu nagłówka
- Rozstaw liter w nagłówku
- Wysokość linii nagłówka
- Styl czcionki w nagłówku
- Czcionka nagłówka
- Czcionka głównej treści
- Kolor linii w korpusie
- Kolor tekstu w korpusie
Tło >
- Kolor tła
- Obraz tła
Nagłówek i nawigacja
Format nagłówka >
- Styl nagłówka
- Włącz nawigacje pionową
Główny pasek menu > i Dodatkowy pasek menu >
- Wymuś pełną szerokość
- Ukryj obraz logo
- Menu wysokość
- Logo max wysokość
- Rozmiar tekstu
- Rozstaw liter
- Czcionka
- Styl czcionki
- Kolor tekstu
- Kolor aktywnego linku
- Kolor tła
- Kolor tła menu rozwijanego
- Kolor linii menu rozwijanego
- Kolor tekstu menu rozwijanego
- Animacja menu rozwijanego
Elementy nagłówka >
- Wyświetl ikony społecznościowe
- Pokaż ikonę wyszukiwania
- Numer telefonu
- Adres email
Stopka >
Układ graficzny >
- Układ kolumn
- Kolor tła stopki
Widgety >
Elementy stopki >
Menu stopki >
Dolny pasek >
Przyciski >
- Style przycisków
- Style przycisków po najechaniu myszą
Blog >
- Post >
Style na urządzenia przenośne >
Schematy kolorystyczne >
Menu >
Widgety >
Statyczna strona główna >
Dodatkowy CSS >
Dostosowanie modułów przy pomocy „Stylisty modułów”
Narzędzie „Stylista modułów” działa podobnie jak „Stylista tematów” tylko, że koncentruje się na dostosowywaniu konkretnych modułów, a nie do ogólnych ustawień strony internetowej.
Po otwarciu „Stylisty modułów” zobaczysz panel z oddzielnymi zakładkami dla każdego z modułów Divi. Po wybraniu wybranej zakładki mamy możliwość dostosowywanie danego elementu.
Na przykład jeśli uważasz, że nagłówek w module slajder pełnej szerokości jest zbyt duży, możesz otworzyć zakładkę „Moduł pełnej szerokości” i ustawić odpowiedni dla siebie rozmiar. Teraz za każdym razem gdy użyjesz tego modułu, będzie miał od razu rozmiar nagłówka wskazany przez siebie.
Można powiedzieć, że w tym miejscu znajdują się globalne (domyślne) ustawianie dla modułów.
Błagam! Powiedz, że nadal się tym zajmujesz i w razie co możesz pomóc! Męczę się z DIVI od dłuższego czasu, bo zwyczajnie boję się do tego podejść. Teraz spróbuję coś wskórać na podstawie tego poradnika, ale pewnie po drodze będę miała milion pytań!
Cześć, tak zajmuje się Divi. Jak potrzebujesz pomocy pisz na maila kontakt@rafalstepien.pl
Witam.
Czy możesz podpowiedzieć w sprawie menu głównego?
Na stronie głównej po kliknięciu u mnie w menu (np. about us), przechodzę do strony About us ale w menu podświetla mi się „about us” na inny kolor niż pozostałe elementy menu. Bardzo tego nie chcę. Chciałbym żeby było tak jak na twojej stronie – gdy przechodzi się u Ciebie między stronami to menu się nie zmienia. Nie wiem jak to zrobić.
Cześć,
to ustawianie znajdziesz w Wygląd -> Personalizacja -> Nagłówek i nawigacja -> Główny pasek menu
jest to ustawienie KOLOR AKTYWNEGO LINKU. Ustawiasz na taki sam jak KOLOR TEKSTU. U mnie jest on biały na aktywnej stronie a na pozostałych nieco przyszarzały.
W jaki sposób można wstawić nowy font do DIVI? Bardzo dziękuję za wskazówki.
Możesz to zrobić w module tekstowym. Przechodzisz do zakładki „Design” i tam wybierasz ustawianie np: dla „Tytuł tekstu”. Jest tam opcja „Czcionka tytuł”, rozwijasz listę i klikasz przycisk „Prześlij” wskazujesz plik czcionki z dysku i masz nową czcionkę.
Witam
Czy jest jakaś możliwość aby dodać obrazek obok tekstu w menu?
Tak jak np. na stronie Castoramy przy wyborze kategorii.
https://www.castorama.pl/
Dziękuję i pozdrawiam
Witam,
tak. Nazywa się to mega menu https://rafalstepien.pl/jak-zrobic-mega-menu-w-divi/