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: 26 maja 2025

Dostępne z każdą z następujących podpisów, z wyjątkiem miejsc, w których zaznaczono:

Wszystkie produkty i plany

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.

Brand Identity Select Brand: Dropdown menu to select a brand to update 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.

Brand Identity Update Logo: Options to add or update a logo, with fields for logo details.

  • 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ń.

Brand Identity Change Default Logo: Dropdown menu to change or delete a logo.

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

    Brand Identity Override Logo: Switch to override the default logo.

    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.

    Brand Identity Select Brand: Dropdown menu to select a brand for favicon update.

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

      Brand Identity Update Favicon: Options to add or update a favicon.

      • 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ń.

      Brand Identity Change Default Favicon: Dropdown menu to change the default favicon.

      • 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.

      Brand Identity Select Brand: Dropdown menu to select a brand to update colors.

      • 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.

      Brand Kit Colors section, showing options to set primary, secondary, and accent colors.

      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.

      Import Colors from URL: Dialog box to enter a URL to import colors.

      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.

      Brand Identity Select Brand: Dropdown menu to select a brand to update fonts.

      • 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.
        Add custom font interface in HubSpot settings showing font name field and choose font files button.
        • Kliknij przycisk Dalej.
        • Użyj rozwijanych menu, aby wybrać odpowiedni styl czcionki.

      Custom font style selection dropdown menus in HubSpot settings.

        • 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.

      Brand Identity Select Brand: Dropdown menu to select a brand to update fonts.

      • 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.
      Edit custom font option under Actions dropdown in HubSpot settings.
        • Użyj menu rozwijanych, aby wybrać odpowiedni styl czcionki.

      Custom font style selection dropdown menus in HubSpot settings for editing.

        • 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.

      Brand Identity Select Brand: Dropdown menu to select a brand to delete custom fonts.

      • W sekcji Zestaw marki kliknij opcję Czcionki.
      • W sekcji Czcionki niestandardowe obok istniejącej czcionki kliknij opcję Akcje, a następnie wybierz opcję Usuń.

      Delete custom font option under Actions dropdown in HubSpot settings.

      • 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.

      Brand Identity Select Brand: Dropdown to select a brand to change the theme.

      • 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.
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.