Zmiany w WordPressie nie wyświetlają się na urządzeniach mobilnych? Często zadawane pytania i poprawki.

Dlaczego moje zmiany w WordPressie nie wyświetlają się na urządzeniach mobilnych?

Jeśli po wprowadzeniu zmian w witrynie WordPress nie wyświetlają się one na urządzeniach mobilnych, możesz sprawdzić kilka rzeczy.

W niektórych przypadkach zmiany mogą być ukryte na urządzeniach mobilnych ze względów projektowych.

Jeśli jednak masz pewność, że Twoje zmiany powinny pojawiać się na urządzeniach mobilnych, a tak nie jest, możesz zrobić kilka rzeczy, aby rozwiązać ten problem.

Upewnij się, że Twój motyw WordPress jest responsywny.

Motyw responsywny automatycznie dostosuje swój układ w zależności od rozmiaru urządzenia, na którym jest wyświetlany.

Jeśli Twój motyw nie jest responsywny, Twoje zmiany mogą nie pojawiać się na urządzeniach mobilnych. Możesz sprawdzić responsywność, wyświetlając swoją witrynę na urządzeniu mobilnym.

Upewnij się również, że Twoje zmiany nie są ukryte przed urządzeniami mobilnymi ze względów projektowych.

Aby sprawdzić, czy tak jest, możesz zmienić opcję „Opcje ekranu” na pulpicie WordPress lub spróbować wyświetlić witrynę w innej przeglądarce (np. Chrome lub Firefox), co może dać dostęp do opcji, które w przeciwnym razie są ukryte.

Wtyczki.

Jeśli zmiany pojawią się w innej przeglądarce, przyczyną problemu może być wtyczka.

Jeśli Twój motyw jest responsywny i sprawdziłeś wszystkie jego ustawienia, spróbuj dezaktywować wszystkie wtyczki, a następnie reaktywować je pojedynczo, aby sprawdzić, która wtyczka może powodować konflikt.

Możesz także utworzyć nową witrynę WordPress z tym samym motywem, aby sprawdzić, czy zmiany nadal się pojawiają. Jeśli tak, problem prawdopodobnie dotyczy wtyczki.

Jeśli po wypróbowaniu wszystkich tych kroków rozwiązywania problemów zmiany nadal nie pojawiają się na urządzeniach mobilnych, skontaktuj się z dostawcą usług hostingowych lub programistą WordPress, aby uzyskać pomoc.

Mogą pomóc zidentyfikować źródło problemu i go naprawić.

Jak zaktualizować moją witrynę mobilną na WordPress?

Aktualizacja witryny mobilnej na WordPressie może być w rzeczywistości bardzo prostym procesem, jednak tylko wtedy, gdy znasz PHP i swobodnie z nim pracujesz.

Jeśli nie, skontaktuj się z twórcą motywu i poproś o pomoc.

Ale jeśli znasz PHP, wszystko, co musisz zrobić, to wykonać następujące kroki:

1. Zaloguj się do swojego pulpitu WordPress.

2. Kliknij menu „Wygląd”, a następnie wybierz „Edytor”.

3. Na ekranie edytora wybierz plik „header.php” z listy po prawej stronie.

4. Edytuj plik i dodaj na początku następujący fragment kodu:

<?php if (is_mobile()) { ?>

<link rel=”stylesheet” href=”http://www.twojadomena.com/wp-content/mu-plugins/mobile_stylesheet.css” type=”text/css” media=”ekran i (max-device-width : 480 pikseli)”/>

<?php } ?>

5. Odśwież witrynę komórkową lub po prostu skopiuj nowy link do przeglądarki telefonu, aby sprawdzić, czy działa zgodnie z oczekiwaniami.

6. Na koniec zapisz zmiany i prześlij je na serwer za pomocą FTP lub innej metody, której zwykle używasz do aktualizacji plików na serwerze WWW.

Dlaczego moja witryna wygląda inaczej na urządzeniach mobilnych?

Istnieje kilka powodów, dla których Twoja witryna wygląda inaczej na urządzeniach mobilnych. Spróbujmy je rozwiązać.

Po pierwsze, ważne jest, aby zrozumieć, że nie wszystkie strony internetowe są sobie równe. Strony internetowe są projektowane w różny sposób, mają różną treść i są przeglądane na różnych urządzeniach.

Wszystkie te czynniki mogą mieć wpływ na to, co widzisz, gdy przeglądasz swoją witrynę na urządzeniach mobilnych.

