Este artigo aborda “Widgets Clássicos”. Se você estiver usando os widgets baseados em blocos mais recentes, confira este artigo.
Os widgets do WordPress adicionam conteúdo e funcionalidades à área de widgets. A área de widgets é uma área predefinida pelo tema, normalmente localizada na barra lateral ou no rodapé, mas isso varia de tema para tema. Exemplos são os widgets padrão que vêm com o WordPress, como Categorias, Nuvem de tags, Pesquisa etc. Os plugins geralmente adicionam seus próprios widgets.
Os widgets foram originalmente projetados para oferecer ao usuário uma maneira simples e fácil de controlar o design e a estrutura do tema do WordPress. Atualmente, eles estão disponíveis em temas do WordPress devidamente “widgetizados” para incluir o cabeçalho, o rodapé e outras áreas do design e da estrutura do WordPress.
Os widgets não exigem experiência ou conhecimento de programação. Eles podem ser adicionados, removidos e reorganizados no Personalizador do tema ou em Aparência > Widgets nas telas de administração do WordPress.
Alguns widgets do WordPress oferecem personalização e opções, como formulários para preencher, inclusões ou exclusões de dados e informações, imagens opcionais e outros recursos de personalização.
O Editor de widgets baseado em blocos explica como usar a experiência atualizada de widgets com blocos.
A Tela de widgets em Aparência explica como usar os vários widgets que vêm com o WordPress na experiência clássica.
Os plugins que vêm acompanhados de widgets podem ser encontrados no Diretório de plugins do WordPress.
Instalando widgets
O WordPress vem com uma variedade de widgets pré-instalados. Se eles não forem suficientes para suas necessidades, você poderá instalar novos widgets pesquisando no Diretório de plugins do WordPress, que pode ser acessado pela tela Plugins > Adicionar novo da administração do WordPress.
Exibindo widgets
Widgets existentes em áreas de widgets existentes
Antes de adicionar um widget, você deve verificar se o tema que está usando oferece suporte a widgets (mais especificamente: área de widgets). Você pode fazer isso simplesmente navegando até o menu Aparência e procurando um submenu intitulado “Widgets”.
Se o seu tema for compatível com o Personalizador do tema, você poderá seguir estas etapas. No Personalizador do tema, uma prévia ao vivo das alterações está disponível.
- Acesse Aparência > Personalizar nas telas de administração do WordPress.
- Clique no menu Widget no Personalizador do tema para acessar a tela de personalização de widgets.
- Clique na seta para baixo da área de widgets para listar os widgets já registrados.
- Clique no botão Adicionar um widget na parte inferior da barra lateral. Ele exibirá a lista de widgets disponíveis.
- Clique no widget que deseja adicionar. Os widgets deverão ser adicionados à barra lateral.
- Visualize seu site e você deverá ver o conteúdo do novo widget.
- Para organizar os widgets na barra lateral, arraste e solte-os na ordem desejada ou clique no link Reordenar, clique na seta para cima e na seta para baixo de cada widget e clique em Concluído após organizar.
- Para personalizar os recursos do widget, clique na seta para baixo à direita para expandir a interface do widget.
- Para remover o widget, clique em Remover na interface do widget, conforme descrito na etapa anterior.
Se o seu tema não for compatível com o Personalizador do tema, você poderá seguir estas etapas convencionais:
- Acesse Aparência > Widgets nas telas de administração do WordPress.
- Escolha um widget e arraste-o para a barra lateral onde deseja que ele apareça, ou clique no widget, selecione uma barra lateral de destino se o seu tema tiver mais de uma e clique no botão Adicionar widget. Pode haver mais de uma opção de barra lateral, portanto comece pela primeira. Depois de colocado, o WordPress atualizará o tema automaticamente.
- Visualize o site. Você deverá perceber que os elementos da barra lateral “padrão” desapareceram e somente a nova adição está visível.
- Volte à tela de widgets para continuar adicionando widgets.
- Para organizar os widgets na barra lateral ou na área de widgets, clique e arraste-o até o local desejado.
- Para personalizar os recursos do widget, clique na seta para baixo no canto superior direito para expandir a interface do widget.
- Para salvar a personalização do widget, clique em Salvar.
- Para remover o widget, clique em Excluir.
Se quiser remover o widget, mas salvar suas configurações para possível uso futuro, basta arrastá-lo para a área Widgets inativos. Você poderá adicioná-los novamente a qualquer momento a partir dessa área. Isso é especialmente útil quando você muda para um tema com menos áreas de widgets ou com áreas diferentes.
Ao mudar de tema, geralmente há alguma variação no número e na configuração das áreas de widgets/barras laterais e, às vezes, esses conflitos tornam a transição um pouco menos tranquila. Se você mudou de tema e parece estar com widgets faltando, role a tela para baixo até a área Widgets inativos, onde todos os seus widgets e suas configurações terão sido salvos.
Ativar o Modo de acessibilidade, por meio das Opções de tela, permite usar os botões Adicionar e Editar em vez de arrastar e soltar.
Áreas de widgets
Embora as áreas de widgets normalmente apareçam nas barras laterais das páginas da web, um tema pode posicioná-las em qualquer lugar de uma página. Por exemplo, além das localizações usuais nas barras laterais, o tema Twenty Seventeen possui uma área de widgets no rodapé de todas as páginas.
Usando widgets de texto
O widget de texto é um dos widgets do WordPress mais usados e vem com todas as instalações do WordPress. Ele permite que os usuários adicionem texto, vídeos, imagens, listas personalizadas e muito mais aos seus sites WordPress.
Para usar o widget de texto do WordPress:
- Acesse Aparência > Personalizar nas telas de administração do WordPress e clique no menu Widget no Personalizador do tema. Ou acesse Aparência > Widgets nas telas de administração do WordPress.
- Abra a barra lateral à qual deseja adicionar o widget de texto.
- Encontre o widget de texto na lista de widgets.
- Clique e arraste o widget até o local em que deseja que ele apareça.
Para abrir e editar o widget de texto:
- Clique na seta para baixo à direita do título do widget de texto.
- Defina o título do widget de texto (opcional).
- Adicione o texto ou o código HTML à caixa ou edite o conteúdo que já está nela.
- Escolha a opção Adicionar parágrafos automaticamente para envolver cada bloco de texto em uma tag de parágrafo HTML (recomendado para textos).
- Clique em Salvar para salvar o widget de texto.
- Clique em Fechar para fechar o widget de texto.
- Alterne entre as abas do navegador e visualize os resultados; faça alterações, se necessário.
O widget de texto pode conter diversos tipos de HTML, XHTML e links e reprodutores multimídia, como vídeos e objetos incorporados.
Adicionando código ao widget de texto
HTML básico, conteúdo incorporado e JavaScript são facilmente adicionados ao widget de texto do WordPress. A maioria dos códigos de incorporação de sites de compartilhamento social para conteúdo multimídia funcionará em um widget de texto do WordPress. No entanto, códigos ativos e linguagens de programação, como PHP, não funcionarão, pois o widget removerá o código que não puder exibir.
Para adicionar código ativo ao widget de texto, use um dos muitos plugins do WordPress disponíveis no Diretório de plugins do WordPress que substituem as restrições do WordPress ao uso de PHP em posts. Verifique se eles funcionarão nos widgets, pois alguns não funcionarão.
Usando widgets RSS
O widget RSS permite integrar uma fonte de feed externa de conteúdo a uma área de widgets do seu site, como sua conta do Twitter, publicações do Facebook, publicações do Google+ ou outros blogs.
O widget RSS exibe o conteúdo publicado mais recentemente de qualquer fonte com um feed ativo. Essa é uma maneira ideal de integrar conteúdo externo ao seu site.
Por padrão, o widget RSS do WordPress exibe o título do post ou os primeiros 100 caracteres, aproximadamente, de um Tweet ou de um post longo sem título. Eles podem estar na forma de um link ou apresentar um link para a fonte original, dependendo do design e da estrutura do feed’s.
- Insira a URL do feed RSS na primeira caixa, copiada da página de origem do conteúdo que deseja incluir na barra lateral ou em outro espaço widgetizado.
- Dê um título ao feed: isso é opcional e permite destacar a origem do conteúdo.
- Quantos itens você gostaria de exibir?: Por padrão, 10 são exibidos, mas você pode escolher de 1 a 20 posts.
- Exibir o conteúdo do item?: Isso permite mostrar um resumo do conteúdo, não apenas o título.
- Exibir o autor do item, se disponível?: Se quiser dar crédito ao autor original do conteúdo, marque esta opção para exibir o autor.
- Exibir a data do item?: Se disponível, a data do conteúdo original será exibida.
Você pode adicionar vários widgets RSS para feeds recebidos à barra lateral do WordPress e a outras áreas widgetizadas do seu site.