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ę z szablonem startowym

Data ostatniej aktualizacji: października 19, 2021

Dotyczy:

Wszystkie produkty i plany

Aby zbudować prostą witrynę lub stronę docelową, możesz skorzystać z szablonu startowego. 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, własnych modułów, personalizacji, dostępu do kodu źródłowego w modułach tekstowych, 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ą z szablonem startowym:

  • 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 Wszystkie Twoje 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 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ęswojej 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 również 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 na urządzeniach mobilnych, kliknijikonę edycji mobilnej w edytorze na pasku bocznym.

edit-page-for-mobile

Dostosuj czcionki, kolory i przyciski

Aby dostosować domyślne style dla swojego szablonu startowego, kliknij zakładkę Projektowanie w edytorze paska bocznego. Możesz także dostosować kolor tła lub obraz dla konkretnego wiersza, kolumny lub sekcji strony.

edit-starter-theme-on-page

Typografia

W sekcji Typografia, edytuj czcionki i style czcionek zastosowane do treści strony i nagłówków. Wszystkie czcionki Google są obsługiwane.
  • Tekst korpusu: dostosuj czcionkę, rozmiar czcionki i kolory czcionek dla głównej części strony.
    • Kliknij menu rozwijane Tekst ciała 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 linku: dostosuj czcionki i kolory stosowane do linków na stronie.
    • Kliknij menu rozwijane Tekst odnoś nika i wybierz czcionkę
    • .
    • Kliknij próbnik kolorów i wybierz kolor łącza. Aby ustawić niestandardowy kolor, kliknij kartę Zaawansowane i wprowadź wartość szesnastkową
    • .
    • Kliknij menu rozwij ane i wybierz styl
, który chcesz zastosować do tekstu łącza.
    • Dostosuj kolor i przezroczystość swoich linków, gdy są one najechane, kliknięte i już odwiedzone:
      • Kolor najechania łącza: kliknij próbnik kolorów i wybierz kolor łącza, gdy odwiedzający najeżdża na łącze. Aby zmienić przezroczystość koloru, wpisz wartość procentową

w polu tekstowym.
      • Aktywny kolor linku: kliknij na selektor kolorów i wybierz kolor linku, który będzie używany, gdy link jest klikany. Aby zmienić przezroczystość koloru, wpisz wartość procentową
w polu tekstowym.
      • Kolor linkuodwiedzonego: kliknij na selektor kolorów i wybierz kolor linku, który będzie używany, gdy link został już kliknięty 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 dostosuj sposób, w jaki przyciski proste i przyciski wysyłania formularzy są stylizowane na stronie.
  • Kolor tła przycisków: dostosuj kolor stosowany do tła przycisków.
    • Wprowadź wartość szesnastkową lub kliknij próbnik kolorów i wybierz kolor
    • .
    • Aby ustawić przezroczystość koloru tła przycisku, wpisz wartość procentową
  • w polu.
  • Kolor tekstu przycisku: dostosuj kolor stosowany do 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 wartość procentową
  • w tym polu.
  • Promień rogu przycisku: dostosuj, jak okrągłe lub kwadratowe będą przyciski na Twojej stronie.
    • Wprowadźwartośćw polu lub kliknij i przeciągnijsuwak
    • do nowej pozycji.
    • Wyższa wartość oznacza, że przyciski na Twojej 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. Możesz zastąpić domyślne style dla poszczególnych modułów w zakładce Opcje

w lewym panelu.

Podgląd i publikacja strony

Zanim strona zacznie działać, kliknij przycisk Podgląd w prawym górnym rogu, aby sprawdzić, jak strona będzie się wyświetlać na komputerach stacjonarnych i urządzeniach mobilnych.Po zaakceptowaniu podglądu strony kliknij Opublikuj w prawym górnym rogu.