Baner

Użycie banera dodaje wizualnego charakteru Twojej witrynie i nadaje charakter Twoim treściom, niezależnie od tego, czy jest to galeria , strona , folder , album klienta czy blog . Możesz dodać tekst alternatywny do obrazów banerowych , co wspomaga SEO.

Banery można umieszczać na górze lub na dole treści (pod nagłówkiem witryny). Zazwyczaj służą one do wyświetlania obrazu banerowego/pokazu slajdów/filmu wideo o pełnej szerokości.

Wskazówka

Jeśli chcesz po prostu wyświetlić wiadomość tekstową u góry swojej witryny, użyj paska ogłoszeń . Jeśli chcesz utworzyć wyskakujące okienko, które pojawia się, gdy odwiedzający przeglądają Twoją witrynę, wypróbuj wyskakujące okienko marketingowe.

Oto jak wygląda baner: 

Sprawdź witrynę demonstracyjną na żywo.


Ustawienia banerów dzielą się na: 

  1. Treść
  2. Ustawienia
  3. układ


1. Zawartość

Opcje dostępne w kategorii treści to: 

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.
  • Automatyczna  – Wyróżniony obraz galerii, nagłówek i opis zostaną użyte do baneru. Zostaną one automatycznie utworzone przez system.
  • Nieaktywny – Baner nie będzie widoczny na stronie internetowej.


slajdy
  • Kliknij na + Dodaj slajdy (1), aby dodać niestandardowe slajdy do banera.
  • Po przesłaniu slajdów możesz to zrobić edit (2) lub usunąć (3) slajd.

Punkty do zapamiętania: 

  • Idealnym rozmiarem obrazu banera będzie 2560 pikseli x 1440 pikseli. 
  • Obsługiwane formaty plików graficznych dla banera to JPG, JPEG, PNG i GIF. 
  • Maksymalna liczba obsługiwanych slajdów to 25 za każdy baner.
  • Zalecamy przesyłanie obrazów poziomych zamiast pionowych.
  • Dodaj tekst nad obrazami z pliku Tekst wzorca/slajdu pole. Nie przesyłaj obrazów zawierających tekst.


Edytuj slajd obrazu/tekstu 

  • Po kliknięciu pliku edit ikonę, zobaczysz szufladkę Slajdów Obraz/Tekst.


Dostępne tutaj opcje to: 

  1. 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.
  2. Obraz mobilny – Prześlij obraz baneru mobilnego. Zalecamy dodanie tutaj obrazów portretowych.
  3. Określ tekst alternatywny dla slajdu obrazu. Pomaga to w celach SEO.

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

  1. 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ż: Łączenie tekstu/przycisku.

Note

Cały slajd zostanie przekształcony w link tylko wtedy, gdy opcja Tekst baneru i przyciski będzie wybrana jako Różne dla każdego slajdu.

  1. Przycisk & Ikony
    • 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.
  1. Uderz w Zapisz aby zapisać zmiany.


  • 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, zostanie użyty tekst banera oraz przycisk 1 i 2.
  • Po wybraniu opcji Inne dla każdego slajdu zostanie użyty tekst i przyciski określone dla danego slajdu.


  • Wprowadź tekst banera, który będzie wspólny dla wszystkich slajdów.
    Zobacz także: Edytor tekstu Pixpa.

Przycisk i ikony 
  • Te przyciski/łącza pojawiają się nad slajdami banerów (wspólne dla wszystkich slajdów).
    Sprawdź również: Przycisk i linki.


2. Ustawienia

Na karcie Ustawienia banera dostępne są następujące opcje:


  1. Szerokość banera – Określ szerokość banera.
    • "Pełna szerokość' spowoduje wyświetlenie banera na całej szerokości bez pozostawiania marginesu.
    • "W pudełku' wyświetli baner, pozostawiając pewną ilość wypełnienia po prawej i lewej stronie ekranu.
    • "Szerokość witryny' można określić w Wnętrze Sekcja. Możesz tam określić stałą szerokość.
      Wyświetli baner, przestrzegając określonej stałej szerokości.
    • 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.
  1. 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.
  2. Wysokość mobilnego banera – Określ wysokość banera mobilnego.