Istnieje również możliwość, że Twoja witryna nie wyświetla się poprawnie na niektórych lub wszystkich urządzeniach mobilnych.

Wiele przeglądarek internetowych używa wbudowanego formatowania w swoich witrynach, ale czasami nie udostępniają tego formatowania ani tych funkcji innym witrynom.

Przyjrzyjmy się najczęstszym przyczynom, dla których Twoja witryna może wyglądać inaczej na urządzeniach mobilnych, i zobaczmy, co możesz z tym zrobić.

Optymalizacja mobilna.

Czy wiesz, czy Twoja strona internetowa ma wersję mobilną? Podczas gdy coraz więcej stron internetowych przechodzi na układy responsywne, nie każda strona jest sobie taka sama. Jeden rozmiar z pewnością nie pasuje do wszystkich.

Responsywne układy są zoptymalizowane pod kątem wyświetlania na dowolnym rozmiarze ekranu. Jeśli Twoja witryna ma układ mobilny, automatycznie pojawi się na urządzeniach mobilnych, aby najlepiej pasowała do rozmiaru ekranu tego urządzenia (nie jest wymagane żadne działanie).

Jeśli nie masz pewności, czy Twoja witryna ma wersję mobilną, skontaktuj się z programistą lub firmą hostingową, aby sprawdzić, czy została utworzona. Jeśli nie, nadszedł czas, aby rozważyć projekt responsywny.

Nie wszystkie przeglądarki obsługują projektowanie responsywne.

Jak wspomniałem wcześniej, nie wszystkie przeglądarki obsługują responsywne układy projektowe. Niektóre będą wyświetlać Twoją witrynę w formie na komputerze, niezależnie od urządzenia, z którego korzystasz.

Dzieje się tak, ponieważ przeglądarka próbuje wyświetlić stronę internetową tak, jak została zaprojektowana, nie biorąc pod uwagę rozmiaru ekranu.

Jest kilka sposobów na obejście tego:

1) Użyj zapytań o media.

Zapytania o media umożliwiają zmianę wyglądu witryny w zależności od rozmiaru ekranu. Możesz kierować reklamy na różne urządzenia lub ustawić maksymalną szerokość witryny.

W tym celu musisz znać trochę CSS i lub PHP w zależności od motywu.

Wiele forów pomocy dla motywów może pomóc w rozwiązaniu tego typu problemów. Jednym z nich jest GeneratePress.

Uwierz mi, jeśli masz ten problem, ktoś inny miał ten problem wcześniej.

2) Możesz użyć Google Viewport Resizer – Responsive Testing Tool lub użyć wtyczki takiej jak WPtouch.

Pomogą one zmienić wygląd Twojej witryny na urządzeniach mobilnych bez konieczności kodowania.

3) Użyj motywu, który jest responsywny lub ma układ mobilny.

Jeśli nie masz pewności, czy Twój motyw jest responsywny, sprawdź witrynę programisty lub skontaktuj się z nim, aby sprawdzić, czy jest dostępny.

4) Wytyczne projektowania mobilnego.

Istnieją wskazówki, których możesz użyć, aby upewnić się, że Twoja witryna wyświetla się poprawnie w przeglądarkach mobilnych, w tym rozmiar elementów treści, sposób wyświetlania obrazów itp.

Jest to ważny krok, aby Twoja witryna wyglądała dobrze i działała dobrze dla wszystkich użytkowników – komputerów stacjonarnych lub urządzeń mobilnych!

Oficjalna strona aplikacji mobilnych WordPress zawiera również wiele wskazówek dotyczących tworzenia mobilnej wersji witryny (jeśli jej nie masz).

Jak sprawić, by moja witryna WordPress była przyjazna dla urządzeń mobilnych?

Odpowiedź znowu jest taka, że ​​zależy to od twojego motywu WordPress.

Większość motywów WordPress jest po wyjęciu z pudełka przyjazna dla urządzeń mobilnych, ale jest kilka wyjątków.

Jeśli Twój motyw nie jest przyjazny dla urządzeń mobilnych, będziesz musiał użyć wtyczki lub wprowadzić pewne zmiany w swoim motywie.

Po pierwsze, usuńmy oczywistą część: Twoja witryna WordPress powinna być hostowana na szybkim i niezawodnym dostawcy hostingu.

Jeśli Twoja witryna działa wolno lub nie odpowiada, Google obniży Twoje rankingi. Oznacza to, że nawet jeśli Twoja witryna wygląda dobrze na urządzeniach mobilnych, nie ma to znaczenia.

