Vuoi nascondere un widget WordPress specifico per gli utenti mobili?
I widget sono contenuti dinamici che vengono spesso aggiunti alla barra laterale o al piè di pagina del sito web. A volte un widget può essere visualizzato bene sui desktop, ma puoi nasconderlo sui dispositivi mobili.
In questo articolo, ti mostreremo come nascondere in modo condizionale un widget WordPress su dispositivi mobili (senza scrivere alcun codice).
Nota: sui temi WordPress più reattivi, la barra laterale viene visualizzata sotto il contenuto quando sei su dispositivi mobili. Questo è il motivo per cui spesso i proprietari di siti Web desiderano nascondere determinati widget sui dispositivi mobili per accelerare la velocità del proprio sito Web.
Come nascondere un widget sul cellulare in WordPress
Per il bene di questo tutorial, nasconderemo il widget di ricerca sul nostro sito Web di prova, ma puoi anche usarlo per nascondere qualsiasi widget di WordPress.
Sul nostro sito Web di prova, il widget di ricerca viene visualizzato nella parte superiore del nostro piè di pagina e funziona alla grande sul desktop.
Tuttavia, su un telefono, i widget della barra laterale vengono visualizzati sotto il contenuto anziché nella barra laterale:
Nasconderemo il widget di ricerca in modo che venga visualizzato solo sui desktop, non sui dispositivi mobili.
osservazione : In questo tutorial, il termine "Computer" include sia i laptop che i desktop.
Prima di tutto, devi installare e attivare il plug-in Opzioni widget . Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.
Dopo l'attivazione, vai alla pagina Aspetto »Widget nella tua area di amministrazione di WordPress.
In questa pagina, vedrai i tuoi widget attivi posizionati nelle aree predisposte per i widget del tuo sito web.
Andiamo a modificare il widget di ricerca facendo clic sul nome del widget:
Nelle impostazioni del widget, una nuova sezione verrà aggiunta dal plugin Widget Opzioni. Qui devi solo fare clic sulla piccola icona del cellulare e quindi scegliere su quale dispositivo vuoi nascondere il widget.
Non dimenticare di fare clic sul pulsante "Salva" per salvare le modifiche.
Ora vai e visualizza il tuo sito web su un dispositivo mobile. Questo widget non verrà più visualizzato nella tua area widget:
Ma cosa succede se si desidera nascondere un widget sui dispositivi desktop, ma mostrarlo sui cellulari?
Diamo un'occhiata a come farlo.
Come creare una versione mobile di un widget in WordPress
A volte potresti voler avere una versione di un widget per i visitatori desktop e un'altra per i visitatori mobili.
Ad esempio, puoi visualizzare i tuoi cinque pubblicazioni più recenti sul desktop, ma solo tre post sui dispositivi mobili.
È anche facile da fare con il plug-in Opzioni widget. Puoi semplicemente creare due widget e impostare un widget da mostrare solo sul desktop e l'altro da mostrare solo sui dispositivi mobili.
Innanzitutto, aggiungi o apri il widget che desideri visualizzare solo sul desktop. Quindi fare clic sulla piccola icona del cellulare. Dopodiché, seleziona le caselle " Tavoletta ' e " Mobile" per nascondere il widget su questi dispositivi:
Non dimenticare di fare clic sul pulsante Enregistrer per memorizzare le modifiche.
Ora aggiungi o apri il widget che desideri mostrare solo sui dispositivi mobili. Ripeti la stessa procedura, ma questa volta fai clic sulla casella di controllo "Desktop" per nascondere il widget sui dispositivi desktop:
Ecco. Ora hai una versione desktop e una versione mobile del tuo widget.
Scopri anche alcuni temi e plugin premium per WordPress
Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.
Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.
1. WordPress Speed ​​Optimization Plugin
Stai lottando per gestire più plug-in di ottimizzazione della velocità del sito web? Sei preoccupato che stiano ostacolando la velocità di esecuzione del tuo sito web? quindi, questo plugin per WordPress sarà la soluzione definitiva per tutte le tue preoccupazioni.
Questo plugin è progettato per darti da 6 a 8 funzioni plugin di WordPress diverso. Basta installarlo e configurarlo per vedere un netto miglioramento nel caricamento delle tue pagine.
Vorremmo sottolineare che questo non è un file plug-in cache o CDN, ma il risultato che offre è comunque impressionante. Non esitate a provare questo plugin per WordPress per vedere di cosa è capace.
Download | Demo | Web hosting
2. Social Share & Locker Pro
Il plugin Social Share & Locker Pro è stato progettato per aiutare il tuo sito web ad essere più visibile sui social media. Con pochi clic, puoi impostare la posizione delle tue icone social o bloccare i tuoi contenuti richiedendo la condivisione su uno dei social network da te offerti.
Hai temi predefiniti 10 e questo dovrebbe coprire i desideri più comuni. Tutti i suoi temi sono Retina e fanno miracoli.
Inoltre, con Social Share & Locker Pro, sarai in grado di visualizzare il nome completo dei social network o solo l'icona. Dipenderà dal tuo design, dallo spazio disponibile o dai tuoi desideri.
Download | Demo | Web hosting
3. WordPress PDF Immagini Lightbox
Lightbox PDF immagine di WordPress è un Estensione di WordPress premium che ti consente di creare visualizzatori di file PDF. Un visualizzatore PDF è una raccolta di foto che possono essere salvate come PDF.
Con questa estensione, puoi creare tutti i visualizzatori di PDF che desideri. Per ogni visualizzatore, l'amministratore può impostare alcune opzioni come:
- L'immagine di copertina: che verrà aggiunta come prima pagina del PDF creato dall'utente
- Numero massimo di immagini per visualizzatore
- Un'immagine filigrana: da applicare alle pagine PDF
- Invio tramite e-mail: se questa funzione è attivata, a modulo di contatto sarà offerto subito dopo la galleria di immagini. Attraverso questo modulo, gli utenti potranno inviare via e-mail il PDF creato a chiunque.
Download | Demo | Web hosting
Risorse raccomandate
Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.
- Come aggiungere l'autenticazione a due fattori su WordPress
- Come costruire un sito web completo con Elementor
- 10 strumenti di automazione per il marketing delle piccole imprese
- 5 CDN raccomanda di migliorare le prestazioni del vostro blog WordPress
Conclusione
Ecco ! Questo è tutto per questo tutorial. Ci auguriamo che questo articolo ti abbia aiutato a imparare come nascondere un widget sui dispositivi mobili. Puoi anche vedere il nostro guida definitiva su come velocizzare le prestazioni di WordPress per i principianti.
Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.
Non esitare a condividi con i tuoi amici sui tuoi social network preferiti. E se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.
...
