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

Kierownik projektu | Często zadawane pytania

Data ostatniej aktualizacji: października 18, 2021

Dotyczy:

Marketing Hub Professional, Enterprise
CMS Hub Starter, Professional, Enterprise
Wcześniejsze konto Marketing Hub Basic

Szybko znajdź odpowiedzi i ogólne informacje na temat

narzędzia Design Manager w HubSpot. Ten zasób zawiera również łącza do innych zasobów dla projektantów pracujących z systemem CMS.

Gdzie mogę dowiedzieć się więcej o projektowaniu w HubSpot?

Aby dowiedzieć się więcej o projektowaniu w HubSpot, zapoznaj się z certyfikatemGrowth Driven Design AkademiiHubSpot orazdokumentacją CMS HubSpot

.

Certyfikacja projektowania jest bezpłatnym certyfikatem, który obejmuje szkolenie wideo i praktykę projektowania.

Dokumentacja CMS HubSpot zawiera:

Czy istnieje zasób HubSpot, z którego mogę skorzystać w celu rozwiązania problemów związanych z niestandardowym kodowaniem projektu lub HubL?

Najlepszym źródłem interakcji ze społecznością projektantów HubSpot jestforum projektowe HubSpot

. To forum jest monitorowane przez projektantów HubSpot i użytkowników HubSpot posiadających doświadczenie w projektowaniu.

W przypadku pytań dotyczących rozwoju interfejsu API HubSpot należy zapoznać się zforum programistów

.

Jak uzyskać dostęp FTP do HubSpot?

Z dniem 27 maja 2020 r. FTP został wyłączony i zastąpiony przez CMS CLI. Dowiedz się więcej o tym ogłoszeniu.

Czy mogę edytować grupę globalną dla pojedynczego szablonu?

O ile moduły globalne możnaprzekształcić z powrotem w moduły lokalne

, o tyle grupy globalne nie. Aby edytować grupę globalną dla pojedynczego szablonu, sklonuj grupę globalną, a następnie dodaj klon do swojego szablonu.

Jakiej wersji bootstrapa używa HubSpot Template Builder?

Edytor układów HubSpot używa 12-kolumnowego systemu siatkiopartego naBootstrap 2.x, aby umożliwić projektantom szablonów szybkie tworzenie w pełni responsywnychstron internetowych w ramachplatformy treści HubSpot

.

Czy mogę używać własnej siatki responsywnej z szablonami HubSpot?

Wszystkie układy HubSpot typu "przeciągnij i upuść" automatycznie zawierająplik layout.css

, aby moduły były responsywne. Jeśli chcesz użyć innej lub niestandardowej siatki responsywnej, takiej jak Bootstrap 3, musisz albo nadpisać CSS w pliku layout.css, albo użyć zakodowanych szablonów, do których nie jest dołączony plik layout.css.

Jak mogę zmienić układ postów i listingów na moim blogu?

Moduły zawartości bloga pozwalają naedycję znaczników postu i układu listy

, aby kontrolować, gdzie renderowane są różne elementy postu.

Czy mogę powrócić do poprzedniej wersji szablonu?

Wszystkie układy szablonów, pliki kodowane istrony mają historięzmian, która pozwala na cofnięcie się do dowolnej wersji szablonu lub fragmentu treści. W przypadku szablonów lub plików kodowych kliknij kolejnoAkcje>

Wyświetl zmiany, aby uzyskać dostęp do historii zmian.

Design Manager v2

Jaka jest różnica między "widgetem" a "modułem" przy odwoływaniu się do pól modułu?

Szkielet modułu v1 odwoływał się do pól modułu za pomocą {{ widget.field }}. Szkielet modułu v2 odwołuje się do pól modułu przy użyciu {{ module.field }}.

Jednak używanie {{ widget.field }} w frameworku v2 będzie nadal działać zgodnie z oczekiwaniami. Nie jest konieczne aktualizowanie twoich niestandardowych modułów, aby odwoływać się do "modułu".

Jak mogę dołączyć pliki JS i CSS bez "get_public_template_url"?

Zamiast używać "get_public_template_url", aby uzyskać dostęp do plikówJavaScriptiCSS, pliki te mogą być teraz dołączone bezpośrednio doedytora paska bocznego modułu w sekcjiPowiązanepliki.Pliki CSS i JS dołączone tutaj będą automatycznie ładowane na stronach korzystających z modułu.

