Doriți să ascundeți un widget WordPress specific pentru utilizatorii de telefonie mobilă?
Widgeturile sunt conținut dinamic care este adesea adăugat la bara laterală sau subsolul site-ului web. Uneori, un widget ar putea apărea bine pe desktop-uri, dar le puteți ascunde pe dispozitivele mobile.
În acest articol, vă vom arăta cum să ascundeți condiționat un widget WordPress pe dispozitive mobile (fără a scrie niciun cod).
Notă: la cele mai receptive teme WordPress, bara laterală se afișează sub conținut atunci când vă aflați pe dispozitive mobile. Acesta este motivul pentru care adesea proprietarii de site-uri web doresc să ascundă anumite widget-uri pe mobil pentru a-și accelera viteza site-ului.
Cum să ascundeți un widget pe mobil în WordPress
De dragul acestui tutorial, vom ascunde widgetul de căutare pe site-ul nostru de testare, dar îl puteți folosi și pentru a ascunde orice widget WordPress.
Pe site-ul nostru de testare, widgetul de căutare apare în partea de sus a subsolului nostru și funcționează excelent pe desktop.
Cu toate acestea, pe un telefon, widgeturile din bara laterală apar sub conținut în loc de bara laterală:
Vom ascunde widgetul Căutare, astfel încât să se afișeze doar pe desktopuri, nu și pe dispozitive mobile.
Notă : În acest tutorial, termenul „Computer” include laptopuri, precum și computere desktop.
În primul rând, trebuie să instalați și să activați pluginul Widget Options . Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre instalarea unui plugin WordPress.
După activare, accesați pagina Aspect »Widgets în zona dvs. de administrator WordPress.
În această pagină, veți vedea widget-urile dvs. active plasate în zonele pregătite pentru widget-uri ale site-ului dvs. web.
Haideți să edităm widgetul Căutare, făcând clic pe numele widget-ului:
În setările widgetului, o nouă secțiune va fi adăugată de pluginul Widget Opţiuni. Aici trebuie doar să faceți clic pe pictograma mobilă mică și apoi să alegeți pe ce dispozitiv doriți să ascundeți widgetul.
Nu uitați să faceți clic pe butonul „Salvați” pentru a vă salva modificările.
Acum accesați site-ul dvs. web pe un dispozitiv mobil. Acest widget nu va mai apărea în zona dvs. de widget:
Dar ce se întâmplă dacă doriți să ascundeți un widget pe dispozitivele desktop, dar să îl arătați pe dispozitive mobile?
Haideți să aruncăm o privire la cum se face.
Cum se face o versiune mobilă a unui widget în WordPress
Uneori, poate doriți să aveți o versiune a unui widget pentru vizitatorii desktop și alta pentru vizitatorii de telefonie mobilă.
De exemplu, puteți afișa cele cinci cele mai recente publicații pe desktop, dar doar trei postări pe dispozitive mobile.
De asemenea, este ușor de făcut cu plugin-ul Opțiuni widget. Puteți crea doar două widgeturi și puteți seta un widget pentru a fi afișat doar pe desktop, iar celălalt să se afișeze doar pe dispozitive mobile.
Mai întâi, adăugați sau deschideți widgetul pe care doriți să îl afișați uniquement pe desktop. Apoi faceți clic pe pictograma mobilă mică. După aceea, trebuie doar să bifați casetele " Tabletă ' și " Mobil" pentru a ascunde widget-ul pe aceste dispozitive:
Nu uitați să faceți clic pe buton Registru pentru a stoca modificările.
Acum adăugați sau deschideți widgetul pe care doriți să îl afișați doar pe dispozitivele mobile. Repetați același proces, dar de data aceasta faceți clic pe caseta de selectare „Desktop” pentru a ascunde widget-ul pe dispozitivele desktop:
Aici. Acum aveți o versiune desktop și o versiune mobilă a widgetului.
Descoperiți și câteva teme și plugin-uri premium WordPress
Puteți folosi altele WordPress plugin-uri pentru a oferi un aspect modern și pentru a optimiza gestionarea blogului sau site-ului dvs.
Vă oferim aici câteva plugin-uri WordPress premium care vă vor ajuta să faceți asta.
1. WordPress Speed Optimization Plugin
Vă chinuiți să gestionați mai multe pluginuri de optimizare a vitezei site-ului web? Sunteți îngrijorat că acestea împiedică viteza de execuție a site-ului dvs. web? atunci, acest plugin WordPress va fi soluția supremă pentru toate grijile tale.
Acest plugin este conceput pentru a vă oferi aproape 6 până la 8 funcții WordPress plugin-uri diferit. Doar instalați și configurați-l pentru a vedea o îmbunătățire semnificativă a încărcării paginilor dvs.
Am dori să subliniem că acest lucru nu este un plugin cache sau CDN, dar rezultatul pe care îl oferă este totuși impresionant. Nu ezitați să încercați acest plugin WordPress pentru a vedea de ce este capabil.
Descarca | Demo | web hosting
2. Social Share & Locker Pro
Pluginul Social Share & Locker Pro a fost conceput pentru a vă ajuta site-ul să fie mai vizibil pe rețelele de socializare. Cu doar câteva clicuri, puteți fie să setați poziția pictogramelor dvs. sociale, fie să vă blocați conținutul solicitând partajarea pe una dintre rețelele sociale oferite de dvs.
Aveți teme predefinite 10 și aceasta ar trebui să acopere dorințele cele mai comune. Toate temele ei sunt Retina și fac minuni.
De asemenea, cu Social Share & Locker Pro, veți putea afișa numele complet al rețelelor sociale sau doar pictograma. Va depinde de designul dvs., de spațiul disponibil sau de dorințele dvs.
Descarca | Demo | web hosting
3. WordPress PDF Imagini Lightbox
WordPress Image PDF Lightbox este un Extensia WordPress premium care vă permite să creați vizualizatoare de fișiere PDF. Un vizualizator PDF este o colecție de fotografii care pot fi salvate ca PDF-uri.
Cu această extensie, puteți crea oricâte vizualizatoare PDF doriți. Pentru fiecare vizualizator, administratorul poate seta câteva opțiuni precum:
- Imagine de copertă: care va fi adăugată ca prima pagină a PDF-ului creat de utilizator
- Imagini maxime per vizualizator
- O imagine de filigran: a fi aplicată pe paginile PDF
- Trimiterea prin e-mail: dacă această funcție este activată, a formular de contact va fi oferit imediat după galeria de imagini. Prin acest formular, utilizatorii vor putea trimite prin e-mail PDF-ul creat oricui.
Descarca | Demo | web hosting
Resurse recomandate
Aflați despre alte resurse recomandate pentru a vă ajuta să construiți și să gestionați site-ul dvs. web.
- Cum se adaugă autentificarea cu două factori în WordPress
- Cum să construiți un site web complet cu Elementor
- 10 Instrumente de automatizare pentru comercializarea întreprinderilor mici
- 5 CDN recomandat pentru a stimula performanța de blog-ul dvs. WordPress
Concluzie
Aici ! Gata pentru acest tutorial. Sperăm că acest articol te-a ajutat să înveți cum să ascunzi un widget pe dispozitive mobile. Puteți vedea și noi Ghid final despre cum să grăbești performanța WordPress pentru începători.
Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress.
Nu ezita sa împărtășiți cu prietenii de pe rețelele de socializare preferate. Și dacă aveți sugestii sau observații, lăsați-le în secțiunea noastră comentarii.
...
