Edycja ustawień motywu

Motyw to zestaw stylów i szablonów, które można zastosować do stron i postów na blogu w HubSpot. Aby upewnić się, że zawartość strony wygląda spójnie, ustawienia stylów dla wszystkich stron i postów korzystających z tego samego motywu są zarządzane w ustawieniach motywu.

Zanim zaczniesz

Zanim rozpoczniesz pracę z tą funkcją, upewnij się, że w pełni rozumiesz, jakie kroki należy podjąć z wyprzedzeniem, a także ograniczenia funkcji i potencjalne konsekwencje jej używania.

Zrozumienie ograniczeń i rozważań

• Opcje stylizacji dostępne w ustawieniach motywu zależą od opcji pól motywu zawartych przez programistę, który utworzył motyw.
• Bazy wiedzy używają zmodyfikowanej wersji motywów. Dowiedz się więcej o edytowaniu ustawień motywu bazy wiedzy.
• Niektóre elementy zawartości internetowej są zarządzane w innych częściach ustawień konta, w tym:
  • Logo firmy: zaktualizuj logo firmy w zestawie Brand Kit.
  • Menu nawigacji: kolory menu można ustawić w ustawieniach szablonu, ale zawartość menu nawigacji i łącza są zarządzane w ustawieniach nawigacji. Dowiedz się , jak utworzyć menu nawigacyjne, które można dodać do globalnego nagłówka lub globalnej stopki w edytorze stron.

Edycja ustawień szablonu

Ustawienia motywu można edytować z poziomu pełnego edytora motywów dla dowolnej strony lub postu korzystającego z tego motywu. Możesz także edytować ustawienia motywu dla witryny i stron docelowych w edytorze treści, jeśli superadministrator wybrał konto do uniwersalnego edytora motywów (BETA).

1. Przejdź do swojej zawartości:

   • Strony witryny: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
   • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
   • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
2. Kliknij nazwę swojej zawartości.
3. Aby użyć pełnego edytora motywu dla stron i postów:
   • W edytorze treści kliknij menu Edycja i wybierz opcję Motyw na pasku narzędzi edytora. Na przykład, jeśli używasz motywu Elevate, kliknij menu Edycja i wybierz opcję Motyw: Elevate.

• • W edytorze motywu kliknij, aby rozwinąć odpowiednie sekcje (np. Kolory lub Przyciski) w celu edycji ustawień motywu.
  • Po zakończeniu kliknij przycisk Opublikuj motyw. Nastąpi przekierowanie z powrotem do edytora treści.
    

4. Aby użyć uniwersalnego edytora motywów (BETA) dla stron:
   • W edytorze treści dla stron kliknij ikonę Globalne style motywów na lewym pasku bocznym.
   • Na lewym pasku bocznym kliknij, aby rozwinąć odpowiednie sekcje (np. Kolory lub Przyciski) w celu edycji ustawień motywu. Zmiany zostaną zastosowane do wszystkich stron i szablonów korzystających z motywu.

Zrozumienie stylów szablonów

W ustawieniach szablonu mogą znajdować się opcje stylu dla czcionek, kolorów, przycisków i linków. Możesz także mieć dodatkowe szczegółowe ustawienia bardziej szczegółowych stylów na swojej 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 są zawarte w szablonie.

Poniższe przykłady stanowią ogólny przewodnik po typach opcji stylu, które mogą być zawarte w szablonie. Aby uzyskać pełne odniesienie do pól motywu, które mogą być zawarte w szablonach, zapoznaj się z dokumentacją projektantów.

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

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.

Czcionki

Wybierz podstawową i dodatkową czcionkę do zastosowania w nagłówkach witryny, formularzach, przyciskach i tekście głównym. 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ść strony lub treści posta oraz pionowe odstępy między różnymi elementami.

Typografia

W ustawieniach typografii można kontrolować czcionki stosowane do określonych 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.
• Prosty: 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 wyświetlanego 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. Dowiedz się więcej o tym, jak wstawić tabelę do modułu tekstu sformatowanego na stronie.

• 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 również ustawić dolne obramowanie dla koloru akcentującego 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.

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 sekcji Branding.

• Menu: wybierz kolor i styl czcionki dla menu nawigacyjnego, gdy odwiedzający przeglądają, najeżdżają kursorem lub klikają pozycję menu. Stylami tymi można zarządzać wyłącznie 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.