Os widgets do WordPress permitem que os usuários adicionem diferentes funcionalidades às suas postagens e páginas sem escrever uma única linha de código. Seja exibindo posts recentes, feeds de mídia social ou HTML personalizado, adicionar widgets ao seu conteúdo permite um site mais dinâmico e interativo.
Na WPBeginner, usamos vários widgets em nossa barra lateral e rodapé para compartilhar informações importantes, destacar guias populares e fornecer recursos adicionais. Ao aproveitar ao máximo essas áreas, conseguimos oferecer conteúdo adicional que melhora a experiência do usuário, mantendo o site visualmente atraente e funcional.
Neste artigo, mostraremos como adicionar facilmente widgets do WordPress ao conteúdo de postagens e páginas.
Por que adicionar widgets do WordPress em postagens e páginas?
Widgets do WordPress são blocos de conteúdo que você normalmente adiciona às suas barras laterais, cabeçalhos, rodapés e outras áreas. Eles oferecem a flexibilidade de adicionar muitas funcionalidades e recursos diferentes ao layout do seu site WordPress.
Por exemplo, você pode mostrar seus posts mais recentes, adicionar um formulário de contato usando um bloco de widget e muito mais. A melhor parte é que você não precisa editar o código para adicioná-los.
Anteriormente, os widgets do WordPress só podiam ser adicionados a áreas de widgets como barra lateral, cabeçalho ou rodapé. No entanto, com o editor de blocos do WordPress, você agora pode adicionar facilmente widgets às suas postagens e páginas de blog.
Por padrão, o WordPress oferece diferentes tipos de widgets para arquivos, calendários, categorias, HTML personalizado, shortcodes, últimos comentários, posts recentes, RSS, recursos de pesquisa, ícones sociais e muito mais. Muitos plugins e temas do WordPress também oferecem seus próprios widgets do WordPress.
Dito isso, vamos ver como você pode adicionar widgets do WordPress a posts e páginas.
Adicionando Widgets do WordPress ao Conteúdo de Posts e Páginas
Primeiro, você precisará editar um post/página existente do WordPress ou adicionar um novo.
Uma vez que você esteja no editor de conteúdo do WordPress, clique no botão 'Adicionar Bloco' (+) para adicionar um novo widget.
Em seguida, role para baixo até a seção Widgets e arraste e solte o bloco de widget que você deseja adicionar ao conteúdo.
Vamos supor que você queira mostrar seus posts mais recentes do blog do WordPress dentro do seu conteúdo e aumentar o engajamento.
Para fazer isso, basta clicar no widget Últimos Posts, e seus artigos recentes aparecerão no conteúdo.
Você verá mais configurações no painel de blocos à sua direita para editar e personalizar suas opções de widgets.
Usando blocos de widget, você também pode adicionar shortcodes e HTML personalizado ao seu conteúdo sem escrever código. Isso torna super fácil adicionar personalização avançada e obter mais controle sobre a aparência do seu site.
Se você também quiser adicionar um widget personalizado à sua página/post, consulte nosso tutorial sobre como criar widgets personalizados no WordPress.
Da mesma forma, você também pode usar um bloco de widget para qualquer plugin do WordPress que esteja usando em seu site.
Por exemplo, se você estiver usando o WPForms, você pode adicionar seu formulário ao conteúdo usando o bloco WPForms.
Ao adicionar o bloco WPForms ao conteúdo de suas postagens e páginas, basta selecionar seu formulário no menu suspenso no próprio bloco.
Quando terminar, prossiga e publique sua postagem de blog ou página em seu site WordPress.
Bônus: Widgets Úteis para o Seu Site
Agora que você sabe como adicionar widgets às suas páginas e posts, você também deve se lembrar de adicionar apenas widgets seletivos. Se você adicionar widgets desnecessários, suas páginas podem parecer confusas, resultando em uma experiência de usuário ruim.
Por exemplo, você pode instalar e ativar o WP Call Button. Depois disso, você pode configurar as opções do plugin e, em seguida, adicionar seu widget à sua página de contato para incluir um botão de ligar agora.
Para mais detalhes, veja nosso tutorial sobre como adicionar um botão clicável para ligar no WordPress.
Da mesma forma, você pode adicionar um widget do RafflePress para adicionar um sorteio, um widget de Arquivo Compacto para exibir seus arquivos, um widget do WP Simple Pay para adicionar um formulário de pagamento, ou um widget de Contagem Social para exibir seus seguidores de mídia social.
Todas essas opções podem ajudar a aumentar o engajamento, gerar leads e aumentar as conversões em seu site. Para mais informações, você pode ver nossas escolhas de especialistas para os widgets mais úteis do WordPress.
Esperamos que este artigo tenha ajudado você a aprender como adicionar widgets do WordPress a posts e conteúdo de páginas. Você também pode querer ver nosso tutorial sobre como adicionar widgets personalizados de painel no WordPress ou nosso guia para iniciantes sobre revisões de posts do WordPress simplificadas.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Hove
Não funciona para mim: “Widget not in any sidebars”.
WPBeginner Support
Você primeiro precisaria garantir que o widget que você está tentando adicionar funcione em uma área de widget normal
Admin
Mick Holmes
Fantástico! Obrigado!
WPBeginner Support
You’re welcome
Admin
Pat Walter
MUITO OBRIGADO PELO shortcode amr em qualquer widget. Tentei e tentei fazer outros shortcodes funcionarem, mas não consegui. Mas seu plugin realmente me ajudou. Obrigado novamente.
WPBeginner Support
Not our plugin but glad our recommendation could help you
Admin
Hannah
Olá,
Existe alguma maneira de nos mostrar como fazer isso SEM usar um plugin? Por favor, me avise, obrigado.
Atenciosamente,
Hannah
WPBeginner Support
We will be sure to add that to our tutorials where it would make sense but writing out the code for a custom plugin would act the same as if you were installing a plugin to handle this.
Admin
Edu Hoffmann
Obrigado por compartilhar!
Esta dica foi muito útil e economizou muito do meu tempo
WPBeginner Support
Glad our guide could be helpful
Admin
Chris Beller
Olá, acabei de tentar fazer isso no editor de blocos e não consigo encontrar uma maneira de colocar o bloco de widget à direita das minhas postagens... Como a barra lateral aparece na minha página de blog. Como posso fazer isso?
WPBeginner Support
Se você quer dizer que quer seus widgets na área de widgets lateral, você deve entrar em contato com o suporte do seu tema para saber se existe uma área de widgets lá para posts e páginas.
Admin
Danny
Obrigado por isso.
Qual será o nome do "Widget de Posts e Páginas Populares" do Jetpack?
WPBeginner Support
Ele deve usar esse nome, caso contrário, você deve entrar em contato com o suporte do plugin, e eles devem ser capazes de ajudar.
Admin
Danny
Ok,
Outra coisa:
Eu tentei testá-lo na barra lateral e recebi algo como: Não há nada para ver aqui (o que significa que não há novas postagens, ou assim eu pensei)
Existe alguma maneira de mostrar minhas postagens mais populares, independentemente da data em que foram publicadas?
WPBeginner Support
Você deve entrar em contato com o suporte do widget de posts populares que você está usando para saber o que eles usam para mostrar as postagens.
Erik
Ótima ferramenta, funciona bem. Sem complicações para instalar e configurar. Obrigado
Tivon
Olá,
Não consigo adicionar outro ícone. Quando clico no botão, nada acontece.
Karan
Não funciona no tema clipper
Andres
Como posso adicionar um widget à Página de Posts (ou seja, Blog)?
Yo
Você tem que adicionar o plugin de widget amr para fazer isso. É fácil, no entanto.
Siddiqa Pathan
Perfeito! Muito obrigado pelo tutorial!
Pete
INCRÍVEL! – muito obrigado. Você me salvou de arrancar mais cabelo..
marsha
pessoal….por favor me ajudem….
O que devo fazer para que o wordpress download manager e o easy digital download funcionem em postagens nativas do wordpress… não quero fazer uma postagem no plugin deles, mas queria postar algo em minha postagem nativa do wordpress… o que devo fazer então???
assim posso obter a coisa valiosa de ambos os plugins apenas em meu wordpress nativo
me ajude por favor
karyn
Olá, eu realmente não entendo esses códigos e coisas de HTML. Quero adicionar o widget de categorias na minha página de categorias de arquivo. Também quero adicionar o widget de arquivos mensais na mesma página de Arquivos. O que eu faço? Estou realmente perdido.
Shona
Incrível – funcionou perfeitamente. Obrigado por este tutorial útil!
WPBeginner Support
Fico feliz que você achou útil. Certifique-se de nos seguir no Facebook.
Admin
Carol
funciona que é uma maravilha, muito obrigado!!!
WPBeginner Support
Olá Carol, fico feliz que tenha achado útil. Certifique-se de nos seguir no Twitter para receber mais dicas e truques do WordPress
Admin
Palla Sridhar
Olá.
Na verdade, tenho um requisito diferente.
Quero adicionar um texto e um link HTML dentro do conteúdo de todas as postagens com a mesma categoria. Para uma categoria diferente, quero incluir um texto e um link HTML diferentes. Espero que entenda. Por favor, ajude.
Inam U Khan
É um post útil se alguém quiser usar qualquer widget dentro de um post ou de uma página.
Rahul
olá, como posso usar o widget de texto em um post. usei o código [do_widget text] mas não está funcionando. quero inserir um slider de imagens no widget de texto, por favor, me ajude com esta forma ou qualquer outra forma. obrigado
channing
isso não está funcionando corretamente.
Instalei o plugin e colei o código no final da página, e quando clico em pré-visualizar, o widget acaba sendo o cabeçalho em vez de aparecer onde eu o coloquei.
JB
Isso deveria funcionar com o tema Customizr? Os widgets parecem funcionar nas barras laterais esquerda e direita, mas não dentro do conteúdo. Eu até instalei um plugin que fornece IDs de widget, para que eu possa incluir o ID correto no shortcode [do_widget ].
Como posso corrigir isso?
Jeffrey Beckers
Olá,
Estou usando seu plugin para mostrar o widget de tópicos recentes. Mas o shortcode não está sendo gerado no widget.
Gopi
Este é um plugin incrível. Existe alguma maneira de mudar o design do plugin?
Louis
Olá, este é um ótimo plugin. Obrigado por ele.
Existe alguma maneira de alterar os estilos do widget no AMR sem afetar os widgets no resto do site? Principalmente, estou preocupado com o preenchimento de 20% que centraliza o conteúdo de forma estranha na minha página. Se eu o alterar para 0% no CSS do .widget, fica ótimo, mas os widgets em outras páginas ficam todos bagunçados. Existe alguma maneira de aplicar CSS separado ao conteúdo do AMR sem afetar os outros widgets?
Mackenzie
Obrigado por isso, funciona muito bem no conteúdo de uma das minhas páginas. No entanto, não parece funcionar na minha página inicial. A área de edição da página inicial É diferente, pois preciso ir em opções do tema > aparência em vez da página individual... O WordPress apenas me dá um lugar para adicionar texto, embora eu use HTML lá para outras coisas que parecem funcionar bem. Tentei adicionar o shortcode à página de edição "home" também, sem sucesso.
Outra página neste site disse para adicionar o seguinte ao functions.php no meu tema filho:
add_filter(‘widget_text’, ‘do_shortcode’);
Mas apenas adicionar isso também não ajuda. Deve haver alguma configuração com a página inicial que não permite isso. Alguma ideia? Obrigado
WPBeginner Support
Seu tema pode estar usando um modelo personalizado. Contate o suporte do seu tema.
Admin
Coach Maria
Isso funcionaria para colocar conteúdo no final de cada post? (Como um formulário de inscrição?)
Sudhakar Goverdhanam
Funcionou bem, Obrigado
Zaheer Abbas
Obrigado.... O plugin de newsletter agora está funcionando em páginas e posts, assim como funciona apenas na barra lateral direita
gmanob
Baixei e ativei este plugin, depois fui em Aparência – Widgets, mas não consigo encontrar Shortcode. Alguma ideia? Obrigado!
Andrea Valgoi
Olá, tenho este problema. O widget em uma página específica (que funciona perfeitamente) se sobrepõe aos menus se eu rolar para baixo.
Alguma ideia de como resolver isso?
Yuriy
Incrível! Obrigado! Ótimo plugin! Atendeu completamente às minhas expectativas!
Asad Iqbal
É um prazer para mim usar este plugin. Abordagem muito boa.
Obrigado.
Tom
Obrigado! Isso funcionou.
Nicole @ The Pixel Boutique
Thank you! Just what I needed to make a separate page for Jetpack subscription signup. Great plugin I’ll use often.
anand kumar
como obtenho códigos curtos para widgets de php/texto.
este plugin não está mostrando nada para estes
Jessi
Este plugin é perfeito! Tenho uma dúvida, porém: Como se alinha o widget à esquerda da postagem com o texto envolvendo-a? Qual é o código CSS exato que precisa ser usado?
Shonda
Adoro seu widget. No entanto, como se edita um widget para poder usá-lo em mais de uma postagem com dados diferentes? Por exemplo, o widget que estou usando pergunta qual categoria e quantos posts dessa categoria quero exibir.
Do jeito que está, tenho que editar o widget na área de código curto, depois posso colocá-lo em uma página. Agora quero adicionar o widget a outras duas páginas com uma categoria e número de posts diferentes. Agradeço desde já.
WPBeginner Support
você pode adicionar múltiplos widgets arrastando-os para a barra lateral de códigos curtos na tela de widgets e usando o id do widget para exibi-lo na postagem.
Admin
Paul
Muito obrigado por este plugin!! Eu também gostaria de postar o mesmo widget em páginas diferentes, mas onde encontro o id do widget?
Sameer Verma
Olá,
Existe alguma maneira de exibir o id do widget em todas as postagens. Quero exibir um widget abaixo das postagens em todos os tipos de postagens.
Na verdade, preciso compartilhar este site abaixo em todas as postagens e páginas.
Como posso fazer isso??
rianne
Olá! Adicionei o widget na barra lateral principal na página de widgets e coloquei o código na página. Vejo o widget, o que é muito legal, mas também vejo esta mensagem:
Shortcodes da barra lateral com ID de barra lateral Shortcodes vazios ou não definidos.
Widget dooodl! não está na barra lateral com ID Shortcodes e com nome Shortcodes
Como posso deletar isso? E por que está lá?
obrigado! saudações
WPBeginner Support
O widget que você deseja exibir na página, você precisa arrastar e soltar esse widget na barra lateral de códigos curtos primeiro. Em seguida, use o código curto em uma página para exibir o widget.
Admin
Krishna veni
Olá,
Existe alguma maneira de exibir o ID do widget em todas as postagens? Quero exibir um widget abaixo do título da postagem em todas as postagens
Atenciosamente
Krishna Veni
Cindy tucker
Ajuda! Quero colocar um widget de inscrição abaixo de cada postagem e não sei nenhum código. Como faço isso?
kory s
Você pode simplesmente adicionar o widget ao widget de Shortcode e, em seguida, chamar o Shortcode em seu template onde você quer que ele vá...
Veja a outra postagem útil do wpbeginner em https://www.wpbeginner.com/wp-themes/how-to-use-shortcodes-in-your-wordpress-themes/
Flame Denise
Que tal se o widget mw for um Texto com um título “Nossos Serviços”?
Todos esses shortcodes não funcionam:
[do_widget Text: Nossos Serviços]
[do_widget Text:Nossos Serviços]
[do_widget “Text: Nossos Serviços”]
Alexander Bradley
Não sei por que o autor não respondeu a você. Eu tive o mesmo problema, mas descobri que o título do Widget é apenas chamado de Text. Tente isso e veja se funciona. Não tenho certeza do que acontece se você tiver vários widgets chamados Text, mas acho que verei em breve.
Daniel Nielsen
Olá
Como chamá-lo se você quiser usar o mesmo widget mais de uma vez em uma página:
[do_widget count down]
&
[do_widget count down]
Ashish
por exemplo
[do_widget “recent posts”] este
como posso alinhá-lo de forma que apareça com uma altura e largura específicas
alinhado ao lado direito do post ou no meio do post com o texto ao redor?
É possível?
WPBeginner Support
você pode ajustar o alinhamento usando CSS.
Admin
Sarah
Está faltando alguma etapa? Eu tentei o debug e ainda não funciona. Quando eu debugo, recebo um nome muito genérico para o widget “text-4”.
Existe uma maneira de definir o ID do widget manualmente?
Há algum problema com o plugin de widget de shortcode amr? Por exemplo, este ainda é o plugin a ser usado a partir de agosto de 2013?
Aistis
Ou o plugin foi atualizado ou este tutorial estava incorreto desde o início.
Use [do_widget id=recent-posts-2] ou [do_widget “Notícias recentes”]
WPBeginner Support
O tutorial está correto, verificamos novamente e você está fazendo exatamente o que mostramos no tutorial acima.
Admin
Prashant Ghai
Esta é uma dica incrível. Meu blog tem um tema de coluna única e este é exatamente o tipo de coisa que eu precisava. Muito obrigado.