Transparent sekcja w Pixpa pozwala dodać wizualnie angażujący obszar do Twoich stron, a także poprawić SEO. Niezależnie od tego, czy pracujesz nad galerią, stroną, folderem, albumem klienta czy blogiem, baner pomaga ustalić ton i wyróżnić ważne treści.
Jeśli chcesz po prostu wyświetlić wiadomość tekstową na górze swojej witryny, użyj metody Pasek ogłoszeń. Lub jeśli chcesz utworzyć wyskakujące okienko, które pojawia się, gdy odwiedzający przeglądają Twoją witrynę, możesz wypróbować Wyskakujące okienko marketingowe.
W tym artykule
- Co to jest baner
- Dodaj baner do strony
- Edytuj sekcję banera
- Treść banera
- Ustawienia banerów
- Układ banera
Co to jest baner
Baner służy do wyświetlania obrazu banerowego, pokazu slajdów lub wideo na całej szerokości u góry lub u dołu treści.
Dodaj sekcję baneru do strony
- Do strony można dodać sekcję. Możesz dodać sekcję do już istniejącej strony lub utwórz nową stronę w Twojej witrynie.
- Na Twojej stronie, Kliknij na niebieski + ikona dodać Nowa sekcja do Twojej strony.
- Teraz zobaczysz kategorie sekcji po lewej stronie.
- Wybierz Sekcje Bohaterów (1) kategoria i kliknij na Transparent zakładka (2), w której możesz wybierać różne układy ukończenia Transparent (3) sekcja.
- Wybierz dowolny układ sekcji i kliknij go, aby dodać go do swojej strony.
Edytuj sekcję banera
Jeśli dana sekcja została już dodana do strony, możesz ją łatwo edytować.
- Najedź kursorem na sekcję i kliknij Edytuj baner (1) przycisk.
- Otworzy się pasek boczny, z którego możesz Edytuj (2) sekcja banerowa.
- Kliknij Zapisz (3) przycisk po wprowadzeniu zmian.
Treść sekcji baneru
Zakładka Treść w sekcji Edytuj baner możesz dodać i dostosować treść swojego banera, niezależnie od tego, czy jest ona oparta na obrazie czy wideo.
Typ banera
Wybierz typ banera. Możesz wybrać dowolną z następujących opcji:
- slajdy – Wybierz opcję Slajdy, jeśli chcesz wyświetlać obrazy w banerze. Możesz dodać wiele slajdów z obrazami pod jednym banerem.
- Wideo – Jeśli chcesz wyświetlać filmy jako slajdy banerowe, wybierz tę opcję. Pod każdym banerem możesz dodać wiele slajdów wideo.
W sekcji banerowej można dodać maksymalnie 25 slajdów.
Slajdy obrazkowe
Po wybraniu opcji Slajdy w obszarze Typ banera możesz utworzyć pokaz slajdów, przesyłając wiele obrazów jako slajdy banerowe.
- Dodaj wiele slajdów, klikając + Dodaj slajdy przycisk.
- Zmień kolejność je za pomocą uchwytów przeciągania.
- Edytuj lub usuń poszczególne slajdy, korzystając z odpowiednich ikon.
Edytuj slajd obrazu/tekstu
- Obraz
- Kliknij na Prześlij aby zmienić obraz/slajd. Kliknij na Usunięcia przycisk , aby usunąć slajd.
- Zmień punkt centralny obrazu, klikając obraz w dowolnym miejscu.
- Obraz mobilny – Prześlij obraz baneru mobilnego. Zalecamy dodanie tutaj obrazów portretowych.
- Określ tekst alternatywny dla slajdu obrazu. Pomaga to w celach SEO.
- Tekst slajdu – Wprowadź tekst slajdu, który pojawi się nad slajdem. Możesz pogrubić tekst, pochylić go, podkreślić, połączyć go i zrobić wiele więcej.
Zobacz także: Edytor tekstu Pixpa.
- Przesuń link
-
- Kliknij ikonę ustawień i wprowadź link nakładki dla slajdu.
- Możesz określić dowolną stronę w swojej witrynie lub poza nią, swój adres e-mail lub numer kontaktowy.
Sprawdź także: Łączący tekst/przycisk
- Przycisk & Linki
-
- Dodaj do 10 przycisków/linków do zawartości slajdu.
- Możesz dodać zwykły przycisk, link tekstowy lub użyć obrazu/ikony jako przycisku.
Sprawdź również: Przycisk i linki
- Uderz w Zapisz aby zapisać zmiany.
Cały slajd zostanie przekształcony w link tylko wtedy, gdy Tekst banera i przyciski opcja jest wybrana jako Inne dla każdego slajdu.
Slajdy wideo
Podczas Slajd wideo opcja jest zaznaczona, możesz osadzić wideo YouTube lub Vimeo w swoim banerze. Dostępne są następujące opcje konfiguracji:
1. Link do YouTube/Vimeo – Wprowadź bezpośredni link do swojego filmu. Obsługiwane formaty obejmują:
- YouTube: https://www.youtube.com/watch?v=XXXXXXXXXXX
- Vimeo: https://vimeo.com/XXXXXXXXXXX
2. Pokaż wideo – Wybierz sposób wyświetlania filmu na Twojej stronie:
- Automatyczne odtwarzanie: Wideo będzie osadzone bezpośrednio i będzie odtwarzane automatycznie na wszystkich urządzeniach (domyślnie wyciszone).
- Automatyczne odtwarzanie – tylko na komputerze: Wideo będzie osadzone bezpośrednio i będzie odtwarzane automatycznie tylko na pulpicie (domyślnie wyciszone).
- Otwórz w Lightboxie: Po kliknięciu podglądu wideo zostanie on otwarty w wyskakującym okienku.
3. Obraz mobilny – Prześlij obraz zapasowy, który będzie wyświetlany na urządzeniach mobilnych, na których automatyczne odtwarzanie wideo może nie działać lub nie być obsługiwane. Dzięki temu Twój baner pozostanie atrakcyjny wizualnie na wszystkich rozmiarach ekranu.
4. Określ tag Alt (opcjonalnie) – Dodaj tag alt, aby poprawić SEO i dostępność. Opisuje on obraz zapasowy dla czytników ekranu lub w przypadkach, gdy obraz nie może zostać wyświetlony.
5. Tekst slajdu – Wprowadź tekst slajdu, który pojawi się nad slajdem. Możesz pogrubić tekst, pochylić go, podkreślić, połączyć go i zrobić wiele więcej.
Zobacz także: Edytor tekstu Pixpa
6. Przesuń link
- Kliknij ikonę ustawień i wprowadź link nakładki dla slajdu.
- Możesz określić dowolną stronę w swojej witrynie lub poza nią, swój adres e-mail lub numer kontaktowy.
Sprawdź również: Łączący tekst/przycisk
7. Przycisk & Linki
- Dodaj do 10 przycisków/linków do zawartości slajdu.
- Możesz dodać zwykły przycisk, link tekstowy lub użyć obrazu/ikony jako przycisku.
Sprawdź również: Przycisk i linki
8. Zapisz – Uderz w Zapisz przycisk, aby zapisać zmiany
Tekst banera i przyciski
- Określ, czy tekst i przyciski będą takie same dla wszystkich slajdów, czy różne dla każdego slajdu. Kiedy wybierzesz To samo dla wszystkich slajdów opcja, Tekst banera oraz przyciski będzie użyty.
- Po wybraniu opcji Inne dla każdego slajdu zostanie użyty tekst i przyciski określone dla danego slajdu.
Tekst banera
- Wprowadź tekst banera, który będzie wspólny dla wszystkich slajdów.
Zobacz także: Edytor tekstu Pixpa
Przyciski i linki
- Te przyciski/łącza pojawiają się nad slajdami banerów (wspólne dla wszystkich slajdów).
Sprawdź również: Przycisk i linki - Po wprowadzeniu zmian kliknij Zapisz w prawym górnym rogu, aby zastosować je do swojego baneru.
Ustawienia banerów
Na karcie Ustawienia banera dostępne są następujące opcje:
- Tryb wyświetlania banera
- Sterowanie wyświetlaniem slajdów
- Stylizacja banera
- karuzela
- przyciski
- Ikony społeczne
Tryb wyświetlania banera
-
- Skaluj i dopasuj – Obrazy zmieszczą się w szerokości i wysokości banera.
- Dopasuj do szerokości (Tylko dla komputerów stacjonarnych) — Obrazy zostaną przeskalowane do szerokości banera. Wysokość banera odziedziczy wysokość obrazu.
- Wysokość pulpitu banerowego – Określ wysokość banera na pulpicie, jeśli wybrałeś pełny krwiak or skalować i dopasować opcję w polu Tryb wyświetlania.
- Wysokość mobilnego banera – Określ wysokość banera mobilnego.
Sterowanie wyświetlaniem slajdów
Ustawienia te umożliwiają dostosowanie wyglądu slajdów i przejść w sekcji baneru.
-
Styl przejścia slajdów – Wybierz, jak slajdy mają się zmieniać. Możesz wybrać opcje takie jak Znikać, Przesuwanie poziome lub pionowe dla płynnego przejścia między slajdami.
-
Slajdy w rzędzie – Określ, ile rzędów slajdów ma być widocznych jednocześnie.
- Slajdy na kolumnę – Zdefiniuj, ile kolumn slajdów powinno się wyświetlać. Kontroluje to, ile slajdów ma się wyświetlać obok siebie w każdym wierszu.
- Odstęp między slajdami – Dostosuj odstęp między poszczególnymi slajdami za pomocą tego ustawienia. Możesz zwiększyć odstęp w pikselach, aby kontrolować wizualne rozdzielenie między slajdami.
- Pozycja zawartości – Określ położenie treści wewnątrz baneru.
- Szerokość treści – Określ szerokość treści banera.
Stylizacja banera
- Kolor tła – Ustaw kolor tła dla banera.
- Kolor nakładki – Ustaw kolor nakładki dla banera.
- Styl nawigacji – Określ styl nawigacji banera. Do wyboru są jodełka, długie strzałki i krótkie strzałki. Wybierz opcję Brak, jeśli chcesz wyłączyć elementy sterujące nawigacją.
- Kolor nawigacji – Określ kolor elementów sterujących nawigacją na banerze.
- Włącz strzałkę przewijania w dół – Wybierz tę opcję, aby wyświetlić strzałkę przewijania w dół nad banerem.
- Promień narożnika – Dostosuj zaokrąglenie narożników slajdu banerowego. Możesz zastosować ten sam promień do wszystkich narożników lub określić różne wartości dla każdego narożnika z osobna.
karuzela
Ustawienia te definiują sposób automatycznego przesuwania i zachowania slajdów w sekcji baneru lub karuzeli.
- Włącz płynne przewijanie – Włącz tę opcję, aby przejścia między slajdami były płynniejsze i aby uzyskać płynny efekt przewijania.
- Włącz automatyczne odtwarzanie slajdów – Po włączeniu tej opcji przejścia między slajdami będą odbywać się automatycznie, bez konieczności interakcji użytkownika.
- Pokaż postęp automatycznego odtwarzania – Wyświetla wskaźnik wizualny pokazujący czas do przejścia do następnego slajdu.
- Opóźnienie automatycznego odtwarzania – Ustaw odstęp czasu pomiędzy automatycznymi przejściami slajdów (np. co 4 sekundy).
- Pętla karuzeli – Włącz tę opcję, aby po ostatnim slajdzie stale powracać do pierwszego.
przyciski
Opcje te umożliwiają dostosowanie przycisków wyświetlanych w banerze
- Rozmiar guzika - Wybierz rozmiar przycisku z dostępnych opcji, takich jak mały, średni lub duży.
- Wyrównanie - Ustaw wyrównanie przycisków w sekcji (do lewej, do środka lub do prawej).
- Przestrzeń między przyciskami – Dostosuj odstępy poziome między przyciskami, aby uzyskać zrównoważony układ.
- Przestrzeń nad przyciskami – Określ odstęp w pionie między tekstem a przyciskami (mierzony w pikselach).
- Rozmiar łącza tekstowego – Ustaw rozmiar czcionki dla przycisków i linków tekstowych.
- Rozmiar przycisku obrazu – Dostosuj rozmiar przycisków zawierających ikony lub obrazy.
- Szerokość guzika – Wybierz szerokość przycisku, wybierając spośród opcji: domyślna, duża, bardzo duża lub pełna szerokość.
Dowiedz się więcej o stylizowaniu przycisków i linków.
Ikony społeczne
Ustawienia te umożliwiają personalizację wyglądu i stylu ikon mediów społecznościowych wyświetlanych w sekcji baneru.
- Rozmiar ikony – Dostosuj rozmiar ikon mediów społecznościowych (w pikselach), aby pasowały do ogólnego projektu banera.
- Typ ikony – Wybierz styl ikony (na przykład Klasyczny, Kontur lub Pełny) odpowiadający motywowi baneru.
- Kolor ikony – Wybierz sposób definiowania koloru ikony. Dostępne opcje:
- Tekst linku – Używa tego samego koloru, co tekst linku sekcji.
- Zwyczaj - Umożliwia ręczny wybór niestandardowego koloru.
- Kolor marki – Stosuje oficjalny kolor marki danej platformy (na przykład niebieski w przypadku Facebooka).
- Wybierz kolor – Po wybraniu opcji Niestandardowe możliwe jest wybranie konkretnego koloru ikon.
Układ banera
Możesz łatwo zmienić układ banera. Dowiedz się więcej o układach banerów.
