Przejdź do treści
Uwaga: Tłumaczenie tego artykułu jest podane wyłącznie dla wygody. Tłumaczenie jest tworzone automatycznie za pomocą oprogramowania tłumaczącego i mogło nie zostać sprawdzone. W związku z tym, angielska wersja tego artykułu powinna być uważana za wersję obowiązującą, zawierającą najnowsze informacje. Możesz uzyskać do niej dostęp tutaj.
Landing Pages

Utwórz stronę za pomocą szablonu startowego

Data ostatniej aktualizacji: maja 6, 2022

Dotyczy:

Wszystkie produkty i plany

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.

select-a-starter-template

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

edit-mobile-version-of-a-page

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

strony.

Edit-theme-options-in-starter-template

Typografia

W sekcji Typografia edytuj czcionki i style czcionek stosowane do treści strony i nagłówków. Obsługiwane są wszystkie czcionki Google.
  • 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
, który chcesz zastosować do tekstu łącza.
    • 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ą

w polu tekstowym.
      • 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ą
w polu tekstowym.
      • 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ą
w polu tekstowym.

edit-link-text

Formularze i przyciski

W sekcji Formularze i przycis ki można dostosować sposób, w jaki na stronie będą stylizowane przyciski proste i przyciski wysyłania formularzy.
  • 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

w lewym panelu.

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




w prawym górnym rogu.
Was this article helpful? *
This form is used for documentation feedback only. Learn how to get help with HubSpot.