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

utworzone przez | sie 24, 2017 | Divi, Divi Dokumentacja Po Polsku | 8 Komentarze

stylista tematów - personalizacaj motywu divi b

 

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

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

8 komentarzy

  1. Brawurka

    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ń!

    Odpowiedz
  2. Andrzej

    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ć.

    Odpowiedz
    • Rafał Stępień

      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.
      ustawienie koloru aktywnego linka w menu strony DIVI

      Odpowiedz
  3. Piotr

    W jaki sposób można wstawić nowy font do DIVI? Bardzo dziękuję za wskazówki.

    Odpowiedz
    • Rafał Stępień

      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ę.
      jak wstawić nowy font do divi

      Odpowiedz
  4. Damian

    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

    Odpowiedz

Wyślij komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *