Doriți să ascundeți un widget WordPress specific pentru utilizatorii de mobil?
Widgeturile sunt conținut dinamic care este adesea afișat în bara laterală sau în subsolul site-ului web. Uneori, un widget poate arăta bine pe un computer desktop sau laptop, dar nu pe dispozitive mobile mai mici.
În acest articol, vă vom arăta cum să ascundeți un widget WordPress pe dispozitive mobile fără a scrie niciun cod.

De ce să ascunzi un widget pe mobil în WordPress?
Site-ul dvs. web poate arăta grozav pe ecranele complete ale computerului, dar asta nu înseamnă neapărat că va arăta bine și pe ecrane mai mici.
Chiar dacă aspectul nu pare imediat aglomerat atunci când vizualizați versiunea mobilă a site-ului dvs. WordPress, este important să derulați întotdeauna până la capăt.
În majoritatea temelor responsive WordPress, widgeturile vor apărea în locuri diferite, în funcție de dimensiunea ecranului vizitatorului. Adesea, temele WordPress mută widgeturile în partea de jos a paginii.
Să aruncăm o privire la un exemplu.
Următoarea imagine arată cum arată un site pe un computer desktop. După cum puteți vedea, widgetul de căutare apare în partea de sus a barei laterale.

Cu toate acestea, widgetul din bara laterală apare sub conținut atunci când este vizualizat pe un smartphone.
Acest lucru înseamnă că vizitatorii vor trebui să deruleze până la sfârșitul paginii pentru a căuta postările de pe blog, produsele sau alt conținut.

Mai rău, uneori acest comportament duce la apariția a două widgeturi identice unul lângă altul.
De exemplu, mulți proprietari de bloguri WordPress plasează un widget cu informații de contact atât în bara laterală, cât și în subsol. Dacă aceste widgeturi se mută, vizitatorii mobili pot vedea aceleași widgeturi unul lângă altul.
Acestea fiind spuse, să vedem cum puteți ascunde cu ușurință un widget pe mobil în WordPress.
Cum să ascunzi un widget pe mobil în WordPress
Cea mai ușoară modalitate de a ascunde widgeturi pentru utilizatorii de mobil este prin utilizarea pluginului Widget Options. Acest plugin vă permite să afișați widgeturi diferite în funcție de dată, rolul utilizatorului, dispozitiv și multe altele.
Mai întâi, trebuie să instalați și să activați pluginul Widget Options. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.
După activare, trebuie să accesați pagina Aspect » Widgeturi din tabloul de bord WordPress.

Pe acest ecran, veți vedea toate widgeturile pe care le-ați adăugat la site-ul dvs. WordPress.
Pentru a edita un widget, pur și simplu dă clic pe numele acestuia.

În setările widgetului, veți vedea câteva secțiuni noi adăugate de pluginul Widget Options.
Pentru a începe, faceți clic pe pictograma mică pentru mobil și asigurați-vă că meniul derulant „Ascunde/Afișează” arată „Ascunde pe dispozitivele selectate”.

După aceea, pur și simplu verificați fiecare dispozitiv pe care doriți să ascundeți widget-ul.
De obicei, veți dori să bifați căsuța de lângă „Tabletă” și „Mobil”.

După aceea, faceți clic pe butonul „Salvare” pentru a vă stoca modificările.
Acum, continuați și vizitați site-ul dvs. WordPress folosind un dispozitiv mobil. Widgetul nu va mai apărea în zona widgeturilor.

Cum să creezi o versiune mobilă a unui widget în WordPress
Uneori, ați putea dori să afișați o versiune a unui widget vizitatorilor mobili și o alta utilizatorilor desktop.
De exemplu, ai putea dori să afișezi cele mai recente cinci postări pe desktop, dar doar trei postări pe dispozitive mobile, pentru ca ecranul să nu pară aglomerat.
Pentru a face acest lucru, pur și simplu trebuie să adăugați două widgeturi separate de Postări recente pe site-ul dvs. Pentru mai multe informații, vă rugăm să consultați ghidul nostru pas cu pas despre cum să adăugați widgeturi în WordPress.
Puteți apoi configura un widget să apară pe computere desktop și celălalt să apară pe dispozitive mobile.
Mai întâi, deschideți widget-ul pe care doriți să-l afișați utilizatorilor desktop. Apoi, faceți clic pe pictograma mică pentru mobil și asigurați-vă că meniul derulant „Ascunde/Afișează” este setat la „Ascunde pe dispozitivele selectate”.
După aceea, continuați și bifați căsuțele de lângă „Tabletă” și „Mobil”.

