Edytuj logo, favicon, motyw i kolory marki
Data ostatniej aktualizacji: kwietnia 22, 2025
Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:
|
Użytkownicy z uprawnieniami doedycji domyślnych ustawień konta mogą edytować logo marki, ikonę favicon i kolory marki w zestawie marki.
Uwaga: na jedno konto można utworzyć jeden zestaw marki. Jeśli posiadasz dodatek Brands, możesz utworzyć jeden zestaw marki na markę.
W ustawieniach ustawlogo i favicon, a także podstawowe, drugorzędne, akcentujące i dodatkowe kolory marki. Kolory marki pojawią się w edytorze treści, na stronach planowania, w ofertach i kanałach konwersacji, ale nie pojawią się w szablonach sprzedaży i wiadomościach e-mail.Edytuj logo
W ustawieniach konta można edytować domyślne logo. Możesz zmienić to logo dla poszczególnych elementów treści.
- Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
- W menu na lewym pasku bocznym kliknij Ustawienia domyślne konta.
- Kliknij kartę Branding .
- Jeśli korzystasz z dodatku Brands, kliknij menu rozwijane pod Brand Kit i wybierz markę, dla której chcesz zaktualizować logo.
- Aby dodać nowe logo, kliknij + Dodaj w sekcji Logo.
- Dodaj nowe logo:
- Aby dodać istniejący obraz z narzędzia plików jako logo, kliknij 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.
- W polu Logo alt text wprowadź opis logo dla wyszukiwarek i czytników ekranu. Poprawi to dostępność i SEO witryny. Dowiedz się więcej o dostępności witryny w dokumentacji deweloperskiej HubSpot.
- W polu Logo URL wprowadź adres URL, jeśli chcesz, aby Twoje logo było klikalne.
- Aby zmienić rozmiar logo, wprowadź nowy wymiar w polu Szerokość lub Wysokość . Pozostałe pola zostaną automatycznie dostosowane, aby zachować proporcje obrazu.
- Aby dodać kolejne logo, kliknij + Dodaj na dole sekcji Logo .
- Aby usunąć istniejący obraz, najedź na niego kursorem i kliknij X w prawym górnym rogu. Aby usunąć logo, kliknij menu rozwijane Akcje , a następnie wybierz Usuń.
- Po zakończeniu edycji logo kliknij przycisk Zapisz w lewym dolnym rogu.
Edycja ikony favicon
W ustawieniach konta można dostosować ikonę favicon witryny, czyli mały obraz na karcie przeglądarki obok tytułu strony. Twój favicon będzie stosowany tylko do treści hostowanych w HubSpot.
Uwaga: możesz dodać maksymalnie 20 ikon ulubionych na markę.
- Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
- W menu na lewym pasku bocznym kliknij Ustawienia domyślne konta.
- Kliknij kartę Branding .
- Jeśli korzystasz z dodatku Brands, kliknij menu rozwijane pod Brand Kit i wybierz markę, dla której chcesz zaktualizować logo.
- Aby dodać nową ikonę favicon, kliknij + Dodaj w sekcji Favicons .
- Dodaj nową ikonę ulubionych:
- Aby dodać istniejący obraz z narzędzia plików jako ikonę Ulubionych, kliknij przycisk Przeglądaj obrazy. W prawym panelu kliknij obraz.
- Aby dodać nowy obraz jako ulubioną ikonę, kliknij Prześlij, a następnie dodaj obraz z komputera. Aby uzyskać najlepsze wyniki, zapisz ikonę ulubionych jako obraz o wymiarach 48 na 48 pikseli w jednym z następujących formatów plików: .ico, .gif, .png.
- W polu Favicon name wprowadź nazwę swojej ikony.
- Po zakończeniu edycji ikony ulubionych kliknij przycisk Zapisz w lewym dolnym rogu.
Edycja kolorów marki
W ustawieniach można ustawić kolory marki, które będą wyświetlane w edytorze treści, a także na stronach planowania, w ofertach i kanałach konwersacji. Kolory marki nie będą wyświetlane w szablonach sprzedaży i wiadomościach e-mail.
- Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
- W menu na lewym pasku bocznym kliknij opcję Domyślne ustawienia konta.
- Kliknij kartę Branding .
- W sekcji Zestaw marki kliknij kartę Kolory .
- Jeśli korzystasz z dodatku Brands, kliknij menu rozwijane w sekcji Brand Kit i wybierz markę, dla której chcesz zaktualizować logo.
- Aby ustawić kolory marki:
- Kolor podstawowy: główny kolor używany w Twojej marce. W obszarze Kolor podstawowy wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor. Następnie kliknij przycisk Zapisz. Kolor podstawowy jest polem wymaganym.
- Kolor dodatkowy: drugi najczęściej używany kolor w Twojej marce. W polu Kolor dodatkowy wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor. Następnie kliknij przycisk Zapisz.
- Koloryakcentujące : uzupełniają podstawowe i drugorzędne kolory marki. W sekcji Kolor akcentujący wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor. Możesz dodać maksymalnie trzy kolory akcentujące.
- Dodatkowe 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 przycisk add Dodaj obok opcji Dodatkowe kolory, wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor. Następnie kliknij przycisk Zapisz. Można dodać maksymalnie szesnaście dodatkowych kolorów.
- Aby usunąć dodatkowy kolor, kliknij przycisk delete Usuń obok koloru, który chcesz usunąć, a następnie kliknij przycisk Zapisz.
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.
- Pierwszy kolor akcentujący będzie domyślnie drugim dodatkowym kolorem.
- Drugi kolor akcentujący zostanie domyślnie ustawiony na trzeci kolor dodatkowy.
- Trzeci kolor akcentujący zostanie domyślnie przypisany do czwartego koloru dodatkowego.
- Jeśli dodatkowe kolory nie zostaną ustawione, użyta zostanie domyślna wartość koloru. Jeśli domyślny kolor nie zostanie ustawiony, użyty zostanie kolor podstawowy.
- Możesz także zaimportować kolory z aktywnej strony, która już używa kolorów Twojej marki:
- Kliknij opcję Importuj kolory z adresu URL.
- W oknie dialogowym wprowadź adres URL strony używającej kolorów marki i kliknij Znajdź kolory.
- Po zakończeniu skanowania usuń zaznaczenie pola wyboru obok koloru, którego nie chcesz importować, a następnie kliknij przycisk Importuj.
Zmiana motywu
Szablon to zestaw szablonów, modułów, zawartości globalnej i ustawień stylu, których można użyć do utworzenia strony 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 szablonu HubSpot. Motywy można również pobrać z Template Marketplace.
Uwaga: bazy wiedzy korzystają ze zmodyfikowanej wersji szablonów. Dowiedz się więcej o edytowaniu ustawień szablonów baz wiedzy.
Aby zmienić motyw:
- Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym..
- W menu na lewym pasku bocznym kliknij Domyślne ustawienia konta.
- Kliknij kartę Branding .
- Jeśli korzystasz z dodatku Brands, kliknij menu rozwijane pod Brand Kit i wybierz markę, dla której chcesz zaktualizować logo.
- W sekcji Zestaw marki kliknij kartę Motywy .
- Obok motywu kliknij opcję Akcje, a następnie wybierz jedną z poniższych opcji:
- Wybierz Zmień motyw, aby wybrać inny motyw.
- Wyświetlone zostaną dostępne motywy. Kliknij Ustaw jako aktywny motyw obok motywu, którego chcesz użyć dla swojej marki.
- Kliknij Wyświetl motywy w Marketplace, aby wyświetlić inne motywy dostępne do pobrania.
- Wybierz Edytuj, aby edytować ustawienia szablonu.
- Wybierz opcję Podgląd, aby wyświetlić podgląd wyglądu szablonu.
- Wybierz Zmień motyw, aby wybrać inny motyw.