Użytkownicy z uprawnieniami doedycji domyślnych ustawień konta mogą edytować logo marki, favicon, kolory marki, motyw i czcionki w zestawie marki.
Uwaga: na jednym koncie można utworzyć jeden zestaw marki. Jeśli posiadasz dodatek Brands, możesz utworzyć jeden zestaw marki na Branding.
Kolory marki pojawią się w edytorze treści, na stronach planowania, w wycenie i kanałach konwersacji, ale nie pojawią się w szablonach sprzedaży i wiadomościach e-mail.
Dodaj lub edytuj swoje logo
W zakładce Branding Overview można edytować domyślne logo. To logo można zastąpić dla poszczególnych elementów treści.
- Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.
- W sekcji Zestaw marki kliknij opcję Logo.
- W prawym panelu dodaj nowe logo:
-
- Aby dodać istniejący obraz z narzędzia plików jako logo, kliknij przycisk Przeglądaj obrazy. W prawym panelu kliknij obraz.
- Aby dodać nowy obraz, kliknij przycisk Prześlij, a następnie dodaj obraz z komputera.
- W polu Nazwa logo wprowadź nazwę logo. To pole jest wymagane.
- Kliknij menu rozwijane Domena logo i wybierz konkretną domenę dla logo, jeśli nie chcesz używać domyślnej domeny.
- W polu Tekst alternatywny logo wprowadź opis logo dla wyszukiwarek i czytników ekranu. Poprawia to dostępność strony i SEO witryny. Dowiedz się więcej o dostępności witryny internetowej w dokumentacji deweloperskiej HubSpot.
- W polu Logo URL wprowadź adres URL , jeśli chcesz, aby logo można było kliknąć.
- Aby zmienić rozmiar logo, wprowadź nowy wymiar w polu Szerokość lub Wymiar . Drugie pole zostanie automatycznie dopasowane, aby zachować proporcje obrazu.
- Jeśli chcesz, aby to logo było domyślne, kliknij pole wyboru Make this my default logo .
- Aby usunąć logo, kliknij przycisk Usuń.
- Aby dodać kolejne logo, kliknij + Dodaj kolejne logo u dołu.
-
- Po zakończeniu edycji logo kliknij przycisk Aktualizuj.
Dodaj lub edytuj swój favicon
Na karcie Branding Overview można dostosować favicon witryny, czyli mały obrazek w zakładce przeglądarki obok tytułu strony. Favicon będzie stosowany tylko do treści hostowanych w HubSpot.
Uwaga: możesz dodać do 20 favicon na markę Branding.
- .
- Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.
- W sekcji Zestaw marki kliknij Favicons.
- W prawym panelu dodaj swój nowy favicon:
- Aby dodać istniejący obraz z narzędzia plików jako logo, kliknij przycisk Przeglądaj obrazy. Następnie kliknij obraz.
- Aby dodać nowy obraz, kliknij przycisk Prześlij, a następnie dodaj obraz z komputera.
- W polu Favicon name wprowadź nazwę faviconu.
- Aby ustawić favicon jako domyślny, zaznacz pole wyboru Make this my default favicon .
- Aby dodać kolejne logo, kliknij + Add another favicon.
- Aby usunąć istniejący obraz, kliknij przycisk Usuń.
- Po zakończeniu edycji faviconu kliknij przycisk Aktualizuj.
Dodaj lub edytuj kolory swojej marki
Kolory marki można ustawić na karcie Branding Overview , która pojawi się w edytorze treści, a także na stronach planowania, wycenie i kanałach konwersacji. Kolory marki nie będą pojawiać się w szablonach Sales i wiadomościach e-mail.
- Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.
- W sekcji Zestaw marki kliknij opcję Kolory.
- Aby ustawić kolory marki, w prawym panelu:
- Aby zaimportować kolory z adresu URL, kliknij przycisk Importuj kolory z adresu URL.
- W oknie dialogowym wprowadź adres URL strony z kolorami marki i kliknij przycisk Znajdź kolory.
- Przeciągnij i upuść kolory, których chcesz użyć, obok koloru, do którego chcesz je przypisać. Na przykład przeciągnij #754262 do sekcji Kolor podstawowy .
- Aby wprowadzić kod szesnastkowy lub wybrać kolory:
- Kolor podstawowy: główny kolor używany w marce. W sekcji Kolor podstawowy wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor.
- Kolor dodatkowy: drugi najczęściej używany kolor w Twojej marce. W sekcji Kolor dodatkowy wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor.
- Kolory akcentujące: kolory, które uzupełniają podstawowe i drugorzędne kolory marki. W sekcji Kolor akcentu wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor.
- Dodatkowe kolory: te kolory nie są używane automatycznie, ale będą dostępne w selektorach kolorów i można się do nich odwoływać w narzędziach programistycznych. Kliknij add Dodaj obok opcji Dodatkowe kolory, wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor. Aby usunąć dodatkowy kolor, kliknij przycisk Usuń.
Uwaga:
Jeśli witryna odwołuje się do koloru, który nie jest ustawiony w ustawieniach marki, użyje logiki awaryjnej:
- Kolor dodatkowy będzie domyślnie pierwszym dostępnym kolorem dodatkowym.
- Pierwszym kolorem akcentującym będzie domyślnie drugi kolor dodatkowy.
- Drugim kolorem akcentującym będzie domyślnie trzeci kolor dodatkowy.
- Trzeci kolor akcentujący zostanie domyślnie ustawiony na czwarty kolor dodatkowy.
- Jeśli dodatkowe kolory nie zostaną ustawione, użyta zostanie domyślna wartość koloru. Jeśli nie ustawiono domyślnego koloru, użyty zostanie kolor podstawowy.
Zmień motyw
Szablon to zestaw szablonów, modułów, globalnej zawartości i ustawień stylu, które można wykorzystać do stworzenia witryny internetowej. Możesz edytować strony i posty przy użyciu motywu w edytorze treści i ustawić szablony blogów, aby używały motywu w ustawieniach bloga.
Wszystkie konta mają dostęp do co najmniej jednego domyślnego motywu HubSpot. Szablony można również pobrać z Szablonu centrum zasobów.
Uwaga: bazy wiedzy korzystają ze zmodyfikowanej wersji motywów. Dowiedz się więcej o edytowaniu ustawień motywu bazy wiedzy.
Aby zmienić motyw:
- Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.
- W sekcji Zestaw marki kliknij opcję Motyw.
-
- Wybierz opcję Ustaw motyw lub Zmień motyw , aby wybrać inny motyw.
- Wyświetlone zostaną dostępne motywy. Kliknij Ustaw jako aktywny motyw obok motywu, którego chcesz używać dla swojej marki.
- Wprowadź nazwę motywu na pasku wyszukiwania, aby wyszukać motyw.
-
-
- Kliknij Wyświetl motywy w Marketplace , aby wyświetlić inne motywy dostępne do pobrania.
- Wybierz opcję Podgląd , aby wyświetlić podgląd wyglądu motywu.
- Wybierz Edytuj, aby edytować ustawienia motywu.
Dodawanie, edytowanie lub usuwanie czcionek
Na karcie Przegląd marki można ustawić czcionki podstawowe, dodatkowe i niestandardowe, które będą używane w treści.
Dodaj czcionki
- Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę , dla której chcesz zaktualizować logo.
- W sekcji Zestaw marki kliknij opcję Czcionki.
-
- Aby ustawić czcionkę, która będzie używana w tekście głównym:
- W sekcji Body kliknij menu rozwijane Wybierz czcionkę .
- Wprowadź nazwę czcionki w pasku wyszukiwania lub wybierz czcionkę z listy.
-
- Aby ustawić czcionkę, która będzie używana w nagłówkach i dużym tekście:
- W sekcji Podstawowa kliknij menu rozwijane Wybierz czcionkę .
- Wprowadź nazwę czcionki w pasku wyszukiwania lub wybierz czcionkę z listy.
-
- Aby ustawić niestandardową czcionkę, która będzie dostępna w selektorze czcionek w edytorach treści:
- W sekcji Czcionki niestandardowe kliknij + Dodaj czcionkę niestandardową.
- W polu Nazwa czcionki wprowadź nazwę czcionki.
- Kliknij Wybierz pliki czcionek.
- Wybierz pliki czcionek do przesłania z komputera. Obsługiwane formaty plików: TTF, OTF i WOFF.
- Kliknij + Prześlij więcej plików , aby dodać więcej plików czcionek.
- Kliknij przycisk Dalej.
- Użyj menu rozwijanych , aby wybrać odpowiedni styl czcionki.
- Kliknij + Dodaj inny styl czcionki , aby dodać dodatkowe style.
-
- Kliknij przycisk Aktualizuj.
- Można dodać więcej niż jedną niestandardową czcionkę. Aby dodać kolejną, należy ponownie wykonać wszystkie kroki .
Edytowanie lub usuwanie niestandardowych czcionek
Aby edytować czcionki niestandardowe:
- Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.
- W sekcji Zestaw marki kliknij opcję Czcionki.
-
- W sekcji Czcionki niestandardowe obok istniejącej czcionki kliknij opcję Akcje, a następnie wybierz opcję Edytuj lub Usuń.
-
- Użyj rozwijanych menu , aby wybrać odpowiedni styl czcionki.
-
- Kliknij + Dodaj inny styl czcionki , aby dodać dodatkowe style.
- Kliknij przycisk Aktualizuj.