{"id":52647,"date":"2022-10-04T07:00:01","date_gmt":"2022-10-04T14:00:01","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=52647"},"modified":"2025-05-26T10:31:10","modified_gmt":"2025-05-26T17:31:10","slug":"guia-para-barras-laterais-e-widgets-do-wordpress","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/pt\/guia-para-barras-laterais-e-widgets-do-wordpress\/","title":{"rendered":"Widgets e Sidebars do WordPress: Tudo o Que Voc\u00ea Precisa Saber"},"content":{"rendered":"\n

Possivelmente, o ponto mais forte de venda do WordPress \u00e9 o qu\u00e3o personaliz\u00e1vel ele \u00e9<\/a>, mesmo para iniciantes. Claro, voc\u00ea ainda precisa entender as caracter\u00edsticas fundamentais da plataforma se quiser aproveitar ao m\u00e1ximo o seu site. Aprender como funcionam as barras laterais e Widgets \u00e9 um excelente primeiro passo.<\/p>\n\n\n\n

Os Widgets do WordPress s\u00e3o pequenos m\u00f3dulos \u00fateis que permitem adicionar funcionalidades espec\u00edficas \u00e0s barras laterais e rodap\u00e9s dos temas Cl\u00e1ssicos. Melhor ainda, voc\u00ea n\u00e3o precisa saber programar para utiliz\u00e1-los. Gra\u00e7as aos Widgets, voc\u00ea pode usar suas barras laterais para exibir imagens, posts recentes, uma barra de pesquisa e muito mais.<\/p>\n\n\n\n

Introdu\u00e7\u00e3o aos Widgets e Sidebars do WordPress<\/b><\/h2>\n\n\n
\n
\"a<\/figure><\/div>\n\n\n

Existem algumas maneiras pelas quais o WordPress ajuda voc\u00ea a personalizar a apar\u00eancia e a funcionalidade do seu site, mesmo que voc\u00ea n\u00e3o seja um designer. Por exemplo, temas permitem que voc\u00ea fa\u00e7a mudan\u00e7as em larga escala<\/a> na apar\u00eancia do seu site. No entanto, e se voc\u00ea quiser adicionar recursos espec\u00edficos \u00e0s suas p\u00e1ginas da web?<\/p>\n\n\n\n

Entre os Widgets<\/a> \u2014 op\u00e7\u00f5es simples, mas flex\u00edveis que j\u00e1 est\u00e3o inclu\u00eddas no WordPress por padr\u00e3o. Os Widgets s\u00e3o pequenos m\u00f3dulos pr\u00e9-constru\u00eddos que adicionam novas funcionalidades ao seu site. Usando um Widget, voc\u00ea pode incluir recursos como uma barra de pesquisa, uma lista de posts recentes, um menu personalizado e muito mais. Al\u00e9m disso, o m\u00e9todo de colocar efetivamente um Widget no seu site n\u00e3o poderia ser mais f\u00e1cil.<\/p>\n\n\n\n

Quanto ao local onde eles v\u00e3o, existem uma ou mais \u00e1reas designadas ‘widget’ no seu site. Estas podem variar frequentemente dependendo do seu tema. No entanto, em geral, est\u00e3o na barra lateral do seu site<\/a> e no rodap\u00e9. Portanto, Widgets podem construir suas barras laterais e elementos semelhantes, para que voc\u00ea possa personalizar o que eles cont\u00eam.<\/p>\n\n\n\n

Como Adicionar Widgets ao Seu Site WordPress<\/b><\/h2>\n\n\n\n

\u00c9 sempre mais f\u00e1cil entender como uma funcionalidade funciona ao v\u00ea-la em a\u00e7\u00e3o. Ent\u00e3o, vamos explicar exatamente como usar Widgets no WordPress.<\/p>\n\n\n\n

Existem duas maneiras de adicionar Widgets ao seu site. Voc\u00ea vai querer acessar seu painel e ent\u00e3o navegar at\u00e9 Appearance > Customize<\/i> ou Appearance > Widgets<\/i>. Lembre-se de que o Editor de Site<\/a> n\u00e3o usa Widgets, ent\u00e3o voc\u00ea n\u00e3o pode realizar nenhum desses m\u00e9todos com um tema de bloco.<\/p>\n\n\n\n

Como o Personalizador do WordPress<\/a> permite que voc\u00ea veja as altera\u00e7\u00f5es no seu site \u00e0 medida que as faz, usaremos o primeiro m\u00e9todo. Uma vez que voc\u00ea esteja na tela de Personaliza\u00e7\u00e3o<\/i>, clique na aba de Widgets<\/i>:<\/p>\n\n\n

\n
\"personalizando<\/figure><\/div>\n\n\n

Aqui, voc\u00ea ver\u00e1 uma lista das \u00e1reas de widget do seu site. Novamente, o que essas \u00e1reas s\u00e3o (e onde est\u00e3o localizadas nas suas p\u00e1ginas) variar\u00e1 com base no tema que voc\u00ea est\u00e1 usando. No nosso exemplo, estamos usando o tema Twenty Seventeen<\/a> do WordPress, que possui uma barra lateral no lado direito da p\u00e1gina e dois rodap\u00e9s separados.<\/p>\n\n\n\n

Clique na \u00e1rea do widget que voc\u00ea deseja personalizar. Voc\u00ea provavelmente ver\u00e1 alguns Widgets listados l\u00e1 j\u00e1. Por exemplo, o Twenty Seventeen tem dois Widgets Text<\/i> e um Widget Search<\/i> na barra lateral por padr\u00e3o:<\/p>\n\n\n

\n
\"personalizando<\/figure><\/div>\n\n\n

Selecione o bot\u00e3o Adicionar um Widget<\/i>, e voc\u00ea ver\u00e1 uma lista de todas as op\u00e7\u00f5es que pode colocar na sua \u00e1rea de widget. Digamos que voc\u00ea queira incluir uma lista de categorias na sua barra lateral. Voc\u00ea simplesmente clicaria no widget Categorias<\/i>, e ele aparecer\u00e1 na lista \u00e0 esquerda:<\/p>\n\n\n

\n
\"configura\u00e7\u00f5es<\/figure><\/div>\n\n\n

Para personalizar o pr\u00f3prio widget, clique na pequena seta no canto direito. Cada widget possui op\u00e7\u00f5es \u00fanicas. Por exemplo, o widget Categorias<\/i> permite que voc\u00ea defina um t\u00edtulo e escolha entre algumas configura\u00e7\u00f5es.<\/p>\n\n\n\n

Se voc\u00ea deseja remover um widget, pode clicar em Remover<\/i> na parte inferior da sua janela. Para reordenar os Widgets, selecione um e arraste-o para cima ou para baixo:<\/p>\n\n\n

\n
\"editando<\/figure><\/div>\n\n\n

No lado direito da p\u00e1gina, voc\u00ea pode ver suas altera\u00e7\u00f5es ao vivo acontecerem. Por exemplo, arrastar o widget Categorias<\/i> para sua barra lateral faz com que ele apare\u00e7a imediatamente na p\u00e1gina.<\/p>\n\n\n\n

Voc\u00ea pode fazer isso com todas as \u00e1reas de widget do seu site, ajustando-as at\u00e9 que esteja satisfeito. Quando terminar, n\u00e3o se esque\u00e7a de clicar no bot\u00e3o Publicar<\/i> para salvar suas altera\u00e7\u00f5es!<\/p>\n\n\n\n

\n\n\n

Get Content Delivered Straight to Your Inbox<\/h2>

Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>

<\/div>