Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Edytuj ustawienia motywu

Data ostatniej aktualizacji: czerwca 27, 2023

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Wszystkie produkty i plany

Motyw to zestaw stylów i szablonów, które można zastosować do stron witryny i blogów w HubSpot. Aby zapewnić spójny wygląd witryny, ustawienia stylów dla wszystkich stron korzystających z tego samego motywu są zarządzane w ustawieniach motywu.

Zanim zaczniesz

Ustawienia motywu kontrolują główne kolory, czcionki i style przycisków dla stron korzystających z szablonów motywów.

Uwaga: opcje stylizacji dostępne w ustawieniach szablonu zależą od opcji pól szablonu dołączonych przez programistę, który utworzył szablon.

Niektóre treści witryny są zarządzane w innych częściach ustawień konta, w tym:

Edycja ustawień szablonu

Ustawienia szablonu można edytować z poziomu edytora treści dla dowolnej strony lub postu korzystającego z tego szablonu:

  • Przejdź do swojej zawartości:

    • Strony witryny: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
    • Stronydocelowe: Na koncie HubSpot przejdź do Marketing > Strony docelowe.
    • Blog: Na koncie HubSpot przejdź do Marketing > Witryna internetowa > Blog.
  • Najedź kursorem na zawartość i kliknij Edytuj.
  • W edytorze treści kliknij menu Edytuj i wybierz opcję Motyw.

Kolory

Ustawienia kolorów motywu stosują kolor podstawowy, dodatkowy i kolor tła do wszystkich elementów zawartych w szablonach motywów. Aby dostosować bardziej szczegółowe ustawienia dla nagłówków, czcionek i linków, kliknij Edytuj obok Więcej ustawień.

Czcionki

Wybierz podstawową i dodatkową czcionkę do zastosowania w nagłówkach, formularzach, przyciskach i tekście głównym witryny. Obsługiwane są wszystkie czcionki Google. Kliknij dymek koloru , aby dostosować podstawowe lub dodatkowe kolory czcionek. Możesz wybrać prostą wartość koloru lub kliknąć kartę Zaawansowane i wybrać określoną wartość szesnastkową za pomocą próbnika kolorów.

Odstępy

Ustawienia motywu dotyczące odstępów kontrolują maksymalną szerokość zawartości strony i pionowe odstępy między różnymi elementami na stronie.

Więcej ustawień

W ustawieniach motywu mogą znajdować się dodatkowe szczegółowe ustawienia bardziej szczegółowych stylów na stronie. Opcje stylu w motywie są oparte na polach motywu zawartych w zakodowanym szablonie motywu. Jeśli nie jesteś w stanie zlokalizować ustawienia, którego szukasz, skontaktuj się z projektantem szablonu, aby sprawdzić, jakie opcje zostały uwzględnione w szablonie.

Poniższy przykład jest ogólnym przewodnikiem po typach dodatkowych opcji, które mogą być zawarte w szablonie. Aby uzyskać pełne odniesienie do pól szablonu, które mogą być zawarte w szablonach, zapoznaj się z dokumentacją projektantów.

Uwaga: pamiętaj, że możesz dostosować czcionki, kolory i style w module tekstu sformatowanego na swojej stronie lub zastępując domyślne style szablonu w edytorze stron. Modyfikuj te style tylko wtedy, gdy chcesz, aby zostały zastosowane do wszystkich stron korzystających z tego motywu.

Typografia

W ustawieniach typografii można kontrolować czcionki stosowane do niektórych elementów szablonów. Obsługiwane są wszystkie czcionki Google. Możesz także wybrać niestandardowe kolory dla niektórych nagłówków, czcionek lub linków w szablonie.

  • Nagłówki : możesz dostosować dokładną czcionkę, kolor, rozmiar i styl dla wszystkich nagłówków zawartych w szablonie.
  • Treść : dostosuj czcionkę, kolor lub rozmiar tekstu tylko w treści strony.
  • Linki : dostosuj domyślny kolor linków na swojej stronie. Możesz także dostosować kolor i zachowanie linków, gdy odwiedzający najedzie na nie kursorem lub je kliknie.

Przyciski

