Utwórz stronę za pomocą szablonu startowego

Szablon startowy można wykorzystać do zbudowania prostej witryny lub strony docelowej. W tym artykule opisano, jak utworzyć nową stronę, dostosować jej wygląd i opublikować stronę przy użyciu szablonu startowego.

Uwaga: szablony startowe nie obsługują inteligentnej zawartości, modułów niestandardowych, personalizacji, dostępu do kodu źródłowego w modułach bogatego tekstu, stron chronionych hasłem ani zaawansowanych opcji, takich jak podmiana szablonów i dostęp do nagłówka HTML.

Tworzenie strony za pomocą szablonu startowego

Aby utworzyć nową stronę docelową za pomocą szablonu startowego:

• 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.

• W prawym górnym rogu kliknij menu rozwijane Utwórzi wybierz opcjęStrona witryny lubStrona lądowania.
• W menu lewego paska bocznego ekranu wyboru szablonu kliknij opcję Wszystkie szablony.
• Aby wyświetlić dostępne szablony startowe, kliknij menu rozwijane Filtruj według źródłai wybierz opcjęStarter.

• Najedź kursorem na szablon, a następnie kliknij przycisk Podgląd w prawym górnym rogu.
• Aby utworzyć stronę przy użyciu tego szablonu, kliknij przycisk Użyj szabl onu w prawym górnym rogu.
• W oknie dialogowym kliknij przyciskKontynuuj.
• Wprowadź wewnętrzną nazwęstrony, a następnie kliknij przyciskUtwórz stronę.

Edytowanie zawartości strony

Szablony startowe zawierają bloki zawartości witryny nazywane modułami. Moduły te można układać w poziome wiersze lub pionowe kolumny.

Wiersze i kolumny można grupować w sekcje elementów. Grupując elementy, można zastosować style tła do całego obszaru strony. Elementy te można także przeciągać i upuszczać, aby zmienić układ strony. Dowiedz się więcej oedytowaniu zawartości strony w obszarze przeciągania i upuszczania.

Aby dostosować wygląd strony do urządzeń mobilnych, kliknijikonę edycji mobilnej w edytorze na pasku bocznym.

Dostosowywanie czcionek, kolorów i przycisków

Aby dostosować domyślne style szablonu startowego, kliknij kartę Motyw w edytorze paska bocznego. Możesz także dostosować kolor tła lub obraz dla określonego wiersza, kolumny lub sekcji

Typografia

• Tekst główny: dostosuj czcionkę, jej rozmiar i kolory dla głównej części strony.
  • Kliknij menu rozwijane Tekst główny i wybierz czcionkę

• • Klikaj klawisze strzałek
  , aby dostosować rozmiar czcionki.
  • Kliknij próbnik kolorów i wybierz kolor czcionki. Aby ustawić kolor niestandardowy, kliknij kartę Zaawansowane i wprowadź wartość szesnastkową
.
• Nagłówki: dostosuj czcionkę i kolor dla tekstu w modułach ze znacznikiem nagłówka.
  • Kliknij menu rozwijane Nagłówki i wybierz czcionkę
  .
  • Kliknij próbnik kolorów i wybierz kolor czcionki. Aby ustawić niestandardowy kolor, kliknij kartę Zaawansowane i wprowadź wartość szesnastkową
.
• Tekst łącza: dostosuj czcionki i kolory stosowane w łączach na stronie.
  • Kliknij menu rozwijane Tekst odnoś nika i wybierz czcionkę
  .
  • Kliknij próbnik kolorów i wybierz kolor łącza. Aby ustawić kolor niestandardowy, kliknij kartę Zaawansowane i wpisz wartość szesnastkową
  .
  • Kliknij menu rozwij ane i wybierz styl

• • Dostosuj kolor i przezroczystość łączy, gdy są one najechane, kliknięte lub już odwiedzone:
    
    • Kolor najechania łącza: kliknij próbnik kolorów i wybierz kolor łącza, który będzie używany po najechaniu na nie przez odwiedzającego. Aby zmienić przezroczystość koloru, wpisz wartość procentową
    
    

• • • Aktywny kolor łącza: kliknij próbnik kolorów i wybierz kolor łącza, który będzie używany, gdy łącze zostanie kliknięte. Aby zmienić przezroczystość koloru, wpisz wartość procentową

• • • Kolor łączaodwiedzonego: kliknij próbnik kolorów i wybierz kolor łącza, które ma być używane, gdy łącze zostało już kliknięte przez odwiedzającego. Aby zmienić przezroczystość koloru, wpisz wartość procentową

Formularze i przyciski

• Kolor tła przycisków: dostosuj kolor tła swoich przycisków.
  • Wprowadź wartość szesnastkową lub kliknij próbnik kolorów i wybierz kolor
  .
  • Aby ustawić przezroczystość koloru tła przycisków, wpisz w tym polu wartość procentową
.
• Kolor tekstu przycisku: dostosuj kolor tekstu przycisków na swojej stronie.
  • Wprowadź wartość szesnastkową lub kliknij próbnik
  kolorów, aby wybrać kolor tekstu.
  • Aby ustawić przezroczystość koloru tła przycisku, wpisz w tym polu wartość procentową
.
• Promień narożnika przycisku: dostosuj wygląd okrągłych lub kwadratowych przycisków na stronie.
  • Wprowadźwartośćw polu lub kliknij i przeciągnijsuwak
  do nowej pozycji.
  • Większa wartość oznacza, że przyciski na stronie będą miały bardziej zaokrąglone krawędzie, natomiast wartość zero oznacza, że przyciski będą prostokątne.

Uwaga: HubSpot zaleca zachowanie spójnych kolorów, czcionek i stylów w oparciu o ustawienia w zakładce Projektowanie. Domyślne style dla poszczególnych modułów można zastąpić w zakładce Opcje

Podgląd i publikowanie strony

Zanim strona zostanie uruchomiona, kliknij przycisk Podgląd w prawym górnym rogu, aby sprawdzić, jak strona będzie wyglądać na komputerach stacjonarnych i urządzeniach mobilnych.Po zaakceptowaniu podglądu strony kliknij przycisk Opublikuj