Edytuj ustawienia swojego 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. Ustawienia motywu można łatwo dostosować, klikając kartę Projektowanie na lewym panelu w edytorze stron. Ustawienia motywu można dostosować za pomocą intuicyjnych kontrolek, takich jak toggle, przełączniki i selektory kolorów.

Zanim zaczniesz

Ustawienia motywu kontrolują główne kolory, czcionki i style przycisków dla stron używających twoich szablonów motywów.

Uwaga: opcje stylizacji dostępne w ustawieniach motywu zależą od opcji pola motywu dołączonych przez programistę internetowego, który stworzył Twój motyw.

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

• Twoje logo firmy: zaktualizuj logo firmy w ustawieniach konta w zakładce Branding.
• Twoje menu nawigacyjne: kolory menu są ustawione w ustawieniach motywu, ale zawartość menu nawigacyjnego i łącza są zarządzane w ustawieniach Nawigacji. Dowiedz się, jak stworzyć menu nawig acyjne, które możesz dodać do globalnego nagłówka lub globalnej zawartości stopki w edytorze stron.
• Twoja domena do publikowania: liczba subdomen, domen marek i domen najwyższego poziomu, które możesz połączyć, zależy od Twojej subskrypcji. Dowiedz się więcej o limitach subskrypcji dla domen i podłączaniu domeny do HubSpot.

Edycja ustawień motywu

Aby edytować ustawienia motywu, należy najpierw utworzyć stronę z szablonem motywu. Dostęp do ustawień motywu można uzyskać w edytorze treści, klikając kartę Motyw po lewej stronie. Następnie kliknij opcję Edytuj ustawienia motywu.

Dostosowanie kolorów, czcionek i odstępów spowoduje ustawienie domyślnych stylów dla wszystkich elementów na twojej stronie. Jeśli chcesz edytować konkretne szczegóły, takie jak kolory linków, kolory przycisków lub domyślne kolory formularzy, kliknij Edytuj obok Więcej ustawień aby zobaczyć dodatkowe ustawienia motywu dostępne dla twoich szablonów.

Kolory

Ustawienia kolorów Twojego motywu stosują kolor główny, dodatkowy i tła do wszystkich elementów zawartych w szablonach motywów. Te style będą stosowane do wszystkich elementów w Twojej witrynie. Aby dostosować bardziej szczegółowe ustawienia dla nagłówków, czcionek i linków, kliknij Edytuj obok Więcej ustawień.

Czcionki

Wybierz główną i dodatkową czcionkę, która będzie stosowana w nagłówkach, formularzach, przyciskach i tekście witryny. Obsługiwane są wszystkie czcionki Google. Kliknij dymek z kolorem , aby dostosować kolory czcionek podstawowych i drugorzędnych. Możesz wybrać prostą wartość koloru lub kliknąć kartę Zaawansowane i wybrać konkretną wartość szesnastkową za pomocą próbnika kolorów.

Odstępy

Ustawienia motywu dla odstępów kontrolują maksymalną szerokość zawartości strony oraz pionowe odstępy pomiędzy różnymi elementami na stronie.

Więcej ustawień

W ramach ustawień motywu, możesz mieć dodatkowe szczegółowe ustawienia dla bardziej specyficznych stylów na twojej stronie. Opcje stylu w twoim motywie są oparte na polach motywu zawartych w zakodowanym szablonie twojego motywu. Jeśli nie jesteś w stanie zlokalizować ustawienia, którego szukasz, zwróć się do projektanta szablonu, aby sprawdzić, jakie opcje zostały zawarte w szablonie.

Poniższy przykład jest ogólnym przewodnikiem po tym, jakie typy dodatkowych mogą być zawarte w twoim motywie. Aby uzyskać pełne odniesienie do pól motywu, które mogą być zawarte w twoich szablonach, zobacz dokumentację projektantów.

Uwaga: pamiętaj, że możesz dostosować czcionki, kolory i style w module tekstowym na swojej stronie lub poprzez nadpisanie domyślnych stylów motywu w edytorze strony. Modyfikuj te style tylko wtedy, gdy chcesz, aby zostały zastosowane na wszystkich stronach używających tego motywu.

Typografia

W ustawieniach typografii możesz kontrolować czcionki stosowane do niektórych elementów w szablonach. Wszystkie czcionki Google są obsługiwane. Możesz także wybrać niestandardowe kolory dla niektórych nagłówków, czcionek lub linków w swoim motywie.

