Modificările WordPress nu se afișează pe mobil? Întrebări frecvente și remedieri.

De ce modificările mele WordPress nu se afișează pe mobil?

Dacă ați făcut modificări site-ului dvs. WordPress și acestea nu apar pe mobil, există câteva lucruri pe care le puteți verifica.

În unele cazuri, modificările dvs. pot fi ascunse vizualizării pe dispozitivele mobile din motive de design.

Cu toate acestea, dacă sunteți sigur că modificările dvs. ar trebui să apară pe dispozitivele mobile și nu apar, există câteva lucruri pe care le puteți face pentru a remedia problema.

Asigurați-vă că tema dvs. WordPress este receptivă.

O temă receptivă își va ajusta automat aspectul în funcție de dimensiunea dispozitivului pe care este vizualizată.

Dacă tema dvs. nu răspunde, este posibil ca modificările dvs. să nu apară pe dispozitivele mobile. Puteți verifica capacitatea de răspuns vizualizând site-ul dvs. pe un dispozitiv mobil.

De asemenea, asigurați-vă că modificările dvs. nu sunt ascunse de dispozitivele mobile din motive de design.

Pentru a vedea dacă acesta este cazul, puteți fie să schimbați opțiunea „Opțiuni ecran” din tabloul de bord WordPress, fie să încercați să vizualizați site-ul într-un browser diferit (cum ar fi Chrome sau Firefox), care poate oferi acces la opțiuni care altfel ar fi ascunse.

Pluginuri.

Dacă modificările apar în celălalt browser, este posibil să existe un plugin care cauzează o problemă.

Dacă tema dvs. răspunde și i-ați verificat toate setările, încercați să dezactivați toate pluginurile și apoi să le reactivați pe rând pentru a verifica ce plugin poate cauza conflictul.

De asemenea, puteți crea un nou site WordPress cu aceeași temă pentru a vedea dacă modificările apar în continuare. Dacă o fac, atunci problema este probabil cu un plugin.

Dacă ați încercat toți acești pași de depanare și modificările dvs. încă nu apar pe dispozitivele mobile, contactați furnizorul dvs. de găzduire sau dezvoltatorul WordPress pentru asistență.

Aceștia pot ajuta la identificarea sursei problemei și la corectarea acesteia.

Cum îmi actualizez site-ul mobil pe WordPress?

Actualizarea site-ului dvs. mobil pe WordPress poate fi de fapt un proces foarte simplu, totuși, numai dacă cunoașteți PHP și vă simțiți confortabil să lucrați cu el.

Dacă nu, contactați dezvoltatorul temei și cereți-i ajutorul.

Dar dacă cunoașteți PHP, atunci tot ce trebuie să faceți este să urmați acești pași:

1. Conectați-vă la tabloul de bord WordPress.

2. Faceți clic pe meniul „Aspect” și apoi selectați „Editor”.

3. Din ecranul editorului, selectați fișierul „header.php” din lista din partea dreaptă.

4. Editați fișierul și adăugați următorul fragment de cod în partea de sus a acestuia:

<?php dacă (este_mobil()) { ?>

<link rel="stylesheet” href="http://www.yourdomain.com/wp-content/mu-plugins/mobile_stylesheet.css” type="text/css” media="ecran și (max-device-width : 480px)”/>

<?php } ?>

5. Reîmprospătați site-ul mobil sau doar copiați noul link în browserul telefonului pentru a verifica dacă funcționează conform așteptărilor.

6. În cele din urmă, salvați modificările și încărcați-le pe server folosind FTP sau orice metodă pe care o utilizați de obicei pentru a actualiza fișierele de pe serverul dvs. web.

De ce site-ul meu arată diferit pe mobil?

Există câteva motive pentru care site-ul dvs. web arată diferit pe mobil, să încercăm să le remediam.

În primul rând, este important să înțelegeți că nu toate site-urile web sunt create la fel. Site-urile web sunt proiectate în moduri diferite, au conținut diferit și sunt vizualizate pe dispozitive diferite.

Toți acești factori pot juca un rol în ceea ce vezi când vezi site-ul tău pe mobil.

