Używanie globalnej zawartości w wielu szablonach

Zawartość globalna umożliwia ponowne wykorzystanie sekcji zawartości, takiej jak nagłówek lub stopka, na wielu stronach. Gdy zawartość globalna jest aktualizowana, zmiany mają zastosowanie wszędzie tam, gdzie używany jest ten globalny moduł lub grupa.

Zawartość globalną można tworzyć i edytować w menedżerze projektu oraz edytować z poziomu edytora zawartości.

Zanim zaczniesz

Przed użyciem zawartości globalnej w wielu szablonach należy zapoznać się z poniższymi wymaganiami i ograniczeniami.

Zrozumienie ograniczeń i rozważań

• Elastyczne kolumny, obszary przeciągania i upuszczania oraz zakodowane moduły nie mogą być używane w grupach globalnych.
• Zmiany w zawartości globalnej mają zastosowanie do wszystkich szablonów i zasobów, które odwołują się do tego samego modułu globalnego lub grupy.
• Szablony typu "przeciągnij i upuść " i szablony kodowane używają różnych metod dla zawartości globalnej.

Tworzenie zawartości globalnej w menedżerze projektów

Zawartość globalną można utworzyć jako nowy moduł lub przekonwertować z istniejących modułów lub grup.

Tworzenie modułu globalnego

1. Na swoim koncie HubSpot przejdź do Treści > Design Manager..
2. W wyszukiwarce kliknij menu rozwijane Plik i wybierz opcję Nowy plik.
3. W oknie dialogowym kliknij menu rozwijane What would you like to build today? i wybierz Module, a następnie kliknij Next.
4. W sekcji Gdzie chcesz użyć tego modułu zaznacz pole wyboru obok każdego typu zawartości, która będzie używać tego modułu globalnego. Moduły globalne używane w wiadomościach e-mail nie mogą zawierać CSS ani Javascript.
5. W sekcji Zakres zawartości modułu wybierz opcję Moduł globalny.
6. Wprowadź nazwę pliku, a następnie kliknij przycisk Utwórz.
7. W edytorze modułów kontynuuj edycję modułu.

Konwertowanie istniejącego modułu lokalnego lub grupy

1. Na swoim koncie HubSpot przejdź do Treści > Design Manager..
2. W wyszukiwarce kliknij szablon, aby edytować jego zawartość.
3. Jeśli tworzysz grupę globalną, możesz edytować opcje wielu modułów. Naciśnij klawisz Control / Command, kliknij moduły, które chcesz zgrupować, a następnie kliknij ikonę grupy groupModule w inspektorze.
4. Kliknij moduł lub grupę modułów, aby zaznaczyć je w edytorze układu.
5. W oknie inspektora kliknij menu rozwijane Więcej i wybierz Konwertuj na moduł/grupę globalną.

Dodawanie globalnego modułu lub grupy do szablonu metodą przeciągnij i upuść

1. Na swoim koncie HubSpot przejdź do Treści > Design Manager..
2. W wyszukiwarce kliknij szablon przeciągnij i upuść, aby edytować jego zawartość.
3. W inspektorze kliknij + Dodaj.
4. Wprowadź tekst w polu wyszukiwania lub kliknij menu rozwijane Filtruj według kategorii lub tagów, aby znaleźć globalny moduł/grupę.
5. Kliknij moduł/grupę globalną i przeciągnij ją do układu szablonu.
6. Po zakończeniu kliknij przycisk Opublikuj w prawym górnym rogu.

Używanie zawartości globalnej w kodowanych szablonach

Kodowane szablony nie zawierają opcji Konwertuj na moduł/grupę global ną. Zamiast tego moduły globalne muszą być tworzone i przywoływane ręcznie.

1. Na swoim koncie HubSpot przejdź do Treści > Design Manager..
2. W wyszukiwarce kliknij menu rozwijane Plik i wybierz opcję Nowy plik.
3. W oknie dialogowym kliknij menu rozwijane What would you like to build today? i wybierz Module, a następnie kliknij Next.
4. W sekcji Zakres zawartości modułu wybierz opcję Moduł globalny.
5. Wprowadź nazwę pliku, a następnie kliknij przycisk Utwórz.
6. Utwórz wymagane pola, aby dopasować je do oryginalnego modułu.
7. Skopiuj fragment HubL modułu.
8. Wklej fragment HubL do zakodowanego szablonu, aby odwołać się do modułu globalnego.
9. Po zakończeniu kliknij przycisk Publikuj w prawym górnym rogu.

