Jak skonfigurować sekcję bohaterów

Okładka to pierwsza rzecz, którą inni widzą na Twojej stronie. Wprowadza treść i zachęca ich do pójścia po nią lub podsumowuje, co czyni Twój projekt wyjątkowym. Okładka zazwyczaj zawiera obraz tła: stylowe zdjęcie, atrakcyjny film, kolor, gradient lub teksturę.

Oto kilka wskazówek, które pomogą Ci wydajniej pracować z okładkami, tłami i filmami.

W przeciwieństwie do stron czasopism strony internetowe nie mają stałego widocznego obszaru. Każde urządzenie ma inny rozmiar ekranu i proporcje. Ponadto widoczne obszary różnią się w zależności od przeglądarki. Na przykład przeglądarki ze stałym paskiem zakładek zapewniają mniejszy widoczny obszar. Obraz okładki zostanie przycięty, aby na ekranie pojawił się bez obramowania.

Prześlij obraz tła okładki do panelu Zawartość bloku→ Obraz tła.

Aby obraz wyglądał świetnie, postępuj zgodnie z poniższymi wskazówkami dotyczącymi najlepszych ustawień obrazu tła.

Jeśli nie jesteś zadowolony z jakości obrazu, edytuj go wcześniej w edytorze graficznym, korzystając z poniższego artykułu referencyjnego

Przed wybraniem obrazu przeczytaj nasz artykuł "Jak stworzyć okładkę strony internetowej" na Tilda Education. Zawiera wskazówki dotyczące tworzenia własnej strony tytułowej i linki do wysokiej jakości witryn z fotografiami stockowymi.

Tekst jest najważniejszą częścią każdej strony tytułowej, ponieważ jest to pierwsza wiadomość, którą widzi odwiedzający witrynę. Strony tytułowe zawierają nagłówek, podtytuł, opis i górną notę, aby przekazać wiadomość i podkreślić to, co jest ważne.

Możesz wypełnić okładki tekstem na dwa sposoby: za pomocą panelu Treść bloku lub klikając tekst podczas edycji strony.

Tekst można formatować zarówno za pomocą panelu sterowania u góry, jak i zmieniając rozmiar, kolor lub inne parametry tekstu w panelu Ustawienia bloku → Typografia.

Aby stworzyć fajną okładkę, zapoznaj się z artykułem Jak stworzyć okładkę dla witryny internetowej z praktycznymi przykładami kombinacji tekstu i obrazu tła oraz z przewodnikiem Tworzenie unikalnej propozycji sprzedaży (USP) Dla witryny internetowej, która sprawi, że strona tytułowa będzie angażować odwiedzających mniej niż dziesięć sekund.

Cienka pokrywa ma wysokość 60% lub 70%, a nie 100%. Pełni bardziej formalną funkcję, ponieważ uwaga użytkownika przenosi się na informacje znajdujące się po okładce.

Aby utworzyć taką okładkę, przejdź do pola " Wysokość" w ustawieniach bloku. Możesz ustawić wysokość w pikselach (np. 400px) lub w jednostkach wysokości rzutni, procent (1vh to 1% widocznego obszaru). Zalecamy ustawienie wysokości w vh.

Jak zmienić ton obrazu tła
Zmieniamy ton obrazu, gdy chcemy, aby tekst okładki był czytelny. Aby to zrobić, otwórz panel Ustawienia bloku pokrywy i dostosuj kolor filtra. Tutaj możesz zobaczyć obraz okładki, do którego zastosowano jeden kolor filtra. Czasami do tonowania używany jest kolor marki lub podstawowy kolor strony internetowej.

Jak wmieszać kolor w kolor następnego bloku
Czasami pokrywa powinna delikatnie wtopić się w następny blok. Aby osiągnąć ten efekt, kolor filtra końcowego powinien być ustawiony na 100% krycia. Kolor filtra powinien być taki sam jak kolor następnego bloku.

Dwukrotne podwyższenie osłony przy jednoczesnym zastosowaniu tych dwóch ustawień pomoże uzyskać efekt pokazany poniżej:

