Baza wiedzy
Wypróbuj bezpłatnie
PL

Jak dodać baner na stronę?

W systemie CONREGO możesz dodać baner na stronę na kilka sposobów. Wybór odpowiedniej metody zależy przede wszystkim od tego, czy masz już gotową grafikę oraz jak baner ma wyglądać na komputerach, tabletach i telefonach.

1. Baner stworzony bezpośrednio w systemie.

Ten sposób sprawdzi się, jeśli nie masz przygotowanego przez grafika gotowego baneru. Baner-tlo

Aby dodać baner: Przejdź na STRONA > STYLISTYKA STRONY w panelu administracyjnym.

  1. Zmień kolor tła lub dodaj zdjęcie w tle

Wybierz grafikę, która będzie pełniła rolę tła - bez napisów. Dzięki temu cała kompozycja będzie dobrze wyglądać na różnych ekranach (telefon, tablet).

  1. Podmień logo wydarzenia
  2. Wpisz nazwę oraz datę wydarzenia

Taki baner będzie automatycznie dopasowywał się do różnych rozdzielczości.

2. Gotowy baner od grafika (z napisami i grafiką jako tło).

Jeśli masz przygotowany jeden baner jako plik graficzny (np. JPG/PNG), który ma zajmować całą szerokość i wysokość ekranu - użyj tej metody. Baner-z-napisami

Przejdź do STRONA > STYLISTYKA STRONY i wykonaj następujące kroki:

  1. Dodaj grafikę jako logo wydarzenia
  2. Ustaw maksymalną szerokość na 1920 px
  3. Ukryj pozostałe elementy baneru (np. tytuł wydarzenia)
  4. Dodaj poniższy kod w KONFIGURACJA > DLA DEWELOPERÓW > custom.css:
.bnr, .bnr img {
  padding: 0px;
  margin: 0px;
}

Dzięki temu baner będzie poprawnie wyświetlał się na wszystkich urządzeniach - zarówno komputerach, jak i telefonach.

3. Blok treści „Baner graficzny”

Jeśli masz gotowe 3 wersje baneru na desktop, tablet i mobile możesz użyć bloku treści Baner graficzny. Aby go dodać:

  1. Przejdź do sekcji STRONA > LISTA STRON.
  2. Kliknij ikonę edycji strony, na której chcesz umieścić baner.
  3. W panelu edycji treści dodaj nowy blok BANER GRAFICZNY.
  4. Dodaj grafiki i zapisz zmiany.

To rozwiązanie pozwala zachować czytelność napisów, właściwe proporcje oraz pełną kontrolę nad wyglądem baneru na każdym urządzeniu, bez konieczności dodawania własnego kodu CSS.

Masz pytanie do tej strony?

Zapytaj Claude lub ChatGPT - otworzymy czat z gotowym pytaniem (tytuł + adres strony).