Instrukcja ustawiania niestandardowego tła witryny

Aby umieścić obraz tła na stronie, należy wykonać następujące kroki:

1. Przede wszystkim przygotuj obraz tła.

2. Przejdź do menedżera plików aplikacji "Witryna" i utwórz folder, w którym będziesz przesyłać dodatkowe obrazy (ikony, banery, tło):

Dodawanie folderu
Dodawanie folderu w menedżeru plików


3. Dodaj obraz i skopiuj jego adres:

Dodawanie pliku obraza tła
Dodawanie pliku obraza tła


4. W ustawieniach motywu projektu włącz user.css i wybierz "Tło witryny - szare":

Podłączenie pliku
Podłączenie pliku user.css


Wybór tła witryny
Wybór tła witryny jako szare


5. Dodaj poniższy kod do user.css:

Dodawanie kodu
Dodawanie kodu do pliku user.css


body.grey-bg {background:#FFFFFF url("/wa-data/public/site/img/bg-pattern.jpg") repeat;}
.mid-bar {background:none;}
.item-pg__bottom {background:none;}
.home-news {background:none;}

W kodzie zastąp część "/wa-data/public/site/img/bg-pattern.jpg" ścieżką obrazu, który przesłaliśmy za pomocą menedżera plików.

Gotowe!

Nie zalecamy używania kontrastujących obrazów jako tła.


Odpowiedzi na często zadawane pytania

Jak możemy ustawić tło tak, aby nie przewijało się podczas przewijania?
body.grey-bg {background:#FFFFFF url("/wa-data/public/site/pictures/bg-pattern.jpg") repeat fixed center top;}

Użyj tych parametrów.

Jaki jest optymalny rozmiar obrazu dla tła?

Nie ma optymalnego rozmiaru, wszystko jest indywidualne. Można umieścić powtarzający się background-pattern, który ma rozmiar 10px na 10px lub jak wariant, duży background-banner FullHD 1920px.



Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!