Wielu dostawców hostingu WordPress nie zgłasza czasu odpowiedzi dla swoich wspólnych planów hostingowych.

Ale jeśli hostujesz swoją witrynę w innym miejscu, wtyczka Pingdom Tools jest dobrym sposobem na sprawdzenie, jak szybko ładuje się Twoja strona.

Drugą rzeczą, która wpływa na przyjazność dla urządzeń mobilnych, jest rozmiar Twoich obrazów. Jeśli masz duże, ciężkie obrazy, Google nie będzie w stanie wyświetlić ich na urządzeniu mobilnym.

Jeśli Twoja strona ładuje się zbyt długo, nawet przy szybkim połączeniu, Google obniży Twoje rankingi.

Rozwiązanie jest proste: użyj wtyczki TinyPNG WordPress. Wtyczka zmniejsza rozmiar wszystkich obrazów, optymalizując je za pomocą usługi opartej na chmurze TinyPNG. Wtyczka kompresuje obrazy JPEG, PNG i GIF.

Po zoptymalizowaniu wszystkich obrazów za pomocą TinyPNG musisz sprawdzić strony w teście przyjaznym dla urządzeń mobilnych Google.

Możesz także użyć urządzenia mobilnego lub emulatora mobilnego, aby zobaczyć, jak wygląda na różnych urządzeniach. Jeśli coś nie wygląda dobrze, możesz dokonać niezbędnych zmian.

Jeśli Twoja witryna nadal nie jest przyjazna dla urządzeń mobilnych, musisz uzyskać responsywny motyw WordPress.

Motyw responsywny automatycznie dostosuje rozmiar i układ witryny w zależności od używanego urządzenia.

Dostępnych jest wiele responsywnych motywów, ale moim ulubionym jest GeneratePress Framework od Toma Usborne'a.

Jest to lekki motyw z wieloma funkcjami. Nie zawiera wszystkich wzdęć i bezużytecznych opcji, które można znaleźć w większości motywów. Zamiast tego skupia się na tym, aby Twoja witryna była responsywna i szybka.

Najlepsze w tym motywie jest to, że można go całkowicie dostosować za pomocą narzędzia WordPress Customizer. Możesz zaprojektować własny motyw bez pisania ani jednej linii kodu.

Motyw można również łatwo rozszerzyć za pomocą bezpłatnych i płatnych wtyczek WordPress. Zainstalowałem na tej stronie kilka wtyczek, które dodają dodatkową funkcjonalność, ale nie musisz niczego instalować, jeśli tego nie potrzebujesz.

Jeśli używasz innego motywu, zapoznaj się z przewodnikiem Google dotyczącym dostosowania motywu do urządzeń mobilnych.

Poradnik zawiera kilka sekcji, które należy wypełnić. Na przykład, jeśli używasz zaawansowanego motywu, będzie on zawierał obszary widżetów, które musisz sprawdzić.

Jeśli Twoja witryna nie jest przyjazna dla urządzeń mobilnych, Google może ukarać Twoje rankingi, a nawet usunąć całą witrynę.

Upewnij się, że Twoja witryna wygląda i działa świetnie na wszystkich urządzeniach.

Zmiany WordPress nie są wyświetlane na urządzeniach mobilnych. Streszczenie.

Oczywiste jest, że zespół WordPressa starał się przekonywać użytkowników do bardziej przyjaznego dla urządzeń mobilnych środowiska z każdą aktualizacją, a z czasem będzie to coraz bardziej.

Najnowsze aktualizacje zostały wydane ze zwiększonym wysiłkiem, aby ułatwić użytkownikom telefonów i tabletów poruszanie się po Twojej witrynie, zapewniając im szybki dostęp do najczęściej oglądanych treści.

Wniosek z tego wpisu na blogu jest taki, że nawet jeśli zaktualizujesz swoją witrynę WordPress, zmiany nie zawsze będą widoczne na urządzeniu mobilnym lub od razu.

Ważne jest, aby upewnić się, że przy wyborze motywu witryny lub nawet projektu strony internetowej brane są pod uwagę wszystkie urządzenia, ponieważ istnieje wiele różnych osób o różnych preferencjach oglądania treści.

Dlatego zawsze wybieraj motyw, który jest responsywny i zaprojektowany tak, aby działał dobrze ze wszystkimi urządzeniami, w tym mobilnymi, takimi jak GeneratePress!