Możesz ustawić niestandardowe kolory, czcionki i style dla przycisków na swoich stronach i blogu. W edytorze strony dla konkretnej strony możesz być w stanie zamienić rozmiary lub typy przycisków, w zależności od tego, jak motyw został utworzony przez programistę witryny.

  • Rozmiar: określ wymiary małych, zwykłych i dużych przycisków na stronie.
  • Podstawowy: przycisk podstawowy służy do wykonania najważniejszej czynności na stronie. Kolor ten powinien się wyróżniać i przyciągać uwagę użytkownika.
  • Drugorzędny: przycisk drugorzędny jest używany do stosunkowo mniej ważnych działań, gdy na stronie znajduje się już jeden przycisk podstawowy. Przyciski drugorzędne są zwykle stosowane na stronach do działań o niższym priorytecie.
  • Proste: są to domyślne czcionki i style stosowane do prostych modułów przycisków na stronie.

Formularze

Dostosuj domyślne kolory, czcionki i style tekstu oraz style przycisków dla swoich formularzy.

  • Tytuł : są to style stosowane do pola tekstowego, które pojawia się nad całym formularzem. Zazwyczaj zawiera ono powitanie i instrukcje dotyczące wypełniania formularza. Tymi stylami formularza można zarządzać tylko tutaj, w ustawieniach szablonu.
  • Etykiety : style stosowane do etykiet wyświetlanych nad polem formularza.
  • Pola: style stosowane do nazw samych pól formularza.
  • Tekst pomocy: jest to przykładowa treść, która pojawia się w każdym polu formularza, wskazując, jaki rodzaj informacji powinien przesłać odwiedzający.
  • Prześlij: wybierz styl i rozmiar przycisku, który ma zostać zastosowany do formularzy.
  • Kolor tła : kolor tła zastosowany do formularza.
  • Obramowanie : kolor obramowania wokół pól formularza.
  • Odstępy: ilość odstępów wokół formularza na stronie.

Tabele

Ustaw domyślne kolory, czcionki, odstępy i obramowania dla tabel dodanych do strony.

  • Nagłówek tabeli: kolory stosowane do czcionek w nagłówku tabeli oraz domyślny kolor tła na całej szerokości pierwszego wiersza tabeli. Można także ustawić dolne obramowanie dla koloru akcentującego wzdłuż dolnej krawędzi nagłówka tabeli.
  • Kolorczcionki : domyślny kolor czcionek w tabeli.
  • Kolortła : domyślny kolor tła komórek tabeli.
  • Obramowanie : domyślny kolor, szerokość i styl obramowania tabeli.
  • Wypełnienie : ilość miejsca nad i pod tabelą na stronie.

Dowiedz się więcej o tym, jak wstawić tabelę do modułu tekstu sformatowanego na stronie.

Nagłówek witryny

Te ustawienia kontrolują kolory i czcionki wyświetlane w nagłówku strony, w tym w menu nawigacyjnym. Dowiedz się, jak skonfigurowaćmenu nawigacyjne w ustawieniach konta .Aby ustawić logo firmy na szablonach motywów, dodaj obraz logo do ustawień domyślnych konta w sekcjiBranding.

  • Menu : wybierz kolor i styl czcionki dla menu nawig acyjnego, gdy odwiedzający przeglądają, najeżdżają kursorem lub klikają pozycję menu. Stylami tymi można zarządzać tylko tutaj, w ustawieniach szablonu.
  • Kolor tła : wybierz kolor tła nagłówka witryny.
  • Dolne obramowanie: w razie potrzeby można dodać poziomą linię jako obramowanie pod nagłówkiem witryny. Wybierz styl, aby aktywować dolne obramowanie, a następnie wybierz kolor i szerokość obramowania.

Stopka

Te ustawienia kontrolują kolory i czcionki wyświetlane w stopce strony, w tym w menu nawigacji. Dowiedz się, jak skonfigurowaćmenu nawigacji w ustawieniach konta .

  • Menu : wybierz kolor i styl czcionki dla menu nawigacji w stopce szablonu. Możesz dostosować kolory, gdy odwiedzający wyświetlają, najeżdżają kursorem lub klikają element menu. Stylami tymi można zarządzać tylko tutaj, w ustawieniach szablonu.
  • Kolor tła : wybierz kolor tła stopki witryny.
  • Dolne obramowanie: w razie potrzeby można dodać poziomą linię jako obramowanie pod stopką witryny. Wybierz styl, aby aktywować dolne obramowanie, a następnie wybierz kolor i szerokość obramowania.

Blog

Te ustawienia kontrolują styl szablonu strony oferty i szablonu wpisu na blogu.

Obrazy banerów: prześlij obrazy do użycia w tle nagłówka szablonu bloga. Możesz wybrać jeden obraz dla strony głównej bloga i jeden obraz do zastosowania we wszystkich wpisach na blogu.

Tagi : ustaw domyślny kolor, czcionki i style dla tagów bloga, które pojawiają się u góry wpisów na blogu.

Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.