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 le barre laterali mobili hanno un tasso di conversione molto elevato se utilizzate con il widget Iscriviti .^(Subscribe)

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 il tuo ultimo post, ebook o immagini, ecc. La barra laterale mobile aumenta la visibilità di tutto ciò che vuoi promuovere ai tuoi visitatori e sicuramente attira l'attenzione.

Prima di andare oltre, vorrei dirti che a volte l'utilizzo della barra laterale può davvero ostacolare il tasso di fidelizzazione del tuo visitatore perché incasina l'esperienza complessiva del visitatore. Quindi dovresti sempre usare un widget di design semplice e semplice quando usi 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 Plugins > Add New quindi cerca il plug-in. Installa^(Install) e attiva^(Activate) il plug-in, in modo da poter iniziare a usarlo.

Dopo aver attivato il plug-in, vai su Appearance > Widgets e all'interno della barra laterale fai clic sul widget che vuoi rendere appiccicoso. Basta selezionare la piccola casella vicino all'opzione widget fisso^(Fixed) , quindi fare clic su Salva e avrai una bella barra laterale mobile, cose piuttosto facili.

Come configurare il widget fisso

Non eccitarti perché c'è di più nel widget fisso Q2W3^{(Q2W3 Fixed Widget)} , vai su Appearance > Fixed Widget Opzioni^(Options) widget fissi per configurare il plug-in. In questa pagina puoi impostare il margine, disabilitare il plug-in per dispositivi mobili e puoi persino creare un ID HTML^{(HTML ID)} personalizzato . Bene^(Well) , entriamo nei dettagli di ciascuno.

Il margine superiore^(Top) deve essere impostato in base alla quantità di spazio necessaria tra la barra laterale mobile e il margine superiore, allo stesso modo il margine inferiore^{(Margin Bottom)} 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 comunque^(Anway) i diversi valori e una volta che sei soddisfatto del risultato clicca per salvare.

Se vuoi disabilitare il plug-in per dispositivi mobili, digita semplicemente il valore della larghezza dello schermo al di sotto della quale il plug-in disabiliterà in Disable Width e Disable Height^{(Diable Height)} . Nota che entrambi i valori sono necessari se desideri disabilitare il plug-in per un'altezza e una larghezza particolari.

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

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

Hai qualche suggerimento o idea sul widget fisso? Fatemi sapere come suggerimenti sono i benvenuti.

How to Add a Floating Sidebar in Wordpress

Floating sidebar is something whіch you see on most of the websiteѕ but today you are here to learn how to add a floating sidebar in WordPresѕ blog. Floating sidebars are used in websites to grab the visitorѕ attеntion and floating sidebar have a verу hіgh conversion rate if used with thе Subscribe widget.

I am using the floating subscribe widget from a long time and I can assure of its result. Well, you can use this with any kind of widget not just with the subscribe widget. You can use it to promote your latest post, Ebook or images etc. Floating sidebar increase the visibility of whatever you want to promote to your visitors and it surely grabs attention.

Before moving any further I would like to tell you that sometimes using sidebar can really hamper your visitor’s retention rate because it messes with the overall experience of the visitor. So you should always use a plain and simple design widget when using with floating sidebar.

How to Add a Floating Sidebar in Wordpress

Now if you want to add a floating sidebar in WordPress blog then you must install this plugin called Q2W3 Fixed Widget. To install it from your admin panel, go to Plugins > Add New then search the plugin. Install and Activate the plugin, so that you can start using it.

After activating the plugin, go to Appearance > Widgets and inside your sidebar click on the widget that you want to make sticky. Just check the little box near Fixed widget option then click save and you will have a nice floating sidebar, pretty easy stuff.

How to configure the Fixed Widget

Don’t get to excited because there is more to the Q2W3 Fixed Widget, go to Appearance > Fixed Widget Options to configure the plugin. On this page, you can set margin, disable the plugin for mobile devices and you can even create a custom HTML ID. Well, let’s get into the details of each one.

Margin Top should be set according to how much space you need between your floating sidebar and the top margin similarly Margin Bottom must be set according to your needs.

One thing I would like to share here is that Margin Bottom must be set so that it doesn’t overlap with your footer. Anway check different values and once you are satisfied with the result click to save.

If you want to disable the plugin for mobile devices just type the value of the screen width below which the plugin will disable in Disable Width and Diable Height. Note that both the values are necessary if you want to disable the plugin for a particular height & width.

Custom HTML IDs are also available if your footer height change page to page then to fix the overlapping issue you should use  HTML tag id. Well, theme footer container has an id for example Twenty Sixteen default theme’s footer container has an id=”colophon”.  In the Custom HTML IDs, I need to enter just colophon, without any other symbols! And Floating sidebar will work perfectly.

I hope this article was helpful to you and you were successfully able to learn how to Add a Floating Sidebar in Wordpress blog without any issues. If you still have any question regarding this guide please feel free to ask them in comments.

Have some suggestions or ideas about fixed widget? Let me know as suggestions are welcome.

Related posts

• Come spostarsi WordPress site da un host a un altro

• Come installare e configurazione WordPress su Microsoft Azure

• Come correre Blowingly Fast WordPress su Microsoft Azure

• Come configurare Privacy in WordPress e perché è importante

• Come installare WordPress su Google Cloud Platform

• 10 plugin WordPress essenziali per un sito Web per piccole imprese

• Come configurare il tuo sito Web simile a Twitter utilizzando il tema P2 di WordPress

• Reindirizza gli utenti dalla 404 Page in WordPress

• 9 Plugin indispensabili per le nuove installazioni di WordPress

• Come velocizzare un sito WordPress in 11 passaggi

• Squarespace Vs WordPress: qual è la migliore piattaforma del sito?

• Come aumentare le prestazioni in WordPress attraverso una pulizia del database

• Wordpress mostra HTTP Error quando caricano le immagini

• Wix Vs WordPress: qual è il migliore per creare il tuo sito web?

• Come passare dal classico editor di WordPress a Gutenberg

• Creare Child Theme in WordPress

• 7 consigli WordPress per un sito web ottimizzato per i dispositivi mobili

• Come rimuovere tutte le tracce di un plugin di WordPress

• Come trovare il tuo login di amministratore di WordPress

• Come installare un sito di test WordPress sul tuo computer