Prześlij film do YouTube lub znajdź tam istniejący. Następnie przejdź do panelu Treść bloku okładki i wklej link wideo w odpowiednim polu. W ten sposób możesz stworzyć okładkę wideo.

Możesz użyć konwerterów online do tworzenia filmów WebM i MPEG-4 i hostowania ich na serwerze lub w witrynie internetowej usługi konwersji. Na przykład gfycat.com umożliwia zarówno konwersję, jak i hosting.

Otwórz panel Ustawienia bloku okładki i dodaj linki wideo do odpowiednich pól.

Dlaczego warto korzystać z obu formatów?
Przeglądarki używają różnych formatów, więc nie ma ujednoliconego formatu. Gdy użytkownik wejdzie na Twoją stronę, zobaczy film, który może odtworzyć jego przeglądarka. W przeciwnym razie pokrywa będzie pusta.

Ekrany mają szeroki zakres współczynników proporcji, a okładka może wyglądać inaczej na różnych urządzeniach. Podczas gdy typowe współczynniki proporcji nie spowodują dramatycznych zmian w obrazie okładki, urządzenia mobilne mogą zmienić go nie do poznania. Poświęć trochę czasu, aby dowiedzieć się, jak stworzyć okładkę dostosowaną do urządzeń mobilnych (lub dowolny inny blok) za pomocą tego obszernego przewodnika.

Dlaczego filmy w tle nie są odtwarzane na urządzeniach mobilnych

Ze względu na specyfikę mobilnego systemu operacyjnego okładki wideo nie będą odtwarzane na urządzeniach mobilnych. Mobilny system operacyjny wyłącza autoodtwarzanie. Jeśli utworzono okładkę wideo z autoodtwarzaniem, nie zapomnij dodać obrazu w panelu Zawartość bloku okładki. Obraz pojawi się, gdy nie można odtworzyć filmu, tj. Gdy odwiedzający uzyskają dostęp do Twojej witryny ze smartfonów lub tabletów.

Formularz wprowadzania danych znajdziesz na następujących stronach tytułowych: CR26 (Okładka z polem do wprowadzania danych), CR26AN (Okładka z wieloma wejściami), CR32 (Okładka z formularzem wyrównanym do prawej), CR34 (Okładka z odliczaniem i formularzem subskrypcji ), CR36 (Okładka z obrazem lub filmem z YouTube i formularzem w dwóch kolumnach)

Możesz wyświetlić podgląd formularza, odwiedzając Bibliotekę bloków → Okładkę i wybierając swoją ulubioną opcję.

Formularze na stronach tytułowych pełnią tę samą funkcję i mogą być dostosowywane w taki sam sposób, jak zwykłe formularze. Aby dostosować formularz, przeczytaj artykuł Jak skonfigurować formularze przechwytywania danych.

Na okładkach bloków CR34 i CR35 znajduje się minutnik odliczający czas do określonego czasu w przyszłości. Ta funkcja jest szczególnie przydatna, jeśli tworzysz stronę na potrzeby promocji lub wydarzenia.

W panelu Zawartość tych bloków możesz ustawić datę, godzinę i strefę czasową rozpoczęcia wydarzenia.

Jeśli data jest ustawiona prawidłowo, na stronie tytułowej pojawi się licznik czasu.

Klocki z osłonami to sprawdzone przykłady dobrego designu, który automatycznie dopasowuje się do wszystkich urządzeń. Ale czasami trzeba dodać element lub utworzyć niestandardową stronę tytułową. Można to zrobić za pomocą edytora Zero Block Tildy.

Wiele bloków okładek można przekonwertować na Zero Block w celu dodatkowej edycji. Aby to zrobić, przejdź do Ustawień bloku, przewiń w dół i kliknij przycisk "Konwertuj na Zero Block".

Następnie okładka jest konwertowana na Zero Block. Format zostanie odpowiednio dostosowany. Jeśli już wprowadziłeś zmiany, nie zostaną one zapisane, więc zachowaj ostrożność podczas konwersji okładki.