Uwaga: deweloperzy mogą alternatywnie zduplikować moduł i ustawić "global": true w pliku meta.json zduplikowanego modułu za pośrednictwem CLI przed aktualizacją szablonów w celu jego użycia. Więcej informacji można znaleźć w dokumentacji dla deweloperów.

Edycja zawartości globalnej w edytorze zawartości

Zawartość globalną można edytować bezpośrednio ze stron lub postów w edytorze zawartości. Aktualizacje dotyczą wszystkich zasobów korzystających z tego samego globalnego modułu lub grupy.

1. Przejdź do swojej zawartości:

   • Strony witryny: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
   • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
   • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
2. Kliknij nazwę swojej zawartości.
3. W edytorze zawartości kliknij ikonę zawartości siteTreeIcon, a następnie kliknijikonę zawartości globalnej globalGroup dla modułu globalnego.
4. W oknie dialogowym kliknij przycisk Otwórz w edytorze zawartości globalnej.
5. W edytorze zawartości globalnej kliknij ikonę zawartości siteTreeIcon i użyj narzędzi przeciągania i upuszczania , aby edytować moduły w grupie globalnej.
6. Jeśli wcześniej nie dodałeś logo, możesz dodać logo do globalnego nagłówka w module logo. Dowiedz się więcej o konfigurowaniu marki. Aby dodać logo, kliknij moduł logo, a następnie kliknij ustawienia marki.
   • W oknie dialogowym kliknij przycisk Dodaj.
   • Kliknij przycisk Prześlij, aby przesłać obraz z komputera lub kliknij przycisk Przeglądaj obrazy, aby wybrać obraz z narzędzia plików.
   • Wprowadź tekst, aby podać nazwę logo w polu Nazwa logo.
   • Wprowadź tekst w polach Logo alt text i Logo URL.
   • Po zakończeniu kliknij przycisk Zapisz. Następnie kliknij przycisk Opublikuj w zasobach [#].
7. Aby edytować menu nawigacji, kliknij moduł. W edytorze paska bocznego kliknij Edytuj menu. W oknie dialogowym kontynuuj dostosowywanie menu nawigacji.
8. Aby wyświetlić podgląd zawartości globalnej na istniejących stronach lub postach, kliknij menu rozwijane Wyświetl w lewym górnym rogu i wybierz stronę lub post, na którym wyświetlana jest zawartość globalna. Aby wyświetlić samą zawartość globalną, wybierz opcję Tylko grupa.
9. Aby utworzyć wielojęzyczną wersję treści globalnej, kliknij menu rozwijane Język w lewym górnym rogu i wybierz opcję Dodaj/edytuj warianty wielojęzyczne. Dowiedz się więcej o tworzeniu wielojęzycznej zawartości globalnej.

10. Po zakończeniu kliknij przycisk Opublikuj do [#] zasobów w prawym górnym rogu. Zmiany te zostaną zastosowane do wszystkich stron i postów korzystających z szablonu zawierającego zawartość globalną.

Edycja zawartości globalnej w menedżerze projektów

Programiści mogą edytować globalne moduły lub grupy w menedżerze projektów. Zmiany wprowadzone w zawartości globalnej zostaną zastosowane do całej zawartości przy użyciu szablonu zawierającego tę samą zawartość globalną.

1. Na swoim koncie HubSpot przejdź do Treści > Design Manager..
2. W wyszukiwarce kliknij szablon, aby edytować jego zawartość.
3. Aby edytować zawartość modułu globalnego lub grupy tylko dla określonej strony, wpisu na blogu lub wiadomości e-mail, można utworzyć lokalną kopię zawartości globalnej do edycji w menedżerze projektów.
4. Aby edytować grupę globalną w edytorze układu, kliknij grupę globalną w szablonie. Następnie w inspektorze kliknij menu rozwijane Więcej i wybierz opcję Edytuj grupę globalną.

5. Po zakończeniu kliknij przycisk Opublikuj zmiany.