Există, de asemenea, posibilitatea ca site-ul dvs. să nu fie afișat corect pe unele sau pe toate dispozitivele mobile.

Multe browsere web folosesc formatare încorporată pentru site-urile lor, dar uneori nu oferă acea formatare sau acele caracteristici altor site-uri.

Să trecem prin câteva dintre cele mai comune motive pentru care site-ul dvs. poate arăta diferit pe mobil și ce puteți face în acest sens.

Optimizare mobilă.

Știți dacă site-ul dvs. are o versiune mobilă? În timp ce tot mai multe site-uri web trec la aspecte receptive, nu toate site-urile sunt create la fel. O mărime cu siguranță nu se potrivește tuturor.

Aspectele receptive sunt optimizate pentru afișare pe orice dimensiune de ecran. Dacă site-ul dvs. are un aspect mobil, acesta va apărea automat pe dispozitivele mobile pentru a se potrivi cel mai bine cu dimensiunea ecranului dispozitivului respectiv (nu este necesară nicio acțiune).

Dacă nu sunteți sigur dacă site-ul dvs. are o versiune mobilă, consultați dezvoltatorul sau compania de găzduire pentru a vedea dacă a fost creat. Dacă nu, este timpul să luați în considerare un design responsive.

Nu toate browserele acceptă design responsive.

După cum am menționat mai devreme, nu toate browserele acceptă layout-uri de design responsive. Unele vă vor afișa site-ul web în forma sa desktop, indiferent de dispozitivul pe care îl utilizați.

Acest lucru se datorează faptului că browserul încearcă să afișeze site-ul web așa cum a fost conceput, fără a ține cont de dimensiunea ecranului.

Există câteva moduri de a rezolva acest lucru:

1) Folosiți interogări media.

Interogările media vă permit să schimbați modul în care arată site-ul dvs. în funcție de dimensiunea ecranului. Puteți viza diferite dispozitive sau puteți seta o lățime maximă pentru site-ul dvs.

Pentru aceasta, va trebui să cunoașteți ceva CSS și/sau PHP, în funcție de tema dvs.

Multe forumuri de asistență tematică vă pot ajuta să vă ghidați prin probleme de genul acesta. GeneratePress este unul dintre ele.

Crede-mă, dacă ai această problemă, altcineva a mai avut această problemă.

2) Puteți utiliza Viewport Resizer – Instrument de testare responsive de la Google sau puteți utiliza un plugin precum WPtouch.

Acestea vă vor ajuta să schimbați modul în care arată site-ul dvs. pentru dispozitivele mobile, fără a fi nevoie să faceți nicio codificare.

3) Utilizați o temă care este receptivă sau are un aspect mobil.

Dacă nu sunteți sigur dacă tema dvs. este receptivă, verificați site-ul web al dezvoltatorului sau contactați-i pentru a vedea dacă este disponibilă.

4) Ghid de proiectare mobil.

Există reguli pe care le puteți folosi pentru a vă asigura că site-ul dvs. este afișat corect pe browserele mobile, inclusiv dimensiunea elementelor de conținut, modul în care afișează imaginile etc.

Acesta este un pas important pentru a vă asigura că site-ul dvs. arată bine și funcționează bine pentru toți utilizatorii – desktop sau mobil!

Pagina oficială de aplicații mobile WordPress are, de asemenea, o mulțime de sfaturi pentru a crea o versiune mobilă a site-ului dvs. (dacă nu aveți una).

Cum îmi fac site-ul WordPress prietenos pentru dispozitive mobile?

Răspunsul este din nou că depinde de tema dvs. WordPress.

Majoritatea temelor WordPress sunt compatibile cu dispozitivele mobile din cutie, dar există câteva excepții.

Dacă tema dvs. nu este compatibilă cu dispozitivele mobile, atunci va trebui să utilizați un plugin sau să faceți unele modificări temei.

În primul rând, să eliminăm partea evidentă: site-ul dvs. WordPress ar trebui să fie găzduit pe un furnizor de găzduire rapid și de încredere.

Dacă site-ul dvs. este lent sau nu răspunde, atunci Google vă va reduce clasamentul. Aceasta înseamnă că, chiar dacă site-ul tău arată bine pe dispozitivele mobile, nu contează.

