- Centrum pomocy
- Dokumentacja
-
Szkolenie
- Biblioteka treści HubSpot Academy Kompletna biblioteka online darmowych lekcji wideo i kursów certyfikacyjnych HubSpot Academy. (EN)
- Kursy certyfikacyjne HubSpot Academy Zbiór lekcji i praktycznych ćwiczeń prowadzących do uzyskania uznawanej w branży certyfikacji w zakresie narzędzi lub strategii HubSpot. (EN)
- Szkolenie stacjonarne Zaplanuj szkolenie osobiste, aby uzyskać praktyczne i spersonalizowane doświadczenie szkoleniowe HubSpot. (EN)
-
Społeczność
- CRM & Sales Hub Zadawaj i odpowiadaj na pytania dotyczące korzystania z systemu CRM i Sales Hub HubSpot. (EN)
- Marketing Hub Omów i poznaj narzędzia marketingowe oraz strategię inbound HubSpot. (EN)
- Service Hub Dowiedz się więcej o Service Hub i podziel się swoją ekspertyzą. (EN)
- Spotkaj ekspertów Dowiedz się, jak najlepiej wykorzystać HubSpot od osób, które znają się na tym najlepiej. (EN)
- Prześlij pomysły Szukaj pomysłów, głosuj na nie i przesyłaj, aby doskonalić platformę HubSpot. (EN)
- Deweloperzy HubSpot Zadawaj pytania i nawiązuj kontakty z użytkownikami rozwijającymi platformę HubSpot. (EN)
- Grupy użytkowników HubSpot Spotykaj się regularnie z lokalną społecznością użytkowników HubSpot. (EN)
-
Blogi
- Blog HubSpot Treści na blogi dotyczące marketingu, sprzedaży, agencji i sukcesu klienta. (EN)
- Blog klienta Prawdziwe historie klientów, którzy wykorzystują HubSpot do prowadzenia swoich biznesów. (EN)
- Blog z aktualizacjami produktów Aktualne informacje o najnowszych wersjach produktów od zespołu ds. produktów HubSpot. (EN)
Edycja zawartości strony w obszarze "przeciągnij i upuść
Data ostatniej aktualizacji: stycznia 20, 2023
Dotyczy:
Wszystkie produkty i plany |
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.
Zrozumieć edytor przeciągania i upuszczania
Obszary przeciągania i upuszczania składają się z modułów, które są blokami zawartości strony. Moduły można układać w poziome rzędy lub pionowe kolumny, które następnie można pogrupować w sekcje.
Tworząc wiersze, kolumny i sekcje, możesz zmieniać układ lub stosować stylizację do wielu modułów jednocześnie. Dowiedz się więcej o dostosowywaniu stylów dla zawartości typu drag and drop.
- Moduł: indywidualny blok zawartości witryny. Niektóre moduły, np. moduły bogatego tekstu, mogą zawierać wiele typów zawartości.
- Wiersz: poziomy rząd modułów. Możesz zastosować stylizację do całego rzędu lub zmienić jego położenie na stronie.
- Kolumna: pionowy stos wielu modułów. Możesz zastosować stylizację do całej kolumny lub zmienić jej położenie na stronie.
- Sekcja: grupa wielu wierszy lub kolumn, która zajmuje całą szerokość strony. Możesz zastosować stylizację do całej sekcji lub zmienić jej położenie na stronie.
Organizowanie zawartości
W edytorze paska bocznego możesz zobaczyć przegląd sekcji, wierszy, kolumn i modułów w swojej zawartości. Stamtąd możesz zmieniać ich nazwy, edytować, klonować, usuwać lub ukrywać:
-
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ź na stronę i kliknij przycisk Edytuj.
- W edytorze paska bocznego kliknij kartę Zawartość .
- W edytorze pasków bocznych można kontrolować, które elementy strony są widoczne:
- Aby wyświetlić tylko fragmenty strony, kliknij przycisk Zwiń wszystko. Spowoduje to zwinięcie wszystkich wierszy, kolumn i modułów, dzięki czemu w edytorze paska bocznego widoczne będą tylko sekcje.
- Aby zobaczyć całą zawartość strony, kliknij przycisk Rozwiń wszystko. Spowoduje to wyświetlenie wszystkich sekcji, wierszy, kolumn i modułów w edytorze pasków bocznych.
- Aby wyświetlić pojedynczy element strony lub kontener, kliknij znak plusa obok jego nazwy.
- Aby ukryć element lub kontener, kliknij znak - minus obok jego nazwy.
- Możesz także edytować, zmieniać nazwy, klonować, usuwać i ukrywać elementy strony:
- Aby edytować element, kliknij jego nazwę.
- Aby zmienić nazwę elementu, kliknij elipsę z trzema kropkami obok jego nazwy, a następnie wybierz Zmień nazwę [elementu]. W oknie dialogowym wprowadź nazwę elementu, a następnie kliknij przycisk Zapisz.
- Aby sklonować element, kliknij elipsę z trzema kropkami obok jego nazwy, a następnie wybierz opcję Klonuj. Spowoduje to utworzenie dokładnej kopii oryginalnego elementu sąsiadującego z nim.
- Aby usunąć element, kliknij elipsę z trzema kropkami obok jego nazwy, a następnie wybierz Usuń.
- Aby ukryć moduł, kliknij elipsę z trzema kropkami obok jego nazwy, a następnie wybierz Ukryj ten moduł. Spowoduje to ukrycie modułu w podglądzie strony, ale nie w edytorze paska bocznego. Aby wyświetlić ukryty moduł na stronie, kliknij w elipsę z trzema kropkami obok jego nazwy, a następnie wybierz Pokaż ten moduł.
Używanie sekcji
W edytorze metodą przeciągania i upuszczania możesz 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. Po utworzeniu sekcje mogą być używane na każdej stronie, która obsługuje edycję metodą przeciągania i upuszczania. Zapisane sekcje, które zawierają inteligentne reguły, będą używać tych reguł, gdy zostaną dodane do strony.
Uwaga:z edytora przeciągania i upuszczania można zapisać nie więcej niż 50 sekcji wielokrotnego użytku w jednym czasie. Aby zapisać nową sekcję wielokrotnego użytku, usuń istniejącą sekcję wielokrotnego użytku.
Tworzenie sekcji
Możesz zapisać sekcję, aby można ją było ponownie wykorzystać 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ź na stronę i kliknij przycisk Edytuj.
- W edytorze treści najedź na dwie sekcje i kliknijikonę + plus.
- W prawym panelu kliknij kartę Układy i wybierz układ dla swojej sekcji.
- W edytorze treści przeciągnij moduł nad układ i upuść go na miejsce. Powtórz to dla każdego modułu swojej sekcji.
- Najedź kursorem na sekcję i kliknij ikonę dółKarat w dół, a następnie wybierz 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 wprowadź nazwę i opis dla swojej sekcji, a następnie kliknij przycisk Zapisz.
Dodawanie lub usuwanie sekcji
-
Przejdź do swojej zawartości:
- Strony internetowe: 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ź na stronę i kliknij przycisk Edytuj.
- W edytorze treści najedź na dwie sekcje i kliknijikonę + plus.
- W prawym panelu najedź na sekcję i kliknij przycisk Wybierz. Sekcje zapisane z edytora przeciągania i upuszczania pojawią się w sekcji Zapisane sekcje, natomiast sekcje utworzone przez programistów pojawią się w sekcji Temat.
- Dodanie zapisanej sekcji, która zawiera inteligentne reguły , spowoduje zastosowanie tych reguł do nowo dodanej sekcji. Takie sekcje będą oznaczone jako Inteligentne .
- Aby usunąć sekcję, kliknijikonę + plusa przy dodawaniu sekcji, a następnie najedź na sekcję i kliknij ikonę Usuń. W oknie dialogowym kliknij przycisk Usuń.
Edycja wierszy, kolumn lub sekcji
- W edytorze stron najedź kursorem na wiersz, kolumnę lub sekcję, a następnie kliknij ikonę usuwania.kliknij ikonę edytuj edytuj ikonę edycji.
- Aby dostosować padding i marginesy wokół wiersza, kolumny lub sekcji, kliknij Wyrównanie i odstępy w edytorze pasków bocznych.
- Aby edytować tło obszaru, kliknij przyciskTło w edytorze paska bocznego i wybierz opcję stylizacji:
- Brak: usuń wszelkie kolory tła lub obrazy.
- Kolor: ustawienie pojedynczego koloru jako tła. Wpiszwartość heksadecymalną lub kliknijpróbnik kolorów i wybierz kolor , a następnie wpisz wartość przezroczystości .
- Obraz: ustawienie obrazu jako tła. Aby dodać nowy obraz, kliknij przycisk Prześlij, aby dodać obraz z komputera, lub kliknij przycisk Przeglądaj obrazy , aby wybrać obraz zplików.
- Gradient: ustaw dwa kolory zanikające razem jako tło. Kliknij naKieruneki wybierz kolorkierunek gradientu. Dla każdego koloru wpiszwartość heksadecymalną lub kliknijpróbnik kolorów i wybierz kolor , a następnie wpisz wartość przezroczystości .

