1. Strona główna
  2. Pomoc
  3. Jak ustawić Media Queries dla sekcji

Jak ustawić Media Queries dla sekcji

Dostępne w planach:

Wszystkie strony zbudowane w kreatorze Najszybsza są automatycznie responsywne. Oznacza to, że dostosowują się same do ekranu, na którym są wyświetlane. Nie musisz tworzyć osobnej wersji na telefony, ponieważ struktura strony jest zbudowana według zasad responsywności, czyli RWD (ang. Responsive Web Design). To sprawia, że na przykład siatki produktów pokazują się na telefonach w kolumnach, a na komputerach w rzędach. Na telefonach wyświetlana jest mniejsza czcionka, zmienione są odpowiednio marginesy stron dla różnych urządzeń, pobierane są lżejsze mniejsze wersje grafik, a nawigacja witryny jest zwijana.

Twoja strona jest automatycznie responsywna i wyświetla się świetnie na każdym urządzeniu.

Zaawansowane Funkcje Responsywności: Media Queries

W wyjątkowych sytuacjach możesz potrzebować zaawansowanej funkcjonalności związanej z responsywnością. Są to zapytania o media, czyli Media Queries. Pozwalają one dodatkowo sprecyzować, czy zaprojektowana sekcja ma się pojawiać na wszystkich urządzeniach (domyślnie), tylko na telefonach, czy tylko na komputerach. Dzięki temu możesz zaprojektować dwie sekcje i pokazywać jedną tylko na telefonach, a drugą tylko na komputerach. Takie rozwiązanie może być przydatne, gdy na przykład chcesz pokazać inną sekcję dla użytkowników mobilnych.

Jak ustawić Media Queries dla sekcji

1. Wejdź do kreatora i przejdź do strony z sekcją, którą chcesz zmienić.

2. Kliknij w sekcję i przejdź do jej ustawień w zakładce META > Media Queries dla sekcji.

ustawienia sekcji media queries
ustawienia sekcji media queries<br>

3. Wybierz odpowiednią opcję:

  • Domyślnym ustawieniem jest "Sekcja wyświetlana na wszystkich ekranach". Projektujesz jedną sekcję i jest ona responsywna i wyświetlana na wszystkich szerokościach ekranów.
  • Sekcja wyświetlana tylko na telefonach i małych tabletach (do 768px). Wybierz tę opcję, jeśli chcesz, aby sekcja była widoczna tylko na mniejszych urządzeniach. Przykład: wyświetlenie uproszczonego układu, innej grafiki.
  • Sekcja wyświetlana tylko na komputerach, laptopach i dużych tabletach (od 769px). Wybierz tę opcję, aby sekcja była widoczna tylko na większych ekranach. Przykład: wyświetlenie bardziej szczegółowych treści lub większych obrazów w tle.

Pamiętaj, że jeżeli ustawisz wyświetlanie sekcji tylko na telefonach, dobrze jest zaprojektować jej odpowiednik na komputery. Wyjątkiem są sytuacje, gdy chcesz pokazać coś wyłącznie użytkownikom mobilnym, wtedy nie musisz tworzyć odpowiednika na większe ekrany.

Media Queries w kreatorze Najszybsza pozwalają na bardziej elastyczne i przemyślane projektowanie, masz lepszą kontrolę nad tym, jak Twoja strona wygląda i działa na różnych urządzeniach.

Ostatnia aktualizacja: 2024-07-17

Jak możemy Ci pomóc?

Zajrzyj do Centrum Pomocy ze wskazówkami jak zaprojektować i skonfigurować stronę.

Możesz zlecić nam stworzenie strony lub sklepu w atrakcyjnej cenie.

Skontaktuj się z nami. Zapewniamy profesjonalną i szybką pomoc techniczną.


© 2020-2024 Strona zbudowana i hostowana w Najszybsza.pl

Prywatność

Korzystając z naszej witryny zgadzasz się na stosowanie przez nas cookies. Używamy niezbędnych cookies oraz opcjonalnych.

Polityka prywatności