Jak mogę dodać niestandardowe moduły HTML lub niestandardowe moduły HubL do mojego szablonu?

Moduły HTML i HubL zostały usunięte. Moduły te zapewniały programistom szybki sposób na dodanie fragmentów HTML i HubL do szablonu. Jednakże, mogą one utrudniać zrozumienie i edycję szablonów. Aby uczynić szablony bardziej przewidywalnymi i łatwiejszymi w utrzymaniu, moduły te zostały usunięte na rzecz utrzymania całego kodu wewnątrz kontekstu modułów niestandardowych.

Jeśli potrzebujesz dodać HTML na poziomie strony w witrynie, moduł HTML można pobrać wHubSpot Marketplace.

Jak mogę używać wtyczek JS z moim modułem niestandardowym?

Jeśli używasz skryptu innej firmy, połączysz plik skryptu z sekcjąPołączone plikiw edytorze modułów. Następnie możnauruchomić wtyczkę w sekcji JS edytora kodu. Jeśli potrzebujesz przekazać parametry do wtyczki, możesz użyć atrybutów danych w sekcji HTML + HubL w edytorze, aby przechowywać te wartości.

Podczas aktualizacji jestem pytany, gdzie chciałbym używać tego modułu. Jaka jest różnica między tymi opcjami?

Jeśli używasz niestandardowego modułu w wiadomości e-mail, sekcje CSS i JS nie pojawią się w edytorze, ponieważ arkusze stylów i JavaScript nie są obsługiwane w większości klientów poczty e-mail. W przypadku modułów pocztowych możesz nadal umieszczać niezbędne stylizacje w znacznikach <style>.

Jeśli używasz modułu na swoich stronach lub postach na blogu, sekcje JS i CSS pojawią się zgodnie z oczekiwaniami.upgrade-design-manager-modules

Czy są jakieś zmiany w sposobie kodowania modułów w wersji v2 menedżera projektów?

Moduły w wersji 2 menedżera projektów są zawijane w znaczniki <div>, ale moduły w starym menedżerze projektów były zawijane w znaczniki <span>. Ta zmiana będzie miała wpływ na Twój moduł tylko wtedy, gdy odwołujesz się do rozpiętości modułu w arkuszu stylów. Na przykład poniższa deklaracja nie będzie miała zastosowania w nowym menedżerze projektów:

{% raw %}
span #hs_cos_wrapper_widget_5038393204 {
Kolor: niebieski;
}
{% endraw %}

Możesz zastąpić znacznik <span> znacznikiem <div>.Nie zaleca się jednak polegania na domyślnych wrapperach HubSpot w celu napisania swojego CSS. Zamiast tego lepiej jest używać niestandardowych klas CSS, takich jak "my-custom-module".

Otrzymuję błąd "Moduły zagnieżdżone" podczas aktualizacji mojego modułu. Jak mogę to rozwiązać i opublikować moduł?

Dowiedz się więcej o tym, jak zidentyfikować i rozwiązać błąd modułu zagnieżdżonego.W przypadku modułów zagnieżdżonych używanych w wielu szablonach najlepiejnajpierwsklonować moduł, aby zapobiec utracie zawartości na poziomie strony. Następnie usuń błędy w sklonowanym module i użyj tego klonu w swoich szablonach, idąc dalej.

Jak mogę dodać globalną grupę do mojego modułu?

Zamiast używać {% include %} w swoim niestandardowym module, aby dodać globalną grupę, możesz dodać pole menu do swojego modułu lub edytować globalną zawartość modułu.

Czy mogę używać moich niestandardowych modułów v1 w nowym menedżerze projektów?

Tak,możesz edytować wszystkie starsze moduły w edytorze modułów. Zobaczysz ostrzeżenia o walidacji i sugestie dotyczące każdego kodu, który nie jest obsługiwany w ramach modułu v2, ale będziesz mógł nadal edytować i używać tych modułów w HubSpot.

Podczas gdy można zachować wszystkie istniejące moduły niestandardowe, nie będzie można tworzyć nowych modułów przy użyciu starych ram. Jeśli sklonujesz starsze moduły, sklonowany moduł zostanie utworzony w nowym frameworku modułów.