- Aby wykonać kopię istniejącego elementu, najedź na niego i kliknijikonę duplikatu ccclone.
- Aby usunąć element ze strony, najedź naniego i kliknijikonę usuń .
Dodawanie i edytowanie modułów
-
Przejdź do swojej zawartości:
- Strony internetowe: 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ź na stronę i kliknij przycisk Edytuj.
- W edytorze treści kliknij moduł w edytorze paska bocznego, a następnie przeciągnij go na miejsce na stronie.
- Aby dostosować szerokość modułu, kliknij pionowy podział między kolumnami i przeciągnij go na miejsce.
- Aby dostosować zawartość wewnątrz modułu, najedź na moduł i kliknij ikonę:
-
- edit Edycja modułu: edycja zawartości modułu.
- clonduplicate Sklonuj moduł: utwórz kopię tego modułu na stronie.
- delete Usuń moduł: usuń ten moduł ze strony.
Thank you for your feedback, it means a lot to us.
Powiązana treść
-
Eksportuj swoją zawartość i dane
Dowiedz się, jak eksportować zawartość i dane HubSpot z konta, takie jak strony, kontakty i pliki. Uwaga:...
Baza wiedzy -
Skonfiguruj pojedyncze logowanie (SSO), aby uzyskać dostęp do prywatnych treści
Pojedyncze logowanie (SSO) to sposób bezpiecznego logowania się do różnych aplikacji za pomocą jednej nazwy...
Baza wiedzy -
Spersonalizuj swoje treści
Dzięki tokenom personalizacji możesz pokazywać spersonalizowane treści swoim kontaktom w oparciu o wartości...
Baza wiedzy