Barra lateral flutuante é algo que você vê na maioria dos sites, mas hoje você está aqui para aprender como adicionar uma barra lateral flutuante no blog WordPress . Barras laterais flutuantes são usadas em sites para chamar a atenção dos visitantes e a barra lateral flutuante tem uma taxa de conversão muito alta se usada com o widget Assinar .^(Subscribe)

Estou usando o widget de assinatura flutuante há muito tempo e posso garantir seu resultado. Bem, você pode usar isso com qualquer tipo de widget, não apenas com o widget de inscrição. Você pode usá-lo para promover seu último post, Ebook ou imagens etc. A barra lateral flutuante aumenta a visibilidade do que você deseja promover para seus visitantes e certamente chama a atenção.

Antes de prosseguir, gostaria de lhe dizer que, às vezes, usar a barra lateral pode realmente prejudicar a taxa de retenção do seu visitante, pois atrapalha a experiência geral do visitante. Portanto, você deve sempre usar um widget de design simples ao usar a barra lateral flutuante.

Como adicionar uma barra lateral flutuante no Wordpress

Agora, se você deseja adicionar uma barra lateral flutuante no blog WordPress , deve instalar este plugin chamado Q2W3 Fixed Widget . Para instalá-lo a partir do seu painel de administração, vá para Plugins > Add New e pesquise o plugin. Instale^(Install) e ative^(Activate) o plugin, para que você possa começar a usá-lo.

Após ativar o plugin, vá em Appearance > Widgets e dentro de sua barra lateral clique no widget que você deseja tornar fixo. Basta marcar a pequena caixa perto da opção Fixed widget e clicar em salvar e você terá uma boa barra lateral flutuante, coisas bem fáceis.

Como configurar o Widget Fixo

Não se empolgue porque há mais no Q2W3 Fixed Widget , vá para Appearance > Fixed Widget Options para configurar o plugin. Nesta página, você pode definir a margem, desativar o plug-in para dispositivos móveis e até criar um ID HTML^{(HTML ID)} personalizado . Bem^(Well) , vamos entrar nos detalhes de cada um.

Margin Top deve ser definido de acordo com quanto espaço você precisa entre sua barra lateral flutuante e a margem superior, da mesma forma Margin Bottom deve ser definido de acordo com suas necessidades.

Uma coisa que gostaria de compartilhar aqui é que o Margin Bottom deve ser definido para que não se sobreponha ao seu rodapé. De qualquer forma^(Anway) verifique os diferentes valores e quando estiver satisfeito com o resultado clique para salvar.

Caso queira desabilitar o plugin para dispositivos móveis basta digitar o valor da largura da tela abaixo da qual o plugin irá desabilitar em Disable Width e Diable Height . Observe que ambos os valores são necessários se você deseja desabilitar o plug-in para uma determinada altura e largura.

Os IDs HTML personalizados^{(Custom HTML IDs)} também estão disponíveis se a altura do rodapé mudar de página para página, para corrigir o problema de sobreposição, você deve usar  o ID da tag HTML . Bem^(Well) , o contêiner de rodapé do tema tem um id, por exemplo  , o contêiner de rodapé do tema padrão Twenty Sixteen tem um id=”colophon”. ^{(Twenty Sixteen)}Nos IDs HTML personalizados^{(Custom HTML IDs)} , preciso inserir apenas colofão, sem outros símbolos! E a barra lateral flutuante funcionará perfeitamente.

Espero que este artigo tenha sido útil para você e que você tenha aprendido com sucesso como adicionar uma barra lateral flutuante no blog Wordpress sem problemas. Se você ainda tiver alguma dúvida sobre este guia, sinta-se à vontade para perguntar nos comentários.

Tem algumas sugestões ou ideias sobre widget fixo? Deixe-me saber como sugestões são bem-vindas.

How to Add a Floating Sidebar in Wordpress

Floating sіdebar is something which you see on most of the webѕites but today you аre here tо learn how to add a flоating sidebar in WordPress blog. Floаting sidebars are used in websites to grab the νisіtors attention and flоating sidebar have a very high conversion rate if used with the 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

• Como mover WordPress site de um host para outro

• Como instalar e WordPress configuração no Microsoft Azure

• Como correr blazingly rápido WordPress em Microsoft Azure

• Como configurar Privacy em WordPress e por que é importante

• Como instalar WordPress em Google Cloud Platform

• WordPress Jetpack: O que é e vale a pena instalar?

• 7 dicas do WordPress para um site compatível com dispositivos móveis

• Como remover malware do seu site WordPress

• Squarespace vs WordPress: qual é a melhor plataforma de site?

• Wix vs WordPress: Qual é o melhor para criar seu site?

• Como fazer backup do seu site WordPress

• Must Have WordPress Yoast SEO Settings 2021

• Como rastrear Broken Links com Google Webmaster Tool

• Os 3 melhores plugins de SEO para WordPress

• WordPress mostra HTTP Error ao enviar imagens

• O que é AMP para WordPress e como instalá-lo

• Mostre o trecho na página inicial de WordPress blog

• Como usar o Lumen5 para transformar sua postagem de blog em um vídeo

• O melhor formato de escrita de blog para obter seus pontos

• 9 Plugins obrigatórios para novas instalações do WordPress