Come aggiungere una barra laterale mobile in WordPress

La barra laterale mobile è qualcosa che vedi sulla maggior parte dei siti Web ma oggi sei qui per imparare come aggiungere una barra laterale mobile nel blog di WordPress. Le barre laterali mobili vengono utilizzate nei siti Web per attirare l'attenzione dei visitatori e la barra laterale mobile ha un tasso di conversione molto elevato se utilizzata con il widget Iscriviti.

Sto usando il widget di iscrizione mobile da molto tempo e posso assicurarne il risultato. Bene, puoi usarlo con qualsiasi tipo di widget, non solo con il widget di iscrizione. Puoi usarlo per promuovere i tuoi ultimi post, e-book o immagini, ecc. La barra laterale mobile aumenta la visibilità di ciò che vuoi promuovere per i tuoi visitatori e sicuramente attira l'attenzione.

Prima di proseguire, vorrei dirti che a volte l'uso della barra laterale può davvero ostacolare il tasso di fidelizzazione del tuo visitatore perché compromette l'esperienza complessiva del visitatore. Quindi dovresti sempre usare un widget di design semplice e chiaro quando lo usi con la barra laterale mobile.

Come aggiungere una barra laterale mobile in WordPress

Ora, se vuoi aggiungere una barra laterale mobile nel blog di WordPress, devi installare questo plugin chiamato Q2W3 Fixed Widget. Per installarlo dal tuo pannello di amministrazione, vai su Plugin> Aggiungi Nuovo, quindi cerca il plugin. Installa e attiva il plug-in, in modo da poter iniziare a usarlo.

Dopo aver attivato il plug-in, vai su Aspetto> Widget e nella barra laterale fai clic sul widget che vuoi rendere appiccicoso. Seleziona la piccola casella vicino all'opzione Widget fisso, quindi fai clic su Salva e avrai una bella barra laterale mobile, roba abbastanza semplice.

Come configurare il widget fisso

Non ti preoccupare perché c'è di più nel Widget fisso Q2W3, vai su Aspetto> Opzioni widget fissi per configurare il plugin. In questa pagina, puoi impostare il margine, disabilitare il plug-in per dispositivi mobili e puoi persino creare un ID HTML personalizzato. Bene, entriamo nei dettagli di ognuno.

Il margine superiore deve essere impostato in base allo spazio necessario tra la barra laterale mobile e il margine superiore allo stesso modo Il margine inferiore deve essere impostato in base alle proprie esigenze.

Una cosa che vorrei condividere qui è che Margin Bottom deve essere impostato in modo che non si sovrapponga al piè di pagina. Controlla sempre valori diversi e una volta che sei soddisfatto del risultato fai clic per salvare.

Se si desidera disabilitare il plug-in per i dispositivi mobili, digitare semplicemente il valore della larghezza dello schermo al di sotto del quale il plug-in verrà disattivato in Disabilita larghezza e altezza diable. Si noti che entrambi i valori sono necessari se si desidera disabilitare il plug-in per una particolare altezza e larghezza.

Gli ID HTML personalizzati sono disponibili anche se l'altezza del piè di pagina cambia da pagina a pagina, quindi per risolvere il problema di sovrapposizione è necessario utilizzare ID tag HTML. Bene, il contenitore del piè di pagina del tema ha un ID, ad esempio Il contenitore del piè di pagina del tema predefinito Twenty Sixteen ha un id = "colophon". Negli ID HTML personalizzati, devo inserire solo il colophon, senza altri simboli! E la barra laterale mobile funzionerà perfettamente.

Spero che questo articolo ti sia stato utile e che tu abbia saputo imparare con successo come aggiungere una sidebar mobile nel blog di WordPress senza problemi. Se hai ancora domande su questa guida, non esitare a farle nei commenti.

Hai suggerimenti o idee sul widget fisso? Fammi sapere come suggerimenti sono i benvenuti.