Od października 2026 każda witryna hPage jest automatycznie przyjazna urządzeniom mobilnym: wszystkie szablony mają układ mobilny i nie trzeba niczego konfigurować. Dawne ustawienie Wygląd mobilny już nie istnieje.
Jak działa układ mobilny
- Na telefonach i tabletach Twoja witryna wyświetla się w jednej kolumnie: nagłówek, menu i treść jedno pod drugim. Menu chowa się za nagłówkiem menu Twojego szablonu i rozwija się po dotknięciu.
- Treść, kolory i czcionki są takie same jak na komputerze. Strony edytujesz tylko raz; nie ma osobnej treści mobilnej, o którą trzeba dbać.
- Zdjęcia, filmy i tabele są pomniejszane do szerokości ekranu. Szerokie tabele o stałej szerokości można przewijać w poziomie.
- Układ mobilny obowiązuje na ekranach dotykowych węższych niż Twój szablon oraz na każdym ekranie węższym niż 1024 piksele. Na laptopie z myszą i węższym oknem przeglądarki nadal wyświetla się układ komputerowy.
Sprawdź witrynę na telefonie
- Kliknij Odwiedź witrynę na pasku bocznym, aby zobaczyć adres swojej witryny, i otwórz ten adres w przeglądarce telefonu.
- Bez telefonu: otwórz witrynę na komputerze i zwęź okno przeglądarki poniżej 1024 pikseli. Witryna przełączy się na układ mobilny.
- Jeśli telefon nadal pokazuje starą wersję, odśwież stronę. Przeglądarki mobilne przez pewien czas przechowują strony w pamięci podręcznej.
Wskazówki dotyczące obrazów
- Nie musisz zmieniać rozmiaru obrazów dla urządzeń mobilnych: są pomniejszane automatycznie i zachowują proporcje.
- Dbaj o mały rozmiar plików, aby strony szybko ładowały się przy połączeniu komórkowym. Pomaga w tym kompresja obrazów podczas przesyłania plików.
- Nie umieszczaj ważnego tekstu na obrazach: na małym ekranie trudno go odczytać. Zamiast tego napisz go jako zwykły tekst.
- Obrazy opływane tekstem z lewej lub prawej strony są na urządzeniach mobilnych wyświetlane węziej, aby obok nich nadal zmieścił się tekst.
Wskazówki dotyczące tekstów i tabel
- Pisz krótkie akapity i używaj nagłówków; długie bloki tekstu trudno czyta się na telefonie.
- Unikaj stałych szerokości we własnym kodzie HTML (na przykład
width="800"); używaj wartości procentowych lub w ogóle nie podawaj szerokości. - Wybieraj tabele o szerokości 100% lub bez podanej szerokości. Tabelę o stałej szerokości na urządzeniach mobilnych przewija się w poziomie.
- Bardzo długie słowa i adresy internetowe są łamane na krawędzi ekranu; spacja lub łącznik daje przeglądarce lepsze miejsce do podziału.