Uwaga:

Jeżeli sekcja baneru zostanie dodana do strony, wówczas wysokość baneru zostanie odziedziczona z wysokości sekcji.


  1. Nagłówek – Wybierz styl nagłówka, który zostanie zastosowany nad banerem.
    • W przypadku wybrania Domyślnie, nagłówek będzie używał domyślnego stylu nagłówka strony internetowej, a baner zostanie umieszczony po nagłówku. Sprawdź a przykład na żywo.
    • W przypadku wybrania Przejrzyście , tło nagłówka zostanie ustawione jako przezroczyste, a elementy nagłówka będą białe. Baner zostanie umieszczony pod nagłówkiem. Sprawdź a przykład na żywo
  2. Elementy nagłówka - Jeśli masz Ustaw nagłówek jako przezroczysty, możesz wybrać kolor elementów nagłówka/menu:
    • W razie Domyślny kolor jest zaznaczona, kolor elementów nagłówka jest dziedziczony z Wnętrze 
    • W razie Określ kolor jest zaznaczona, możesz kliknąć i wybrać kolor elementów nagłówka.

Sprawdź również: Stylizowanie elementów nagłówka dowolnej strony.


  1. Widoczność – Ustaw widoczność banera.
  2. Stanowisko – Określ położenie banera.


  1. Pozycja zawartości – Określ położenie treści nad banerem.
  2. Szerokość treści – Określ szerokość treści banera.
  3. Kolor tła – Ustaw kolor tła dla banera.
  4. Kolor nakładki – Ustaw kolor nakładki dla banera.
  5. 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ą.
  6. Kolor nawigacji – Określ kolor elementów sterujących nawigacją na banerze.
  7. Margines zewnętrzny – Zastosuj zewnętrzny margines banera. Po zastosowaniu marginesu zewnętrznego na dole banera pojawia się wolne miejsce.
  8. Strzałka przewijania w dół – Wybierz tę opcję, aby wyświetlić strzałkę przewijania w dół nad banerem.


  1. pokaz slajdów - Wybierz Autoplay opcja włączenia pokazu slajdów dla banera.
  2. Szybkość pokazu slajdów – Określ prędkość pokazu slajdów (w sekundach).
  3. Przejście pokazu slajdów – Określ styl przejścia obrazu dla banera.
  4. Wreszcie, uderz w Zapisz przycisk.


  1. Wyrównać przycisk/linki być wyrównany do lewej, prawej lub wyśrodkowany.
  2. Określ Przestrzeń między Przycisk/Linki które zostały dodane.
  3. Określ Przestrzeń Nad Przycisk/Linki.
  4. Wybierz Efekt aktywowania dla przycisku/linków.

  1. Wybierz rozmiar normalnego przycisku które dodałeś w Przycisk/Linki
  2. Określ wysokość przycisku obrazu jeśli dodałeś link do obrazu w pliku Przycisk/Linki
  3. Określ rozmiar ikony przycisku jeśli dodałeś ikonę społecznościową w pliku Przycisk/Linki.  

Jeśli dodałeś ikonę społecznościową w przycisku/Linkach , to:

  1. Wybierz Typ ikony społecznościowej/Kształt.
  2. Wybierz Styl kolorów ikon społecznościowych.
    Jeśli wybrałeś Wybrany kolor opcja powyżej to:

    1. Określ Kolor ikony społecznościowej.
    2. Określ Kolor tła ikony społecznej.


3. Układ

Możesz łatwo zmienić układ banera. Dowiedz się więcej o układach banerów.


Nie możesz znaleźć tego, czego szukasz?

Skontaktuj się z Ekspertem Pixpa.

Pixpa Studio właśnie przeszło modernizację. Aktualizujemy obecnie wszystkie zrzuty ekranu z artykułów pomocy.