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. Ustawienia motywu można łatwo dostosować, klikając kartę Projektowanie w lewym panelu edytora stron. Ustawienia motywu można dostosować za pomocą intuicyjnych elementów sterujących, takich jak przyciski, przełączniki i próbniki 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 programistę, który stworzył Twój motyw.

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

• Logo Twojej firmy: zaktualizujlogo firmy w Domyślnych ustawieniach konta na karcie Branding.
• Twoje menu nawigacyjne: kolory menu są ustawiane w ustawieniach motywu, ale zawartość menu nawigacyjnego i łącza są zarządzane w ustawieniachNawigacja. Dowiedz się, jak utworzyć menu nawigacyjne, które można 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 Twojego abonamentu. 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 stronie. Jeśli chcesz edytować konkretne szczegóły, takie jak kolory łączy, kolory przycisków lub domyślne kolory formularzy, kliknij przycisk Edytuj obok Więcej ustawień aby wyświetlić dodatkowe ustawienia motywu dostępne dla Twoich szablonów.

Kolory

Ustawienia kolorów motywu stosują kolor podstawowy, drugorzędny i 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 przycisk Edytuj obok opcjiWięcej ustawień.

Czcionki

Wybierz czcionkę podstawową i pomocniczą, 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 i dodatkowe kolory czcionek. Możesz wybrać zwykłą wartość koloru lub kliknąć kartę Zaawansowane i wybrać konkretną wartość szesnastkową za pomocą próbnika kolorów.

Odstępy

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

Więcej ustawień

W ustawieniach motywu możesz mieć dodatkowe szczegółowe ustawienia dla bardziej specyficznych stylów na swojej stronie. Opcje stylów 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 dołączone do Twojego szablonu.

Poniższy przykład jest ogólnym przewodnikiem po tym, jakie typy dodatkowych elementów mogą być zawarte w twoim motywie. Pełne informacje na temat pól motywu, które mogą być zawarte w szablonach, można znaleźć w dokumentacji projektanta.

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

Typografia

W ustawieniach typografii możesz kontrolować czcionki stosowane do określonych elementów w szablonach. Obsługiwane są wszystkie czcionki Google. 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.
• Łącza:dostosowanie domyślnego koloru łączy na stronie. Możesz także dostosować kolor i zachowanie linków, gdy 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 mieć możliwość zamiany rozmiarów lub typów przycisków, w zależności od tego, jak motyw został stworzony przez programistę witryny.

• Rozmiar: określ wymiary małych, zwykłych i dużych przycisków na swojej stronie.
• Podstawowy: przycisk podstawowy jest przeznaczony do najważniejszej akcji, jaką odwiedzający wykonuje na Twojej stronie. Ten kolor powinien się wyróżniać i przyciągać uwagę odwiedzającego.
• Drugorzędny: przycisk drugorzędny jest używany do stosunkowo mniej ważnych akcji, gdy na stronie znajduje się już jeden przycisk główny. 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 on powitanie i instrukcje dotyczące wypełniania formularza. Te style w formularzu mogą być zarządzane tylko tutaj w ustawieniach motywu.
• Etykiety: style zastosowane do etykiet, które pojawiają się nad polem formularza.
• Pola: style zastosowane do nazw pól formularza.
• Tekst pomocy:jest to przykładowa treść, która pojawia się wewnątrz każdego pola formularza, wskazując, jaki typ informacji odwiedzający powinien przesłać.
• Prześlij: wybór stylu i rozmiaru przycisku, który ma być zastosowany w formularzach.
• Kolortła:kolor tła zastosowany w formularzu.
• Obramowanie:kolor obramowania wokół pól formularza.
• Wypełnienie: ilość odstępów wokół formularza na stronie.

Tablice

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

• Nagłówektabeli:kolory stosowane dla czcionek w nagłówku tabeli oraz domyślny kolor tła na całej szerokości pierwszego wiersza tabeli. Możesz także ustawić dolne obramowanie, aby uzyskać kolor 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.
• Wypełnienie: 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 witryny

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 wyświetli, najedzie kursorem lub kliknie element menu. Te style mogą być zarządzane tylko tutaj w ustawieniach motywu.
• Kolortła:wybierz kolor tła nagłówka swojej witryny.
• Dolne obramowanie: jeśli chcesz, możesz dodać poziomą linię jako obramowanie pod nagłówkiem swojej witryny. 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 tym w menu nawigacyjnym. Aby dowiedzieć się, jak skonfigurowaćmenu nawigacyjne, przejdź do ustawień konta.

• Menu:wybierz kolor i styl czcionki dla menu nawigacyjnego w stopce 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 witryny.
• Dolne obramowanie: jeśli chcesz, możesz dodać poziomą linię jako obramowanie pod stopką swojej witryny. 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: prześlij obrazy, które będą używane w tle nagłówka szablonu bloga. Możesz wybrać jeden obraz dla strony głównej bloga i jeden obraz do zastosowania we wszystkich postach na blogu.

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