Mulți furnizori de găzduire WordPress nu raportează timpul de răspuns pentru planurile lor de găzduire partajată.

Dar dacă găzduiești site-ul în altă parte, atunci pluginul Pingdom Tools este o modalitate bună de a vedea cât de repede se încarcă pagina ta.

Al doilea lucru care afectează compatibilitatea cu dispozitivele mobile este dimensiunea imaginilor tale. Dacă aveți imagini mari și grele, atunci Google nu le va putea afișa pe un dispozitiv mobil.

Dacă pagina ta durează prea mult să se încarce chiar și pe o conexiune rapidă, atunci Google îți va reduce clasamentul.

Soluția este simplă: utilizați pluginul TinyPNG WordPress. Pluginul reduce dimensiunea tuturor imaginilor dvs. optimizându-le cu serviciul TinyPNG bazat pe cloud. Pluginul comprimă imagini JPEG, PNG și GIF.

Când ți-ai optimizat toate imaginile cu TinyPNG, trebuie să verifici paginile în testul Google de compatibilitate cu dispozitivele mobile.

De asemenea, puteți utiliza dispozitivul mobil sau un emulator mobil pentru a vedea cum arată pe diferite dispozitive. Dacă ceva nu arată bine, atunci puteți face modificările necesare.

Dacă site-ul dvs. încă nu este compatibil cu dispozitivele mobile, atunci trebuie să vă obțineți o temă WordPress receptivă.

O temă receptivă va ajusta automat dimensiunea și aspectul site-ului dvs. web în funcție de dispozitivul care este utilizat.

Există o mulțime de teme receptive disponibile, dar preferatul meu personal este GeneratePress Framework de la Tom Usborne.

Este o temă ușoară, cu o mulțime de caracteristici. Nu vine cu toate opțiunile umflate și inutile pe care le găsiți în majoritatea temelor. În schimb, se concentrează pe a face site-ul dvs. receptiv și rapid.

Cea mai bună parte a acestei teme este că este complet personalizabilă prin intermediul WordPress Customizer. Vă puteți crea propria temă fără a scrie o singură linie de cod.

Tema este, de asemenea, ușor de extins cu pluginuri WordPress gratuite și plătite. Am instalat mai multe plugin-uri pe acest site care adaugă funcționalitate suplimentară, dar nu trebuie să instalați nimic dacă nu aveți nevoie.

Dacă utilizați o temă diferită, atunci ar trebui să consultați ghidul Google pentru a vă adapta tema pentru dispozitive mobile.

Ghidul are mai multe secțiuni care trebuie completate. De exemplu, dacă utilizați o temă avansată, aceasta va avea zone widget pe care trebuie să le verificați.

Dacă site-ul dvs. nu este compatibil cu dispozitivele mobile, Google vă poate penaliza clasamentele sau chiar vă poate distruge întregul site.

Este important să vă asigurați că site-ul dvs. arată și funcționează excelent pe toate dispozitivele.

Modificările WordPress nu se afișează pe mobil. Rezumat.

Este clar că echipa WordPress a încercat să împingă utilizatorii într-o experiență mai prietenoasă cu dispozitivele mobile cu fiecare actualizare și va fi mai mult pe măsură ce timpul trece.

Cele mai recente actualizări au fost lansate cu un efort sporit de a facilita navigarea pe site-ul dvs. pentru utilizatorii de pe telefoane și tablete, oferindu-le acces rapid la conținutul dvs. cel mai vizionat.

Concluzia acestei postări de blog este că, chiar dacă vă actualizați site-ul WordPress, modificările nu vor apărea întotdeauna pe mobil sau imediat.

Este important să vă asigurați că toate dispozitivele sunt luate în considerare atunci când alegeți o temă de site sau chiar un design de pagină web, deoarece există multe persoane diferite cu multe preferințe diferite pentru vizualizarea conținutului.

Prin urmare, obțineți-vă întotdeauna o temă care să răspundă și concepută să funcționeze bine cu toate dispozitivele, inclusiv pe mobil, cum ar fi GeneratePress!