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 mieć pewność, że witryna wygląda spójnie, ustawienia stylów dla wszystkich stron korzystających z tego samego motywu są zarządzane w ustawieniach motywu. Możesz łatwo dostosować ustawienia motywu, klikając kartę Projekt na lewym panelu w edytorze stron. Ustawienia motywu można dostosować za pomocą intuicyjnych kontrolek, takich jak przełączniki, przełączniki i selektory kolorów.

Zanim zaczniesz

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

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

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

• Logo Twojej firmy: zaktualizujlogo swojej firmy w ustawieniach domyślnych konta na karcie Branding.
• Twoje menu nawigacyjne: kolory menu są ustawione w ustawieniach motywu, ale zawartość menu nawigacyjnego i łącza są zarządzane w ustawieniachNawigacja. Dowiedz się, jak utworzyć menu nawigacyjne, które możesz dodać do globalnej zawartości 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 stron, klikając kartęProjektowanie po lewej stronie. Następnie kliknijEdytuj ustawienia motywu.

Dostosowywanie kolorów, czcionek i odstępów ustawi domyślne style 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 podstawowy, drugorzędny i tła do wszystkich elementów zawartych w szablonach motywów. Te style zostaną zastosowane do wszystkich elementów na twojej stronie. Aby dostosować bardziej szczegółowe ustawienia dla nagłówków, czcionek i linków, kliknij Edytuj obokWięcej ustawień.

Czcionki

Wybierz podstawową 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ć podstawowe lub dodatkowe kolory czcionek. Możesz wybrać prostą wartość koloru lub kliknąć zakładkę Zaawansowane i wybrać konkretną wartość szesnastkową za pomocą selektora 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 ustawieniach twojego 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 twoim szablonie.

Poniższy przykład jest ogólnym przewodnikiem po typach dodatkowych, które mogą być zawarte w twoim motywie. Dla pełnego odniesienia do pól motywu, które mogą być zawarte w szablonach, zobacz dokumentację projektantów.

Uwaga: pamiętaj, że możesz dostosować czcionki, kolory i style w module bogatego tekstu na twojej stronie, lub przez nadpisanie domyślnych stylów twojego motywu w edytorze strony. Modyfikuj te style tylko jeśli chcesz aby były stosowane na wszystkich stronach używających tego motywu.

Typografia

W ustawieniach typografii, możesz kontrolować czcionki stosowane do określonych 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.
• Treść:dostosowanie czcionki, koloru i rozmiaru tekstu tylko dla treści strony.
• Linki:dostosowanie domyślnego koloru linków na twojej stronie. Możesz także dostosować kolor i zachowanie linków, kiedy odwiedzający najeżdża na link lub go 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 twojej 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.
• Drugorzędny: przycisk drugorzędny jest używany dla stosunkowo mniej ważnych akcji, gdy na stronie znajduje się już jeden przycisk główny. Przyciski drugorzędne są zazwyczaj stosowane na stronach dla akcji o niższym priorytecie.
• Proste: są to domyślne czcionki i style zastosowane do prostych modułów przyciskó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 oraz instrukcje dotyczące wypełniania formularza. Te style na twoim formularzu mogą być zarządzane tylko tutaj w ustawieniach twojego motywu.
• Etykiety: style zastosowane 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.
• Obramowanie:kolor obramowania wokół pól formularza.
• Wyściełanie: 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 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.
• Wyściełanie: ilość miejsca nad i pod tabelą na stronie.

Dowiedz się więcej o tym, jak wstawić tabelę do modułu tekstowego na swojej 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 domyślnych ustawień 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.
• Kolortła:wybierz kolor tła nagłówka swojej strony.
• Dolna granica: jeśli chcesz, możesz dodać poziomą linię jako granicę pod nagłówkiem swojej strony internetowej. Wybierz styl, aby aktywować dolne obramowanie, a następnie wybierz kolor i szerokość obramowania.

Stopka

Te ustawienia kontrolują kolory i czcionki, które pojawiają się w stopce strony, włączając w to 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.
• Kolortła:wybierz kolor dla tła stopki twojej strony.
• Dolna granica: jeśli chcesz, możesz dodać poziomą linię jako granicę pod stopką Twojej strony. Wybierz styl, aby aktywować dolne obramowanie, a następnie wybierz kolor i szerokość obramowania.

Blog

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

Obrazy banerów: załaduj obrazy, które będą używane w tle nagłówka Twojego szablonu bloga. Możesz wybrać jeden obraz dla strony głównej swojego 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.