Edytuj ustawienia motywu

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:

• Logo firmy: zaktualizuj logo firmy w ustawieniach domyślnych konta w zakładce Branding.
• Menu nawigacyjne: kolory menu są ustawiane w ustawieniach szablonu, ale zawartość menu nawigacyjnego i łącza są zarządzane w ustawieniach nawigacji. Dowiedz się , jak utworzyć menu nawig acyjne, które można dodać do globalnego nagłówka lub globalnej stopki w edytorze stron.
• Domena do publikacji: liczba subdomen, domen marki i domen najwyższego poziomu, które można podłączyć, zależy od subskrypcji. Dowiedz się więcej o limitach subskrypcji dla domen i podłączaniu domeny do HubSpot.

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 swoim koncie HubSpot przejdź do Treści > Strony witryny.
  • Stronydocelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
  • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
• Kliknij nazwę swojej zawartości.
• 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. Style te zostaną zastosowane do wszystkich elementów w witrynie. Aby dostosować bardziej szczegółowe ustawienia nagłówków, czcionek i łączy, kliknij opcję Edytuj obok opcji 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 wykorzystania 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.