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, 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:

Wszystkie produkty i plany

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.

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.
Możesz zastąpić domyślne logo dla określonej zawartości wedytorze treści lubMenedżerze projektów. W moduleLogo kliknij, aby włączyć przełącznikZastąp domyślne logo, a następnie prześlij logo.

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