Edytuj zawartość strony w obszarze przeciągania i upuszczania

W edytorze stron typu "przeciągnij i upuść" użytkownicy mogą zmieniać układ i stosować niestandardowe style do różnych sekcji strony. Edycja metodą przeciągania i upuszczania jest dostępna dla stron utworzonych za pomocą szablonów startowych, niektórych szablonów motywów oraz szablonów kodowanych z obszarami przeciągania i upuszczania.

Zrozumienie edytora przeciągania i upuszczania

Obszary przeciągania i upuszczania składają się z modułów, które są blokami zawartości witryny. Moduły mogą być ułożone w poziome rzędy lub pionowe kolumny, które następnie można pogrupować w sekcje.

Tworząc wiersze, kolumny i sekcje, można zmieniać układ lub stosować stylizację do wielu modułów jednocześnie. Dowiedz się więcej o dostosowywaniu stylów dla zawartości typu "przeciągnij i upuść".

1. Moduł: pojedynczy blok zawartości witryny. Niektóre moduły, np. moduły bogatego tekstu, mogą zawierać wiele typów zawartości.
2. Wiersz: poziomy rząd modułów. Można zastosować stylizację do całego rzędu lub zmienić jego położenie na stronie.
3. Kolumna: pionowy stos wielu modułów. Możesz zastosować stylizację do całej kolumny lub zmienić jej położenie na stronie.
4. Sekcja: grupa wielu wierszy lub kolumn zajmująca całą szerokość strony. Możesz zastosować stylizację do całej sekcji lub zmienić jej położenie na stronie.

Używanie sekcji

W edytorze metodą przeciągania i upuszczania można tworzyć sekcje strony wielokrotnego użytku, przeciągając moduły na pusty układ sekcji. Programiści mogą również tworzyć te sekcje, korzystając z naszej dokumentacji dla programistów. Raz utworzonych sekcji można używać na dowolnej stronie obsługującej edycję metodą "przeciągnij i upuść". Zapisane sekcje, które zawierają inteligentne reguły, będą ich używać po dodaniu do strony.

Uwaga:w edytorze przeciągania i upuszczania można zapisać jednocześnie nie więcej niż 25 sekcji wielokrotnego użytku. Aby zapisać nową sekcję wielokrotnego użytku, należy usunąć istniejącą sekcję wielokrotnego użytku.

Tworzenie sekcji

Sekcję można zapisać w celu umożliwienia jej ponownego użycia na innych stronach korzystających z tego samego motywu.

• Przejdź do swojej zawartości:

  • Website Pages: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
  • Landing Pages: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony docelowe.
• Najedź kursorem na stronę i kliknij przyciskEdytuj.
• W edytorze treści najedź kursorem na dwie sekcje i kliknijikonę +plus.

• W prawym panelu kliknij kartę Układyi wybierzukład dla swojej sekcji.

• W edytorze treści przeciągnijmoduł na układ i upuść go w odpowiednim miejscu. Powtórz tę czynność dla każdego modułu sekcji.

• Najedź kursorem na sekcję i kliknijikonę w dółKarat w dół, a następnie wybierz opcjęZapisz sekcję.

Uwaga:istniejące sekcje stron oraz te utworzone bez układu można również zapisać jako sekcje wielokrotnego użytku.

• W prawym panelu wpisznazwę i opis sekcji, a następnie kliknij przyciskZapisz.

Dodawanie sekcji

• Przejdź do swojej zawartości:

  • Strony witryny: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
  • Landing Pages: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony docelowe.
• Najedź kursorem na stronę i kliknij przyciskEdytuj.
• W edytorze treści najedź kursorem na dwie sekcje i kliknijikonę +plus.

• W prawym panelu najedź kursorem na sekcję i kliknij przycisk Wybierz. Sekcje zapisane w edytorze metodą "przeciągnij i upuść" pojawią się w sekcji Zapisane sekcje, a sekcje utworzone przez programistów - wsekcji Sekcje tematyczne.
• Dodanie zapisanej sekcji, która zawiera inteligentne reguły , spowoduje zastosowanie tych reguł do nowo dodanej sekcji. Sekcje te będą oznaczone jako Inteligentne .
• Aby usunąć sekcję, kliknijikonę z plusem służącą do dodawania sekcji, a następnie najedź kursorem na sekcję i kliknijikonę usuwania. W oknie dialogowym kliknij przyciskUsuń.

Kopiowanie sekcji HubL

W edytorze stron można skopiować znacznik HubL dla sekcji, aby w razie potrzeby ponownie użyć kodu. Może to być przydatne, gdy chcesz odtworzyć sekcję w zakodowanym pliku metodą "przeciągnij i upuść".

Dowiedz się, jak kopiować znaczniki HubL sekcji.

Edycja wierszy, kolumn lub sekcji

• W edytorze stron najedź kursorem na wiersz, kolumnę lub sekcję, a następnie kliknij przyciskkliknij przycisk edytuj edytuj ikonę edycji.
• Aby dostosować wyściełanie i marginesy wokół wiersza, kolumny lub sekcji, kliknij przycisk Wyrównanie i odstępy w edytorze pasków bocznych.
• Aby edytować tło obszaru, kliknijprzyciskTło w edytorze paska bocznego i wybierzopcję stylizacji:
  • Brak:usunięcie wszelkich kolorów tła lub obrazów.
  • Kolor:ustawienie pojedynczego koloru jako tła. Wprowadźwartość heksadecymalnąlub kliknijpróbnikkolorówi wybierzkolor,a następnie wprowadźwartość przezroczystości.
  • Obraz: ustawianie obrazu jako tła. Aby dodać nowy obraz, kliknijprzyciskPrześlij, aby dodać obraz z komputera, lub kliknij przyciskPrzeglądaj obrazy, aby wybrać obraz zplików.
  • Gradient: ustaw dwa kolory zanikające razem jako tło. Kliknij przyciskKieruneki wybierz kolorkierunek gradientu. Dla każdego koloru wpiszwartość heksadecymalnąlub kliknijpróbnikkolorówi wybierzkolor,a następnie wpiszwartość przezroczystości.

• Aby utworzyć kopię istniejącego elementu, najedź kursorem na ten element i kliknijikonę duplikatu ccclone.
• Aby usunąć element ze strony, najedź kursorem naelement i kliknijikonęUsuń .

Dodawanie i edytowanie modułów

• Przejdź do swojej zawartości:

  • Strony witryny: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony w witrynie internetowej.
  • Landing Pages: W koncie HubSpot przejdź do Marketing > Witryna internetowa > Strony docelowe.
• Najedź kursorem na stronę i kliknij przyciskEdytuj.
• W edytorze zawartości kliknij moduł w edytorze paska bocznego, a następnie przeciągnij go na miejsce na stronie.
• Aby dopasować szerokość modułu, kliknij pionowy podział między kolumnami i przeciągnij go na miejsce.

• Aby dostosować zawartość w module, najedź kursorem na moduł i kliknij ikonę:

• • edit Edytuj moduł: edytuj zawartość modułu
  • clonduplicate Sklonuj moduł: utwórz kopię tego modułu na stronie.
  • usuń Usuń moduł: usuń ten moduł ze strony.