Szybko znajdź odpowiedzi i ogólne informacje na temat
narzędzia menedżera projektów w HubSpot. Ten zasób zawiera również łącza do innych zasobów dla projektantów pracujących nad systemem CMS.Aby dowiedzieć się więcej natemat projektowania w HubSpot, zapoznaj się z certyfikatemGrowth Driven Design AkademiiHubSpot orazdokumentacją systemu CMS HubSpot
.Certyfikacja projektowania jest bezpłatna i obejmuje szkolenie wideo oraz praktykę w zakresie projektowania.
Dokumentacja CMS HubSpot zawiera:
Najlepszym źródłeminterakcji ze społecznością projektantów HubSpot jestforum projektowe HubSpot
. Forum to jest monitorowane przez projektantów HubSpot i użytkowników HubSpot posiadających doświadczenie w projektowaniu.Pytania dotyczące rozwoju interfejsu API HubSpot można znaleźć naforum dlaprogramistów
.Z dniem 27 maja 2020 r. FTP został wyłączony i zastąpiony przez CMS CLI. Dowiedz się więcej o tym ogłoszeniu.
O ile moduły globalne możnaprzekształcić z powrotem w moduł lokalny
, o tyle grupy globalne nie. Aby edytować grupę globalną dla pojedynczego szablonu, należy sklonować grupę globalną, a następnie dodać jej klon do szablonu.Edytor szablonów HubSpot wykorzystuje 12-kolumnowy systemsiatkioparty naBootstrap 2.x, aby umożliwić projektantom szablonów szybkie tworzenie w pełni responsywnych stron internetowych w ramachplatformy treści HubSpot
.Wszystkie układy HubSpot typu "przeciągnij i upuść" automatycznie zawierająplik layout.css
, dzięki któremu moduły są 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ć szablonów kodowanych, do których nie jest dołączony plik layout.css.Moduły zawartości bloga umożliwiająedycję znaczników postu i układuoferty, co pozwala kontrolować,
gdzie są renderowane poszczególne elementy postu.Wszystkie układy szablonów, pliki kodowe istrony mają historięzmian, która umożliwia cofnięcie się do dowolnej wersji szablonu lub elementu zawartości. W przypadku szablonów lub plików kodowych kliknijkolejnoAkcje>
Wyświetl zmiany, aby uzyskać dostęp do historii zmian.Szkielet modułu v1 odwoływał się do pól modułu za pomocą . Szkielet modułu v2 odwołuje się do pól modułu przy użyciu .
Jednak używanie w frameworku v2 będzie nadal działać zgodnie z oczekiwaniami. Nie jest konieczne aktualizowanie modułów niestandardowych, aby odwoływały się do "modułu".
Zamiast używać "get_public_template_url", aby uzyskać dostęp do
JavaScript iCSS, pliki te można teraz dołączać bezpośrednio doedytora paska bocznego modułu wsekcjiPowiązanepliki.Pliki CSS i JS dołączone w tym miejscu będą automatycznie ładowane na stronach korzystających z modułu.
Moduły HTML i HubL zostały usunięte. Moduły te pozwalały programistom na szybkie dodawanie fragmentów HTML i HubL do szablonów. Mogą one jednak sprawiać, że szablony są trudne do zrozumienia i edycji. Aby uczynić szablony bardziej przewidywalnymi i łatwiejszymi w utrzymaniu, moduły te zostały usunięte na rzecz utrzymania całego kodu w kontekście modułów niestandardowych.
Jeśli chcesz dodać HTML na poziomie strony wwitrynie, moduł HTML można pobrać zHubSpot Marketplace.
Jeśli używasz skryptu innej firmy, umieść plik skryptu w sekcjiPołączone pliki wedytorze modułów. Następnie możeszuruchomić wtyczkę w sekcji JS edytora kodu. Jeśli potrzebujesz przekazać parametry do wtyczki, możesz użyć atrybutów danych w sekcji HTML + HubL edytora, aby przechowywać te wartości.
Jeśli używasz modułu niestandardowego w wiadomości e-mail, sekcje CSS i JS nie pojawią się w edytorze, ponieważ arkusze stylów i JavaScript nie są obsługiwane przez większość klientów poczty e-mail. W przypadku modułów poczty e-mail można nadal umieszczać niezbędne stylizacje w znacznikach <style>.
Jeśli używasz modułu na swoich stronach lub we wpisach na blogu, sekcje JS i CSS pojawią się zgodnie z oczekiwaniami.
Moduły w wersji 2 menedżera projektów są zawijane w znaczniki <div>, natomiast 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 obowiązywać w nowym menedżerze projektów:
span #hs_cos_wrapper_widget_5038393204 {
Kolor: niebieski;
}
Znacznik <span> można zastąpić znacznikiem <div>.Nie zaleca się jednak korzystania z domyślnych wrapperów HubSpot do pisania kodu CSS.Zamiast tego lepiej jest używać niestandardowych klas CSS, takich jak "my-custom-module".
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 najlepiej jest najpierwsklonować moduł, aby zapobiec utracie zawartości na poziomie strony. Następnie należy usunąć błędy w sklonowanym module i używać tego klonu w kolejnych szablonach.
Zamiast używać w swoim module niestandardowym, aby dodać grupę globalną, możesz dodać pole menu do swojego modułu lub edytować zawartość globalną modułu.
Tak,możesz edytować wszystkie starsze moduły w edytorze modułów. Pojawią się ostrzeżenia o walidacji i sugestie dotyczące kodu, który nie jest obsługiwany w module v2, ale będzie można nadal edytować i używać tych modułów w HubSpot.
Chociaż można zachować wszystkie istniejące moduły niestandardowe, nie będzie można tworzyć nowych modułów przy użyciu starego frameworka. Jeśli sklonujesz starsze moduły, sklonowany moduł zostanie utworzony w nowym module framework.