Cum să ascundeți bara laterală pentru dispozitivele mobile în WordPress
Dacă citiți asta, probabil v-ați dat seama că nu este necesar să aveți o bară laterală pe dispozitivele mobile. Această zonă S vă învață cum să ascundeți bara laterală pentru mobil în WordPress.
Pentru majoritatea temelor WordPress, atunci când adăugați widget-uri din bara laterală – destinate în principal pentru ecrane mai mari – aceste widget-uri din bara laterală sunt afișate și pe dispozitivele mobile.
În primul rând, pe un dispozitiv mobil, o bară laterală nu mai este o bară laterală, ci mai mult o bară de jos. În plus, pe dispozitivele mobile, barele laterale se afișează după postarea principală - învingând scopul de a le avea.
nota 5 rădăcină verizon
În plus, a avea bare laterale inutile pe dispozitivele mobile poate contribui la încetinirea timpilor de încărcare pe aceste dispozitive.
Unele teme WordPress pot avea opțiunea de a personaliza barele laterale în funcție de dispozitive. Dacă tema dvs. oferă această caracteristică, vă rugăm să o utilizați.
Cu toate acestea, dacă tema dvs. nu oferă această opțiune, utilizați pașii din acest ghid pentru a ascunde bara laterală pe dispozitivele mobile.
Unii dintre pașii din acest ghid necesită abilități de bază CSS. Cu toate acestea, chiar dacă nu știți nimic despre CSS și foile de stil, vă voi prezenta pas cu pas.
Iată pașii de nivel înalt pentru a ascunde bara laterală pentru dispozitivele mobile în WordPress:
- Găsiți ID-ul div din bara laterală pentru tema dvs
- Adăugați CSS care ascunde bara laterală de pe dispozitivele mobile
- Ștergeți memoria cache și testați
Răsfoiți subiectele postărilor
- Găsiți ID-ul DIV din bara laterală pentru tema dvs
- Adăugați CSS care ascunde bara laterală pentru dispozitivele mobile în WordPress
- Ștergeți memoria cache și testați
Găsiți ID-ul DIV din bara laterală pentru tema dvs
Ascunderea barei laterale pe dispozitivele mobile în WordPress implică în esență modificarea div-ului barei laterale cu CSS. Cu toate acestea, pentru a modifica div-ul cu CSS, aveți nevoie de ID-ul div.
Vă rugăm să finalizați această sarcină pe un laptop sau desktop PC sau Mac – NU pe un dispozitiv mobil.
Urmați pașii de mai jos pentru a găsi ID-ul div pentru bara laterală a temei pe care o utilizați pentru site-ul dvs. WordPress:
cum se dezactivează ecranul divizat pe Android
- Deschideți o postare sau o pagină pe Google Chrome sau noul browser Microsoft Edge.
- Apoi, faceți clic dreapta oriunde în bara laterală și selectați Inspecta .
- Elementul Inspect va deschide câteva coduri în partea dreaptă a paginii. Aceasta are o parte superioară (etichetată 1 în captura de ecran de mai jos). Are și o parte inferioară (etichetată 2 în captură de ecran).
Pe partea de jos, Stiluri fila va fi selectată implicit. Pentru a găsi ID-ul div din bara laterală, căutați un element cu cuvântul bară laterală. Unele teme pot folosi pur și simplu bara laterală. Alții pot folosi sidebar-main sau main-sidebar.
Rețineți acest lucru, deoarece este ID-ul div din bara laterală a temelor. Al meu este bara laterală. Copiați acest lucru deoarece veți avea nevoie de el în pasul următor.
Adăugați CSS care ascunde bara laterală pentru dispozitivele mobile în WordPress
Următorul pas este să adăugați acest cod la secțiunea CSS suplimentară a temei dvs. WordPress. Acesta este codul care ascunde barele laterale pentru dispozitivele mobile din WordPress.
Am îngroșat ID-ul div din bara laterală pentru tema mea. Trebuie să schimbați această valoare în ID-ul div din bara laterală pentru tema dvs. Notați punctul (.) înainte de ID-ul div. |_+_|Urmați pașii de mai jos pentru a adăuga codul CSS de mai sus la tema dvs.:
- Conectați-vă la site-ul dvs. WordPress ca administrator.
- Apoi, în panoul din stânga, planare peste Aspect și selectați Personalizați .
- Când se deschide opțiunea Personalizare, derulați în jos și faceți clic CSS suplimentar .
- În cele din urmă, copiați, lipiți și modificați acest cod într-una dintre secțiuni – apoi, în partea de sus, faceți clic Publica .
Ștergeți memoria cache și testați
Pentru a fi clar, ultima secțiune a ascuns efectiv bara laterală pentru dispozitivele mobile din WordPress. Cu toate acestea, am decis să adaug această secțiune, deoarece dacă utilizați un plugin de cache sau CDN, va trebui să ștergeți memoria cache pentru ca modificările să aibă efect imediat.
cod de eroare magazin Google Play 963
După ce ștergeți memoria cache din pluginul de cache și/sau CDN, deschideți site-ul web pe un dispozitiv mobil. Dacă modificarea nu se reflectă imediat, utilizați Incognito (Chrome) sau In privat (Microsoft Edge).
Sper că ați reușit să ascundeți bara laterală pentru dispozitivele mobile pe site-ul dvs. WordPress cu pașii din acest ghid.
De asemenea, sper că ați găsit ghidul util și ușor de înțeles? Dacă ați găsit ghidul util, faceți clic da to A fost această postare utilă? de mai jos.
De asemenea, puteți oferi feedback-ul dvs. folosind formularul Lăsați un răspuns aflat la sfârșitul acestei pagini.
În cele din urmă, pentru mai multe ghiduri WordPress, vizitați pagina noastră de instrucțiuni pentru WordPress și site-uri web.
