Tópicos
Widgets do WordPress adicionam conteúdo e recursos às suas barras laterais. Alguns exemplos são os widgets instalados por padrão com cada instalação de WordPress como Categorias, Nuvem de tags, Pesquisar, etc. É muito comum que plugins adicionam os seus próprios widgets também.
Widgets foram criados originalmente para prover um método simples e fácil para que os usuários possam ter mais controle da estrutura e do desenho nos temas do WordPress. Em temas que oferecem suporte para widgets, é possível inserir no cabeçalho, rodapé e outras partes do site.
Não precisa de experiência com código para usar widgets. Podem ser adicionados, removidos e reorganizados no Personalizador ou via Aparência > Widgets no painel do WordPress.
Alguns widgets oferecem personalização e opções como formulários, incluir ou excluir alguns dados e informação, imagens opcionais, e outros recursos de personalização.
A tela Aparência → Widgets explique como usar os widgets variados incluídos com o WordPress.
Pode encontrar plugins que incluem widgets no diretório de plugins do WordPress.
Instalar widgets
Cada instalação de WordPress tem uma variedade de widgets incluídos. Se estes widgets padrões não são suficientes, é possível instalar novos widgets fazendo uma pesquisa no diretório de plugins do WordPress, acessível da tela Plugins > Adicionar Novo no painel do WordPress.
Mostrar widgets
Widgets existentes nas áreas de widgets
Antes de poder adicionar um widget, é necessário verificar que o tema usado suporte widgets (mais especificamente: áreas de widget). Você pode verificá-lo em navegando ao menu de Aparência e busque um sub-menu titulado “Widgets”.
Se o seu tema suporte o Personalizador, você pode seguir estes passos seguintes. No Personalizador, você pode ver as mudanças numa previsão em tempo real.
- Visite Aparência > Personalizar no painel do WordPress.
- Clique no menu de Widget no Personalizador para acessar a tela dos widgets.
- Clique na flecha para baixo na área de widget para ver os widgets disponíveis.
- Clique Adicionar um widget no fundo da barra lateral. Este mostrará uma lista de widgets disponíveis.
- Clique nos widgets desejados. Os widgets serão adicionados na barra lateral.
- Visualize o seu site, e você deve ver o conteúdo do novo widget.
- Para organizar widgets na barra lateral, arraste e solte os widgets na ordem desejada. Você pode clicar no link Reordenar para clique nas flechas para cima e para baixo para arranjar os widgets e clique Concluído quando você termina.
- Para personalizar os recursos de cada widget, clique na flecha para baixo para alargar a interface do widget.
- Para excluir o widget, clique no Remover na interface do widget como no passo anterior.
Se o seu tema não suporte o Personalizador, você pode seguir estes passos:
- Visite Aparência > Widgets no painel do WordPress.
- Selecione um widget e arraste-solte o widget na barra lateral desejada ou clique no widget (selecione uma barra lateral, se o seu tema tiver mais de uma posição disponível) e clique no botão Adicionar Widget. É possível ter mais de uma barra lateral, então pode começar com a primeira. Após adicionar o widget, o tema será atualizado automaticamente para WordPress.
- Visualize o site. Os widgets “padrões” deveriam ser removidos, e você verá somente a nova adição.
- Volte para a tela de widgets para continuar adicionando novos widgets.
- Para arranjar os widgets na barra lateral ou na área dos widgets, arraste e solte-o na área desejada.
- Para personalizar os recursos do widget, clique na flecha para baixo no canto superior e para direita para alargar a interface do widget.
- Para salvar a personalização, clique Salvar.
- Para excluir o widget, clique Excluir.
Se você queria excluir o widget, mas salvar as configurações do widget pelo futuro, arraste-o e solte-o na área de Widgets inativos. Você pode adicionar estes widgets de novo em qualquer momento. Este recurso é útil quando você mude para um tema com menos ou diferentes áreas para widgets.
Em mudando temas, pode ser uma variação no número e configuração das áreas/barras laterais para widgets que pode causar um conflito durante a transição. Se você mudou de tema e está faltando alguns widgets, verifique se eles ficam na área de Widgets inativos, onde todos os widgets e as suas configurações foram salvos.
Ativar modo de acessibilidade, via Opções de tela, te permite usar botões de Adicionar e Editar ao lugar de arrastar-soltar os widgets.
Áreas de widget
Normalmente, você pode encontrar áreas de widget nas barras laterais de um tema, porém um tema pode incluir uma área de widget em qualquer parte da página. Por exemplo, além das posições típicas, o tema Twenty Seventeen inclui uma área de widget no rodapé de cada página.
Se você quiser colocar um widget numa posição diferente no seu tema, você precisará de um pouco de conhecimento de desenvolvimento e poderá seguir as instruções na seção de Widgets API aqui.
Usando widgets de texto
O widget de texto é um dos widgets mais usados dos widgets incluídos na cada instalação de WordPress. Este widget permite adicionar texto, vídeos, imagens, listas personalizadas e mais ao seu site do WordPress.
Para usar o widget de texto do WordPress:
- Visite Aparência > Personalizar no Painel do WordPress e clique no Widget no Personalizador. Ou, visite Aparência > Widgets no Painel do WordPress.
- Abra a barra lateral na qual você quiser adicionar o widget de texto.
- Busque o widget de texto na lista de widgets.
- Arraste e solte o widget na posição desejada.
Para abrir e editar o widget de texto:
- Clique na flecha para baixo ao lado direita do título do widget.
- Adicione um título (opcional).
- Adicione o texto ou código de HTML ao campo de texto ou edite o texto existente.
- Escolhe a opção Adicionar novos parágrafos automaticamente para colocar um tag de HTML para parágrafos (sugerido para texto).
- Clique Salvar para salvar o widget de texto.
- Clique Fechar para fechar o widget de texto.
- Troque de aba no seu navegador para pré-visualizar os resultados e, depois, fazer mudanças se for necessário.
O widget de texto pode incluir uma variedade de HTML, XHTML, e links de mídias, como mídias incorporadas de vídeo e outros objetos.
Adicionar código ao widget do texto
HTML básico, mídias incorporadas e JavaScript podem ser adicionados facilmente ao widget de texto do WordPress. A maioria dos códigos para incorporar mídias das redes sociais funcionarão no widget de texto. Porém, código ativo e linguagens de programação, como PHP, não funcionarão porque o widget removerá qualquer código que não pode ser mostrado.
Para adicionar código ativo ao widget de texto, é possível usar um dos plugins do WordPress no diretório de plugins do WordPress que podem passar por cima de essas regras. Verifique que eles funcionarão no widgets porque não é possível com todos.
Usando widgets de RSS
O widget de RSS te permite integrar um feed externo para integrar na área de widgets no seu site, como a sua conta de Twitter, posts no Facebook, Google+ e outros blogs.
O widget de RSS mostra o conteúdo publicado mais recente de qualquer origem com um feed ativo. É um modo ideal para integrar conteúdo externo ao seu site.
Por padrão, o widget de RSS mostra o título de post. Para um Tweet ou post não-titulado, o widget mostra os primeiros 100 caracteres. Podem ser na forma de um link ou podem apresentar um link à origem do conteúdo, dependo do desenho e estrutura do feed.
- Coloque o URL do feed RSS na primeira caixa, copiado da página de origem para o conteúdo que você quiser incluir na sua barra lateral ou qualquer outra área para widgets.
- Coloque um título para o feed: este não é obrigatório e te dá a oportunidade de mostrar a origem do conteúdo.
- Quantos itens você quer exibir?: Por padrão, se mostra 10, mas você pode selecionar entre 1 a 20 posts.
- Exibir conteúdo do item?: Esta opção te permite mostrar um resumo do conteúdo, e não apenas o título.
- Exibir o autor do item, se disponível? Se você quiser creditar o autor original do conteúdo, clique nesta caixa para mostrar o autor.
- Exibir data do item?: Se for disponível, a data do conteúdo original será mostrada.
Você pode adicionar várias widgets de RSS à sua barra lateral e outras áreas de widget no seu site.