Widżet nagłówka

ElementsKit to kompaktowy dodatek do Elementora, który zawiera wszystkie konfigurowalne funkcje potrzebne do Twojej witryny WordPress, korzystając z ponad 85 widżetów, rozszerzeń i modułów ElementsKit. Obejmuje to widżet tytułu nagłówka Elementor, który umożliwia dodawanie niestandardowych nagłówków do stron w witrynie WordPress.

Jak zmienić styl nagłówka w Elementorze? #

Używając Widżet nagłówka ElementsKit możesz stylizować nagłówki stron WordPress tak, jak chcesz. Aby korzystać z widżetu, musisz mieć Zainstalowana wtyczka ElementsKit na Twojej witrynie WordPress. Następnie włącz widżet Nagłówek, następnie skonfiguruj atrybuty tytułu nagłówka Elementor i dostosuj styl nagłówka. Aby się dowiedzieć, przeczytaj tę dokumentację jak korzystać z widżetu Nagłówek ElementsKit dla Elementora.

Krok 1: Włącz widżet nagłówka #

Aby korzystać z widżetu tytułu nagłówka Elementora z ElementsKit, musisz najpierw włączyć widżet.

  1. Iść do ElementsKit > Widżety z panelu WordPress.
  2. Znaleźć Widget nagłówka i włącz widget.
  3. Kliknij na ZAPISZ ZMIANY przycisk w prawym górnym rogu.
Jak włączyć widżet nagłówka Elementora

Krok 2: Skonfiguruj tytuł nagłówka w Elementorze #

Teraz otwórz edytor Elementora przeciągnij i upuść widżet Nagłówek ElementsKit. Możesz skonfigurować tytuł, podtytuł, opis tytułu, tekst w tle i separator.

2.1 Tytuł #

W sekcji Tytuł 

  1. Wejdz do Tytuł nagłówka. Możesz skupić uwagę na części nagłówka, umieszczając ją pod nawiasem zwijającym {}.
  2. Dodaj adres URL Połączyć dla tytułu nagłówka Elementora.
  3. Wybierz Tytułowy znacznik HTML (H1, H2, H3,…) dla nagłówka.
  1. Włączać Pokaż granicę aby wyświetlić obramowanie obok tytułu nagłówka. Po włączeniu ramki tytułowej pojawi się opcja Pozycja obramowania.
  2. Wybierz tytuł Pozycja graniczna z podanej opcji: Początek Lub Koniec tytułu.
  3. Włącz Płyń w lewo opcja. Gdy włączona jest opcja Float Left, pojawi się opcja Szerokość tytułu.
  4. Potem będziesz mógł się dostosować Szerokość tytułu 

2.2 Podtytuł #

Aby wyświetlić napisy, najpierw włącz opcję Pokaż podtytuł opcja.

  1. Wchodzić Podtytuł nagłówka.
  2. Ustawić Pozycja podtytułu z podanej opcji: Przed tytułem I Po tytule.
  3. Wybierz Tag HTML podtytułu (H1, H2, H3,…) z danej opcji.
  4. Możesz włączyć Pokaż zarys opcja. [Uwaga: ta opcja działa tylko wtedy, gdy wyłączony jest tytuł podtytułu obramowania.]

Możesz także włączyć Tytuł podtytułu granicznego , aby wyświetlić ramkę wokół napisów. Po włączeniu ramki napisów opcja Pokaż konspekt zostanie wyłączona.

2.3 Opis tytułu #

Aby wyświetlić opis obok tytułu nagłówka,

  1. Włącz Pokaż opis funkcję widżetu tytułu nagłówka.
  2. Wejdz do Opis nagłówka na danym polu.
  3. Możesz dostosować Maksymalna szerokość za opis.

2.4 Tekst cienia #

Aby wyświetlić tekst-cień,

  1. Włącz Pokaż tekst w tle funkcja.
  2. Wejdz do Kontekst cienia.

2.5 Separator #

Aby wyświetlić separator tytułu nagłówka, 

  1. Włącz Pokaż separator funkcja tytułu nagłówka Elementora.
  2. Wybierz Styl separatora spośród podanych opcji: Kropkowana, Pełna, Pełna z gwiazdą, Pełna z kulą i/lub Niestandardowa.
  3. Ustaw Pozycja separatora na górze tytułu, przed tytułem, po tytule lub na dole tytułu.

Niestandardowy styl separatora:

Kiedy wybierzesz Styl separatora Do Zwyczaj, możesz wybrać obraz i jego rozmiar.

  1. Wybierać Styl separatora Do Zwyczaj.
  2. Wybierz obraz z biblioteki multimediów.
  3. Wybierz Rozmiar obrazu rozmiar z danej opcji.

