Merch Styling

Tworzenie nagłówka strony głównej

Oto fragment

Strona główna używa bardzo specyficznego elementu Header. Wykorzystuje on niemal wszystkie funkcje, jakie zapewnia element header. W tym tło Featured Image, połączone z nagłówkiem witryny i niestandardową lokalizacją i kolorami nawigacji. Dowiedz się więcej o elemencie Header tutaj:

Element nagłówka połączonej strony

Aby edytować nagłówek przejdź do: Appearance > Elements –> Home Page Hero – Merged. Aby zauważyć ten nagłówek został zaprojektowany specjalnie wokół obrazu. Omówimy teraz różne ustawienia i ich przeznaczenie. To powinno zapewnić ci wystarczające zrozumienie, jak manipulować nagłówkiem dla własnej treści.

Ustawienia zakładki Bohater strony

  • Hero Content > Podstawowy znacznik HTML składający się ze znacznika span dla podtytułu, znacznika H1 dla nagłówka głównego oraz znacznika anchor używającego klasy GP Button.
  • Klasy elementów > Brak
  • Kontener > Ustawione na zawarte
  • Padding Desktop > Zauważalne 30% padding RHS tworzy bezpieczną strefę, aby zatrzymać zawartość bohatera strony przed nakładaniem się na RHS obrazu.
  • Padding Mobile > Oddzielne padding, aby umożliwić tekstowi rozpięcie elementu nagłówka.
  • Obrazek w tle > Wykorzystuje Featured Image i ustawiony na wyśrodkowany. Wyróżnione obrazy są wyłączone w treści strony.
  • Kolory > brak koloru tła lub nakładki. Dostosowano kolory tekstu do nagłówka. Wszystkie kolory pozostawione jako domyślne respektują ustawienia customizera.

Ustawienia zakładki nagłówka strony

  • Połącz z treścią > Połącz one
  • Offset Site Header Height > Ustaw 169px na desktop i 50px na Mobile. Te wartości to przybliżona wysokość nagłówka strony i nagłówka mobilnego. Dzięki temu nasza treść przestaje się przemieszczać pod nawigacją i nagłówkiem strony.
  • Kolory > Tło jest ustawione na przezroczystą biel, a Tytuł strony i Linia znaczników pozostają domyślne i respektują kolory ustawione w Customizerze.
  • Lokalizacja nawigacji > Domyślna
  • Kolory nawigacji > Zaznaczone i tło jest ustawione na przezroczyste.

Zasady wyświetlania

Ten Nagłówek jest ustawiony do wyświetlania na Stronie Głównej. Jest to domyślne określenie strony zostało przypisane w Dashboard > Settings > Reading –>Your Home Page Displays.

Najczęściej zadawane pytania

Jak zmienić obraz tła?

Element Header wykorzystuje tło Featured Image. Wystarczy zmienić wyróżniony obraz w edytorze postów na stronie głównej.

Jak zmienić Nagłówek i Nagłówek podrzędny?

Edytuj treść elementów nagłówka hero. Style i rozmiary czcionek są ustawiane w Customizerze > Ustawienia Typograpghy

Jak dostosować zawarcie tekstu?

Aktualny nagłówek i podtytuł są zawarte, więc nie zachodzą na ciemniejszą część obrazu po prawej stronie. Odbywa się to poprzez dodanie dodatkowego paddingu do prawej strony elementu header. Usuń lub zmień wyściółkę, aby dostosować ją do swoich potrzeb.

Jak zmienić kolory nawigacji?

W zakładce Nagłówek strony masz do dyspozycji kontrolę kolorów dla nagłówka i nawigacji. Nadpisują one kolory ustawione w customizerze. Uwaga: kolory w konfiguratorze będą nadal obowiązywały dla Sticky Navigation.

Jak wykorzystać ten element nagłówka na innych stronach?

Jeśli chcesz mieć dokładną kopię tego nagłówka, wtedy możesz po prostu dodać więcej stron, postów lub szablonów do Reguł wyświetlania. Ale widząc, jak strona główna zasługiwałaby na dość specyficzne nagłówki, prawdopodobnie chcesz zrobić jej kopię i zmienić treść dla swoich potrzeb. Oczywiście możesz to zrobić ręcznie lub użyć wtyczki Duplicate Post – po prostu upewnij się, że edytujesz ustawienia wtyczki i dołączasz Elementy.

Click to rate this post!
[Total: 0 Average: 0]
Item added to cart.
0 items - 0,00