#5. Jak dostosować motyw i moduły Divi do indywidualnych potrzeb użytkownika?

 

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.

personalizacja motywu divi stylista tematów i mosułów

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 lewej 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”.

stylista tematów - personalizacja motywu divi

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.

stylista modułów dostosowywanie modułów w motywie divi