Barras laterais são uma ótima maneira de adicionar conteúdo e funcionalidades extras ao seu site, sem desviar do seu conteúdo principal.
Muitos temas WordPress possuem uma barra lateral incorporada, que pode já conter alguns widgets WordPress, como uma barra de pesquisa ou uma lista dos seus posts mais recentes no blog.
Nesta dica rápida, vou mostrar a você como personalizar a barra lateral embutida do seu tema, incluindo adicionar e remover conteúdo e personalizar o conteúdo que já está lá.
Se o seu tema tiver várias barras laterais incorporadas, essas barras laterais podem não ser o ajuste ideal para o seu site. Se você se sente restrito pelo seu tema, então eu também estarei mostrando como criar uma barra lateral personalizada, e então colocar essa barra lateral em qualquer lugar do seu site, incluindo áreas que não são suportadas pelo seu tema.
Os melhores plugins WordPress Sidebar e Widget Plugins na CodeCanyon
Explorar milhares dos melhores plugins WordPress já criados na CodeCanyon. Com um pagamento único e de baixo custo, você pode comprar estes plugins WordPress de alta qualidade e melhorar sua experiência no site para você e seus visitantes.
Qual é a barra lateral do WordPress?
Uma barra lateral é uma área ampliada do seu site WordPress, onde você pode exibir conteúdo que não faz parte da página principal. Este conteúdo secundário é adicionado ao seu site através de widgets – por exemplo, você pode usar um widget para exibir uma lista dos seus blogs publicados mais recentemente, uma nuvem de tags, ou uma barra de busca.
Barras laterais podem ser úteis para ajudar os visitantes a navegar no seu site, mas também podem fornecer funcionalidades adicionais. Por exemplo, se você criou uma loja online, então você pode usar a barra lateral para exibir controles deslizantes que permitem aos visitantes filtrar produtos com base no preço, categoria e opções de entrega. Neste cenário, os controles deslizantes estarão sempre ao seu alcance, sem distrair o conteúdo principal da página. Se você está tentando rentabilizar seu site, então as barras laterais também podem ser um lugar ideal para exibir anúncios.
Embora o termo “barra lateral” sugira uma coluna vertical que é exibida ao lado do seu conteúdo principal, as barras laterais podem aparecer em outros locais, incluindo acima ou abaixo do rodapé do seu site.
A localização das barras laterais do seu site vai variar dependendo do tema do WordPress escolhido, mas no final deste artigo vou mostrar como criar uma barra lateral personalizada que você pode colocar em qualquer lugar do seu site, inclusive em locais que podem não ser suportados pelo tema do seu WordPress.
Como adicionar, remover e editar widgets de barras laterais
Você pode personalizar a barra lateral através do Painel de Controle, ou através do Personalizador do WordPress.
Como editar a barra lateral com o Personalizador
Vamos começar com o método Personalizador:
Aceda ao seu site WordPress, se ainda não o fez. Depois, no menu à esquerda, selecione Appearance >Personalizar. Isto irá lançar a ferramenta Personalizar.
No painel do lado esquerdo do Customizer, selecione Widgets. O painel agora exibirá uma lista de todas as áreas widgetized do seu site. As convenções de nomenclatura podem variar dependendo do seu tema, mas a barra lateral terá normalmente a palavra barra lateral em seu título. Quando você encontrar o widget da barra lateral, dê um clique nele.
WordPress irá agora mostrar uma lista de todos os widgets que estão actualmente alojados dentro da sua barra lateral. A partir daqui, você pode realizar as seguintes tarefas:
1. Traga alguma ordem para seus widgets
Você pode mudar a ordem na qual os widgets aparecem na barra lateral agarrando um widget, arrastando-o para uma nova posição, e depois soltando-o neste novo local.
Quando estiver satisfeito com as alterações, clique em Publish.
2. Ajuste o título de um widget
Você pode editar o texto que aparece acima de cada widget, ou mesmo remover o texto do título de um widget por completo. Para isso, basta encontrar o widget com o título que você deseja editar, e então dar um clique para expandir esta seção.
- Faça suas edições no texto do título.
- Clique em Done.
- Faça suas edições públicas, clicando em Publish.
Este widget agora será atualizado para exibir o título editado.
3. Remove Any Widget From the Sidebar
Para remover um widget da barra lateral, clique nele para expandir sua seção e então selecione o vermelho Remove text.
O widget selecionado deve agora desaparecer. Para tornar esta alteração permanente, clique em Publish.
4. Melhore a sua barra lateral, com widgets extras
A barra lateral parece um pouco vazia? O WordPress suporta uma grande variedade de diferentes widgets que você pode adicionar às suas barras laterais:
- Selecione o botão Adicionar um widget.
- Navegue na lista de widgets disponíveis. Quando você encontrar um widget que você deseja adicionar, dê um clique.
- Dê um título a este widget e complete qualquer outra opção de configuração que apareça no painel do lado esquerdo. Note que a configuração pode variar, dependendo do widget com o qual você está trabalhando.
- Lave e repita para cada novo widget que você deseja adicionar à barra lateral.
- Quando você estiver satisfeito com sua seleção, clique em Done.
- Para salvar suas alterações, clique em Publish.
A barra lateral irá agora atualizar para incluir todos os seus novos widgets.
Se você quiser mais widgets do que aqueles que estão incluídos no vanilla WordPress, você pode tentar um plugin de widgets do WordPress. Estes permitem que você adicione botões de chamada para ação, calendários, previsões do tempo e muito mais.
-
MailChimpComo Criar um Widget de Formulário de Assinatura do Mailchimp para WordPressKaren Pogosyan
-
WordPress20 Melhores Plugins e Widgets para Calendário WordPress (+5 Plugins Grátis)Daniel Strongin
-
WordPress12 Best WordPress Weather Widgets & Plugins (Com 5 Grátis)Franc Lucas
Personalizar a Barra Lateral a partir do Painel de Controle
Pode também editar a barra lateral a partir do Painel de Controle WordPress.
No menu da esquerda, selecione Aparência > Widgets, encontre a seção da barra lateral, e então dê um clique para expandir. Agora você deve ser capaz de ver todos os widgets que compõem esta barra lateral em particular.
Daqui, você pode fazer as seguintes alterações:
- Reorganize os seus widgets. Você pode alterar a ordem em que esses widgets aparecem na barra lateral, usando arrastar e soltar.
- Altere o título de um widget. Clique para expandir a seção correspondente do widget, edite o texto do título conforme necessário e depois clique em Done.
- Delete a widget. Clique para expandir a seção correspondente do widget, e então dê um clique no link Delete.
- Adicionar um widget. Na seção Widgets disponíveis, encontre o widget que você deseja adicionar à barra lateral, e então arraste-o e solte-o na seção da barra lateral. Note que onde quer que você solte o widget é onde ele vai aparecer na barra lateral.
Want More Widgets?
Sua conta WordPress vem com vários widgets embutidos, mas você pode acessar ainda mais widgets instalando plugins WordPress.
Se você quiser mais widgets para escolher, então confira nosso guia para os melhores widgets WordPress.
-
WordPressBest WordPress Widgets para 2021Daniel Strongin
Não é um fã de barras laterais embutidas do WordPress?
Muitos temas do WordPress incluem alguma forma de funcionalidade de barras laterais, mas você será limitado pela forma como o tema escolhe posicionar suas barras laterais. Se você se sentir restrito pela(s) barra(s) lateral(is) padrão(s) do seu tema, então você pode adicionar uma barra lateral personalizada ao seu site WordPress, com a ajuda de um plugin de terceiros.
Nesta seção, vou mostrar como criar uma barra lateral totalmente nova, usando o plugin gratuito Custom Sidebars.
Instalar e Ativar o Plugin da Barra Lateral
Para configurar o plugin Custom Sidebars:
- No menu do lado esquerdo do WordPress, selecione Plugins > Adicionar Novo.
- Procurar barras laterais personalizadas, e quando o plugin Custom Sidebars – Dynamic Widget Area Manager aparecer, clique em Install Now.
-
Quando solicitado, clique em Activate.
Você agora está pronto para criar sua barra lateral personalizada!
Como criar uma barra lateral personalizada
Vamos criar uma barra lateral personalizada, e colocá-la em nosso site:
- No menu à esquerda, seleccione Appearance > Widgets.
- Selecione o botão Criar uma nova barra lateral.
- No popup subsequente, dê um nome à sua barra lateral e insira uma descrição.
- Clique em Create Sidebar, e a nova barra lateral aparecerá sob um cabeçalho dedicado de barras laterais personalizadas.
Pode agora adicionar widgets à barra lateral, arrastando-os da seção Widgets Disponíveis. Você também pode remover ou editar seus widgets existentes, exatamente da mesma forma que você modificou as barras laterais internas do WordPress.
Quando você criar uma barra lateral personalizada, ela não aparecerá em seu site até que você a dê uma casa! Para posicionar sua barra lateral, clique em Sidebar location.
No popup subsequente, selecione onde essa barra lateral deve ser colocada no seu site, e se ela deve aparecer apenas em posts ou páginas específicas. Por exemplo, você pode optar por exibir sua barra lateral no Rodapé 1 somente para Posts, ou no Rodapé 2 para todos os Posts que são categorizados como News.
Quando você estiver satisfeito com a configuração da sua barra lateral, clique em Save Changes.
Sua barra lateral personalizada agora aparecerá no seu site. Alternativamente, quando você estiver editando uma página ou post existente, ou criando uma nova, você pode especificar qual barra lateral usar:
-
Quando você estiver editando a página ou post, encontre a seção Sidebars no menu do lado esquerdo.
- Clique para expandir a seção de barras laterais.
- Utilize os dropdowns para especificar qual barra lateral deve ser colocada nesta página, e onde ela deve aparecer na tela.
Agora, quando você pressiona o botão Publicar ou Atualizar, esta página irá ao vivo, completa com a barra lateral escolhida.
Conclusão
Nesta dica rápida, nós cobrimos como você pode editar a barra lateral integrada ao seu tema, adicionando, removendo e ajustando a ampla gama de widgets do WordPress.
Se você não é fã da barra lateral padrão do seu tema, então eu também lhe mostrei como criar uma barra lateral totalmente nova e personalizada, usando um plugin de terceiros.
Os Melhores Temas e Plugins WordPress no Mercado Envato
Explorar milhares de belos temas WordPress no ThemeForest e úteis plugins WordPress no CodeCanyon. Adquira estes temas e plugins WordPress de alta qualidade e melhore sua experiência no site para você e seus visitantes.
Aqui estão alguns dos temas e plugins para WordPress mais vendidos e em ascensão disponíveis para 2020.
-
Inspiração23+ Melhor Portfolio de Temas WordPress para CriativosBrenda Barron
-
WordPress25 Melhor Deslizador WordPress & Plugins Carrossel de 2021Daniel Strongin
-
WordPress20 Melhores Plugins e Widgets de Calendário WordPress (+5 Plugins Grátis)Daniel Strongin
-
TemasWordPress31+ Temas WordPress Melhor Responsável (Para Sites em 2021)Brenda Barron
-
WordPress22 Melhor Construtor de Páginas WPBakery (Visual Composer) Addons e Extensões de 2021Daniel Strongin
-
WordPress Themes30 Best Coaching & Consulting WordPress Themes for 2021Brenda Barron