Edytuj logo marki, favicon, kolory marki, czcionki i motyw
Data ostatniej aktualizacji: 26 maja 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, 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 markę.
W ustawieniach ustaw logo i favicon, podstawowe, drugorzędne, akcentujące i dodatkowe kolory marki, motyw i czcionki. Kolory marki będą wyświetlane w edytorze treści, na stronach planowania, w wycenie i kanałach rozmów, ale nie będzie pojawiają się w szablonach i wiadomościach e-mail dotyczących sprzedaży.Dodaj lub edytuj swoje logo
W ustawieniach konta można edytować domyślne logo. Logo to można zmienić dla poszczególnych treści.
- Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
- W menu na lewym pasku bocznym kliknij Tożsamość marki.
- 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.
- Dodaj nowe logo:
- Aby dodać istniejący obraz z narzędzia Pliki 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 Tekst alternatywny logo wprowadź opis logo dla wyszukiwarek i czytników ekranu. Poprawia to dostępność i SEO witryny. Dowiedz się więcej o dostępności witryny internetowej w dokumentacji dla programistów HubSpot.
- W polu Logo URL wprowadź adres URL, jeśli chcesz, aby Twoje logo było klikalne.
- To resize your logo, enter a new dimension in the Width or Height field. The other field will automatically adjust to keep the image's proportions.
- Aby dodać kolejne logo, kliknij + Dodaj u dołu sekcji Logo .
- Aby usunąć istniejący obraz, kliknij X na środku obrazu.
- Aby zmienić domyślne logo, najedź kursorem na logo, którego chcesz użyć jako domyślnego, kliknij menu rozwijane Akcje, a następnie wybierz opcję Zmień domyślne.
- Aby usunąć logo, kliknij menu rozwijane Akcje , a następnie wybierz Usuń.
- <span itemprop="name headline\">Po zakończeniu edycji logo kliknij <strong>Update </strong> w lewym dolnym rogu. </span></li>
<li>Możesz zastąpić domyślne logo dla określonej treści w <a href="https://knowledge.hubspot.com/pl/website-and-landing-pages/create-and-customize-pages" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank">edytorze treści</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;"> lub </span><a href="/design-manager/create-and-edit-modules" rel="noopener" style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif;" target="_blank">Design Manager</a><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">. W module </span><span style="font-style: italic;">Logo </span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;"> kliknij, aby przełączyć opcję </span><strong style="background-color: transparent;">Override default logo</strong><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">włączyć, a następnie wgrać </span><span style="font-weight: bold;"> logo</span><span style="font-family: 'Lexend Deca', Helvetica, Arial, sans-serif; background-color: transparent;">. </span></li>
</ul>
Dodaj lub edytuj swój favicon
W ustawieniach konta możesz dostosować favicon swojej 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.
- Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
- W menu na lewym pasku bocznym kliknij Tożsamość marki.
- 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.
- Dodaj swój nowy favicon:
- Aby dodać istniejący obraz z narzędzia Pliki jako logo, kliknij Przeglądaj obrazy. W prawym panelu kliknij obraz.
- Aby dodać nowy obraz, kliknij Prześlij, a następnie dodaj obraz z komputera.
- W polu Favicon name wprowadź nazwę faviconu. To pole jest wymagane.
- <span itemprop="nazwa_nazwy">Aby dodać kolejne logo, </span>kliknij <strong>+ Dodaj </strong>na dole sekcji Favicon<em> </em>.</li>
<li>Aby usunąć istniejący obraz, kliknij <strong>X</strong> na środku obrazu.</li>
</ul>
- Aby zmienić domyślny favicon, najedź kursorem na favicon, którego chcesz użyć jako domyślnego, kliknij menu rozwijane Akcje, a następnie wybierz opcję Zmień domyślny.
- Aby usunąć logo, kliknij menu rozwijane Akcje , a następnie wybierz Usuń.
- Po zakończeniu edycji faviconu kliknij Zapisz w lewym dolnym rogu.
Dodaj lub edytuj kolory swojej 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 wycenach i kanałach rozmów. 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 Tożsamość marki.
- 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:
- Kolor podstawowy: główny kolor używany w Twojej marce. W sekcji 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 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łnienie podstawowych i drugorzędnych kolorów marki. W obszarze Kolor akcentujący wprowadź kod szesnastkowy lub kliknij próbnik kolorów i wybierz kolor. Następnie kliknij przycisk Zapisz. 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 importować kolory z aktywnej strony, która już używa kolorów Twojej marki:
- Kliknij przycisk Importuj kolory z adresu URL.
- W oknie dialogowym wprowadź adres URL strony korzystającej z kolorów marki i kliknij przycisk Znajdź kolory.
- Po zakończeniu skanowania usuń zaznaczenie pola wyboru obok koloru, którego nie chcesz importować, a następnie kliknij przycisk Importuj.
Dodawanie, edytowanie lub usuwanie czcionek
W ustawieniach można ustawić czcionki podstawowe, dodatkowe i niestandardowe, które będą używane w treści. Aby dodać lub edytować czcionki:
Dodaj czcionki
- Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
- W menu na lewym pasku bocznym kliknij Tożsamość marki.
- 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 Treść kliknij menu rozwijane Wybierz czcionkę.
- Wprowadź nazwę czcionki w pasku wyszukiwania lub wybierz czcionkę z listy.
- Kliknij przycisk Aktualizuj.
- Aby ustawić czcionkę, która będzie używana w nagłówkach i dużym tekście:
- W sekcji Podstawowe kliknij menu rozwijane Wybierz czcionkę.
- Wprowadź nazwę czcionki w pasku wyszukiwania lub wybierz czcionkę z listy.
-
- Kliknij przycisk Aktualizuj.
- Aby ustawić niestandardową czcionkę, która będzie dostępna w selektorze czcionek w edytorach treści:
- W obszarze Czcionki niestandardowe kliknij przycisk + Dodaj czcionkę niestandardową.
- W polu Nazwa czcionki wprowadź nazwę czcionki.
- Kliknij przycisk 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 rozwijanych menu, aby wybrać odpowiedni styl czcionki.
-
- Kliknij + Dodaj inny styl czcionki, aby dodać dodatkowe style.
-
- Kliknij przycisk Aktualizuj.
- Możesz dodać więcej niż jedną niestandardową czcionkę. Aby dodać kolejną, wykonaj ponownie wszystkie kroki.
Edycja czcionek
Aby edytować istniejące czcionki:
- Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
- W menu na lewym pasku bocznym kliknij Tożsamość marki.
- 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 edytować czcionkę, która będzie używana w tekście głównym:
- W sekcji Body kliknij menu rozwijane.
- Wprowadź nazwę czcionki w pasku wyszukiwania lub wybierz czcionkę z listy.
-
- Kliknij przycisk Aktualizuj.
- Aby edytować czcionkę, która będzie używana w nagłówkach i dużym tekście:
- W obszarze Podstawowa kliknij menu rozwijane.
-
- Wprowadź nazwę czcionki w pasku wyszukiwania lub wybierz czcionkę z listy.
-
- Kliknij przycisk Aktualizuj.
- Aby edytować czcionkę niestandardową:
-
- W sekcji Czcionki niestandardowe obok istniejącej czcionki kliknij opcję Akcje, a następnie wybierz opcję Edytuj.
-
- Użyj menu rozwijanych, aby wybrać odpowiedni styl czcionki.
-
- Kliknij + Dodaj kolejny styl czcionki, aby dodać dodatkowe style.
- Kliknij przycisk Aktualizuj.
Usuwanie niestandardowych czcionek
Aby usunąć czcionki niestandardowe:
- Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
- W menu na lewym pasku bocznym kliknij Tożsamość marki.
- 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ę Usuń.
- W oknie dialogowym kliknij przycisk Usuń czcionkę.
Zmień motyw
Szablon to zestaw szablonów, modułów, treści globalnych i ustawień stylu, których można użyć do utworzenia 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 szablonu HubSpot. Szablony można również pobrać z Szablonu centrum zasobów.
Uwaga: bazy wiedzy używają zmodyfikowanej wersji motywów. Dowiedz się więcej o edytowaniu ustawień motywu bazy wiedzy.
Aby zmienić motyw:
- Na koncie HubSpot kliknij settings ikonę ustawień w górnym pasku nawigacyjnym.
- W menu na lewym pasku bocznym kliknij Tożsamość marki.
- 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ę Zmień motyw, aby wybrać inny motyw.
-
- Wyświetlone zostaną dostępne szablony. Kliknij Ustaw jako aktywny motyw obok motywu, którego chcesz użyć dla swojej marki.
- Kliknij opcję Wyświetl szablony w Marketplace, aby wyświetlić inne szablony dostępne do pobrania.
- Wybierz Edytuj, aby edytować ustawienia szablonu.
- Wybierz opcję Podgląd, aby wyświetlić podgląd wyglądu szablonu.
-
Branding Website Pages Account Management