Otagowano: responsywność
- Ten temat ostatnio został zaktualizowany 3 tygodnie, 2 dni temu przez Gabriela Kurowska.
- AutorWpisy
- 05/10/2024 o 23:56 #118358Elwira Kowal-BudziakUczestniczka
Mam motyw Blocksy.
Strona ogólnie dobrze się wyświetla na telefonie, ale czasem zdarza się jakiś problem, ale chyba w zależności od telefonu, z którego się korzysta (?)
Przykład:
W menu miałam logo, wyzwalacz, koszyk, konto i szukaj. Na moim telefonie wszystko się dobrze wyświetlało obok siebie. Sprawdziłam na telefonie córki i u niej logo nachodziło na wyzwalacz. Jak wykasowałam “szukaj” to już się dobrze wyświetla. Pole “szukaj” nie było tam istotne, więc je usunęłam.Ale teraz zauważyłam taki przykład:
Na stronie O mnie mam blok “Moje wykształcenie, doświadczenie, umiejętności”. U mnie na telefonie wyświetla się to tak:
Moje wykształcenie,
doświadczenie,
umiejętnościA u córki:
Moje wykształcenie
, doświadczenie,
umiejętnościJak w edycji strony zmieniam widok z komputera na telefon, to u mnie na telefonie wyświetla się inaczej (szerzej) niż na tym co pokazuje mi się na komputerze (nie wiem czy zrozumiale opisałam o co mi chodzi).
Dlaczego tak się dzieje? Skąd mogę wiedzieć, że u kogoś na telefonie będzie się źle wyświetlało? Ja i córka mamy tą samą markę telefonu, jedynie model inny.
08/10/2024 o 15:20 #118607Gabriela KurowskaModeratorkaMimo że Ty i Twoja córka macie telefony tej samej marki, różne modele mogą mieć inne rozdzielczości ekranu, co wpływa na to, jak strona się wyświetla. Na jednym telefonie elementy mogą się mieścić obok siebie, a na innym – mogą nachodzić na siebie lub układać się w inny sposób.
Czasami zbyt duże logo może powodować, że inne elementy menu się nie mieszczą. W zakładce wygląd > dostosuj możesz ustawić mniejsze logo tylko dla wersji mobilnej. Możesz też zmniejszyć inne elementy, lub inaczej zaplanować jak strona ma wyglądać w wersji mobilnej aby nadal była użyteczna, a wyświetlała się lepiej.
Przeglądarka Chrome ma taką opcję w narzędziach dla developerów, że możesz sprawdzić jak strona wygląda na różnych rozdzielczościach, a następnie trzeba odpowiednie zmiany wprowadzić na samej stronie.
08/10/2024 o 23:40 #118615Elwira Kowal-BudziakUczestniczkaHm, ja czasem robiłam inne ustawienia dla wersji mobilnej, ale patrzyłam jak to wygląda u mnie. Czyli dobrze sprawdzać na różnych telefonach czy się dobrze wyświetla?
10/10/2024 o 10:59 #118621Gabriela KurowskaModeratorkaJak ktoś ma inną rozdzielczość to może mu się to inaczej wyświetlać, zawsze warto sprawdzać, ewentualnie np. zmniejszyć niekóre dłuższe nagłówki by lepiej wyglądały na innych urządzeniach.
10/10/2024 o 23:53 #118628Elwira Kowal-BudziakUczestniczkaOk, dziękuję. Będę sprawdzać na różnych urządzeniach i robić poprawki w razie konieczności.
16/10/2024 o 09:24 #118671Gabriela KurowskaModeratorkaSuper, jak coś dawaj znać 🙂
- AutorWpisy
- UWAGA! Forum tylko dla studentek i studentów Interaktywnej Akademii WordPressa Musisz się zalogować by odpowiedzieć w tym temacie.