Utwórz stronę z szablonem startowym

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.

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

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.

Typografia

• 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

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

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

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

Formularze i przyciski

• 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

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.