Krok 3: Dostosuj styl widżetu tytułu nagłówka #

Korzystając z widżetu tytułu nagłówka ElementsKit dla Elementora, możesz dostosować tytuł, główny tytuł, podtytuł, opis tytułu, separator i tekst w tle.

3.1 Ogólne #

W sekcji Ogólne ustaw opcję Wyrównanie w lewo, w prawo lub na środek.

3.2 Tytuł #

Aby dostosować styl tytułu w widgecie tytułu nagłówka,

  1. Wybierz Kolor za tytuł.
  2. Wybierz Kolor najechania za tytuł.
  3. Regulować Cień tekstu.
  4. Ustawić Margines dla tytułu nagłówka.
  5. Ustawić Typografia.

Za tytuł Granica,

  1. Regulować Szerokość granicy.
  2. Regulować Wysokość granicy.
  3. Ustaw Pozycja pionowa.
  4. Poprawić Prawa przerwa pomiędzy obramowaniem a tekstem tytułu.
  5. Wybierz Typ tła dla obramowania tytułu.

3.3 Tytuł ukierunkowany #

Aby dostosować tytuł fokusowy,

  1. Wybierz Kolor dla skupionego tytułu.
  2. Wybierać Kolor najechania dla skupionego tytułu.
  3. Ustaw Typografia.
  4. Możesz ustawić Kolor dekoracji tekstu.
  5. Możliwość ustawienia Cień tekstu jest również dostępny.
  6. Ustawić Wyściółka dla skupionego tytułu.

Kolor tła dla głównego tytułu:

[Uwaga: po włączeniu tej funkcji Użyj wypełnienia tekstem funkcja nie będzie dostępna. Podobnie, gdy włączone jest wypełnienie tekstu, wybrany kolor tła tytułu nie będzie dostępny]

  1. Włącz Użyj koloru tła w tekście funkcja.

Po włączeniu pojawią się następujące funkcje:

  1. Wybierz Typ tła.
  2. Wybierać Kolor tła
  3. Ustawić Promień granicy dla skupionego tła tytułu.

Wypełnienie tekstu dla wyróżnionego tytułu:

[Uwaga: kiedy Skoncentrowany kolor tła tytułu jest włączona, ta funkcja nie pojawi się. Podobnie kiedy Wypełnienie tekstu jest włączona, wybrany kolor tła tytułu nie będzie dostępny]

  1. Włącz Użyj wypełnienia tekstem funkcja dla tytułu skupionego.

Po włączeniu pojawią się następujące funkcje:

  1. Wybierz Typ tła dla Wypełnienia tekstu.
  2. Wybierz wypełnienie tekstem Kolor.

3.4 Podtytuł #

Aby dostosować style napisów,

  1. Wybierać Kolor dla napisów.
  2. Ustaw Typografia tekstu podtytułu.
  3. Regulować Margines dla podtytułu.
  4. Regulować Wyściółka dla podtytułu.

Wypełnienie tekstu dla napisów:

  1. Włącz Użyj wypełnienia tekstem funkcja napisów.

Po włączeniu pojawią się następujące funkcje:

  1. Wybierz Typ tła podtytułu.
  2. Wybierz wypełnienie tekstu napisów Kolor

Zarys napisów:

Możesz narysować kontur wokół podtytułu.

  1. Wybierz Typ obramowania dla zarysu napisów.
  2. Ustaw Szerokość zarysu.
  3.  Wybierz granicę Kolor.
  4. Poprawić Zarys promienia dla podtytułu.

3.5 Opis tytułu #

Aby dostosować opis tytułu,

  1. Wybierz Tytuł Opis Kolor.
  2. Ustaw Typografia.
  3. Poprawić Margines za opis tytułu.

3.6 Separator #

Za tytułowy Separator,

  1. Dostosuj separator Szerokość.
  2. Dostosuj separator Wysokość.
  3. Ustawić Margines dla separatora.
  4. Wybierz Kolor separatora.

3.7 Tekst cienia #

Aby dostosować styl cienia tekstu,

  1. Poprawić Pozycja tekstu cienia.
  2. Ustaw Typografia.
  3. Wybierz Cień Kolor tekstu.
  4. Regulować Szerokość granicy.
  5. Wybierz Kolor ramki dla tekstu w tle.

O to chodzi. Teraz możesz wreszcie dodać stylowy i dostosowywalny tytuł nagłówka w Elementorze z podnagłówkami, opisami i tekstem w tle, korzystając z widżetu Nagłówek Elementskit.

Jakie są Twoje uczucia?
Zaktualizowano 25 października 2022 r