Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.

Edytuj logo marki, favicon, kolory marki, czcionki i motyw

Data ostatniej aktualizacji: 30 września 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 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. 

  1. Na koncie HubSpot przejdź do sekcji Treść > Marka.
  2. Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.

    tożsamość marki-context-select-brand
  3. W sekcji Zestaw marki kliknij opcję Logo.
  4. 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.

      branding-upload-logo
    • 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.

  1. Na koncie HubSpot przejdź do sekcji Treść > Marka..
  2. Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.

    tożsamość marki-context-select-brand
  3. W sekcji Zestaw marki kliknij Favicons
  4. 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. 
  5. W polu Favicon name wprowadź nazwę faviconu. 
  6. Aby ustawić favicon jako domyślny, zaznacz pole wyboru Make this my default favicon .
  7. Aby dodać kolejne logo, kliknij + Add another favicon.
  8. Aby usunąć istniejący obraz, kliknij przycisk Usuń.


    favicon marki Branding
  9. 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. 

  1. Na koncie HubSpot przejdź do sekcji Treść > Marka.
  2. Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.

    tożsamość marki-context-select-brand
  3. W sekcji Zestaw marki kliknij opcję Kolory.
  4. 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 .

        branding-color-picker
    • 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:

  1. Na koncie HubSpot przejdź do sekcji Treść > Marka.
  2. Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.
  3. W sekcji Zestaw marki kliknij opcję Motyw.

    branding-tematyka
    • 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

  1. Na koncie HubSpot przejdź do sekcji Treść > Marka.
  2. Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę , dla której chcesz zaktualizować logo.

    tożsamość marki-context-select-brand
  3. W sekcji Zestaw marki kliknij opcję Czcionki.

    branding-choose-font
    • 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:

      branding-font-type
      • 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:

  1. Na koncie HubSpot przejdź do sekcji Treść > Marka.
  2. Jeśli korzystasz z dodatku Branding, kliknij menu rozwijane w prawym górnym rogu i wybierz markę, dla której chcesz zaktualizować logo.

    tożsamość marki-context-select-brand
  3. 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.
Czy ten artykuł okazał się pomocny?
Niniejszy formularz służy wyłącznie do przekazywania opinii dotyczących dokumentacji. Dowiedz się, jak uzyskać pomoc dotyczącą HubSpot.