• Nagłówki: możesz dostosować dokładną czcionkę, kolor, rozmiar i styl dla wszystkich nagłówków zawartych w twoim motywie.
• Ciało: dostosowanie czcionki, koloru i rozmiaru tekstu tylko dla ciała strony.
• Linki: dostosowanie domyślnego koloru linków na twojej stronie. Możesz także dostosować kolor i zachowanie linków, gdy odwiedzający najeżdża na nie lub je klika.

Przyciski

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

• Rozmiar: określ wymiary małych, zwykłych i dużych przycisków na swojej stronie.
• Podstawowy: podstawowy przycisk jest dla najważniejszej akcji, którą odwiedzający podejmuje na Twojej stronie. Ten kolor powinien się wyróżniać i przyciągać uwagę odwiedzającego.
• Wtórny: przycisk wtórny jest używany do stosunkowo mniej ważnych działań, gdy na stronie znajduje się już jeden przycisk pierwotny. Przyciski drugorzędne są zazwyczaj stosowane na stronach dla akcji o niższym priorytecie.
• Proste: są to domyślne czcionki i style stosowane do prostych modułów przycis ków na twojej stronie.

Formularze

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

• Tytuł: są to style zastosowane do pola tekstowego, które pojawia się nad całym formularzem. Zazwyczaj zawiera on powitanie i instrukcje dotyczące wypełniania formularza. Te style na twoim formularzu mogą być zarządzane tylko tutaj w ustawieniach twojego motywu.
• Etykiety: style stosowane do etykiet, które pojawiają się nad polem formularza.
• Pola: style zastosowane do nazw samych pól formularza.
• Tekst pomocy: jest to przykładowa treść, która pojawia się wewnątrz każdego pola formularza, wskazując, jaki rodzaj informacji powinien przesłać odwiedzający.
• Prześlij: wybierz styl i rozmiar przycisku, który powinien być zastosowany do twoich formularzy.
• Kolor tła: kolor tła zastosowany do Twojego formularza.
• Border: kolor obramowania wokół pól formularza.
• Padding: ilość odstępów wokół formularza na stronie.

Tablice

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

• Nagłówektabeli: kolory zastosowane do czcionek w nagłówku tabeli oraz domyślny kolor tła na całej szerokości pierwszego wiersza tabeli. Możesz również ustawić dolne obramowanie dla koloru akcentu wzdłuż dolnej krawędzi nagłówka tabeli.
• Kolor czcionki: domyślny kolor czcionek w tabeli.
• Kolor tła: domyślny kolor tła komórek tabeli.
• Obramowanie: domyślny kolor, szerokość i styl obramowania tabeli.
• Padding: ilość miejsca nad i pod tabelą na stronie.

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

Nagłówek strony

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

• Menu: wybierz kolor i styl czcionki dla menu nawigacyjnego, gdy odwiedzający oglądają, najeżdżają lub klikają element menu. Te style mogą być zarządzane tylko tutaj w ustawieniach motywu.
• Kolor tła: wybierz kolor tła nagłówka swojej strony.
• Dolne obramowanie: jeśli chcesz, możesz dodać poziomą linię jako obramowanie pod nagłówkiem Twojej strony. Wybierz styl, aby aktywować dolną granicę, a następnie wybierz kolor i szerokość dla swojej granicy.

Stopka

Te ustawienia kontrolują kolory i czcionki, które pojawiają się w stopce strony, w tym wszelkie menu nawigacyjne. Dowiedz się, jak skonfigurowaćmenu nawigacyjne w ustawieniach konta.

• Menu: wybierz kolor i styl czcionki dla menu nawigacyjnego w stopce Twojego motywu. Możesz dostosować kolory, gdy odwiedzający oglądają, najeżdżają lub klikają element menu. Te style mogą być zarządzane tylko tutaj w ustawieniach motywu.
• Kolor tła: wybierz kolor tła stopki swojej strony.
• Dolne obramowanie: jeśli chcesz, możesz dodać poziomą linię jako obramowanie pod stopką witryny. Wybierz styl, aby aktywować dolną granicę, a następnie wybierz kolor i szerokość dla swojej granicy.

Blog

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

Obrazki banerowe: prześlij obrazki, które będą używane w tle nagłówka Twojego szablonu bloga. Możesz wybrać jeden obraz dla strony głównej bloga i jeden obraz do zastosowania we wszystkich postach na blogu.

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