Acum, acest widget va apărea doar vizitatorilor care folosesc un computer desktop.
Apoi, puteți face orice modificări la widget. De exemplu, tastăm „5” în caseta de lângă „Numărul de postări de afișat”.
Când ați terminat, nu uitați să apăsați butonul „Salvare” pentru a vă stoca setările.

După aceea, sunteți gata să faceți al doilea widget doar pentru mobil.
Pur și simplu repetați același proces descris mai sus, dar de data aceasta, bifați căsuța de lângă „Desktop” pentru a ascunde widgetul pe dispozitivele desktop.

Acum puteți face orice modificări la widgetul dvs. mobil. De exemplu, ați putea tasta „3” în caseta „Număr de postări de afișat”.
Ca întotdeauna, dă clic pe „Salvează” când ai terminat. Acum ai o versiune pentru desktop și o versiune pentru mobil ale aceluiași widget.
Sperăm că acest articol v-a ajutat să învățați cum să ascundeți un widget pe dispozitive mobile în WordPress. De asemenea, ați putea dori să consultați lista noastră cu cele mai utile widgeturi pentru site-ul dvs., sau să consultați ghidul nostru despre cum să afișați sau să ascundeți widgeturi pe pagini specifice.
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.


Jiří Vaněk
Aceasta este o soluție excelentă și simplă pentru toate site-urile mele unde nu folosesc Elementor. În Elementor, m-am obișnuit să am opțiuni care îmi permit să ascund elemente pe desktop, tabletă sau mobil cu ușurință. Cu toate acestea, în editorul standard Gutenberg, m-am simțit destul de pierdut când a venit vorba de această funcționalitate. Mă gândisem să folosesc o clasă CSS personalizată și să adaug manual codul în șablon, dar această metodă este mult mai simplă și aproape fără efort. Mulțumesc pentru tutorial – economisește mult timp!
kzain
Acest post mi-a salvat viața! Mă luptam cu subsoluri duplicate pe mobil, ceea ce făcea ca site-ul meu să arate dezordonat. Datorită acestui articol, am descoperit cum să ascund unul dintre ele cu ușurință. Acum arată mult mai curat și profesional pe telefoane – ce diferență!
Hajime
Mulțumesc pentru ghidul ușor de înțeles. Totuși, în AvadaTheme-ul meu, fila de selecție a dispozitivului și casetele de selectare nu par să apară.
AvadaTheme-ul meu este V7.6.1. Există o diferență în specificații între versiuni?
Suport WPBeginner
Ar putea exista un conflict între plugin și tema ta, recomandăm să verifici cu suportul pluginului și aceștia ar trebui să te poată ajuta!
Admin
Aymen Boukhatem
mulțumesc mult pentru ajutorul tău <3
Suport WPBeginner
You’re welcome
Admin
Soorya
Mulțumesc pentru ghid. A fost de mare ajutor
Suport WPBeginner
Glad our guide was helpful!
Admin
FRB Dogs "Rich"
Acesta a fost un articol grozav care mi-a permis rapid să ascund subsolurile suplimentare care arată ca duplicate atunci când sunt pe un ecran mobil, deoarece bara laterală și subsolurile erau în partea de jos. Ascund unul dintre ele pe un dispozitiv mobil și gata! Arată mult mai profesionist. Mulțumesc!
Suport WPBeginner
You’re welcome, glad our guide was helpful
Admin
Jean-Claude
Mulțumesc. Foarte util!
JC
Suport WPBeginner
You’re welcome
Admin
Mamooty Reev
Pluginul folosește php, js sau css pentru a ascunde condiționat widgeturile?
Suport WPBeginner
Pentru o întrebare de genul acesta, ar trebui să contactați suportul pluginului și ei ar putea să vă spună metoda curentă utilizată.
Admin