Opa,
Quando você registra sua sidebar, vc pode escolher em qual elemento html cada widget ficará definindo as propriedades before_widget e after_widget.
Veja: http://codex.wordpress.org/Function_Reference/register_sidebar
Mas não precisa ser uma div pra ter esse efeito “separado” como você quer. É só uma questão de css, então to movendo esse tópico pra seção de Temas e Templates.
Leo,,
Use a classe .widget
, crie a classe no arquivo style.css
:
.widget {
display:table;
border:1px solid #ccc;
background:#fff;
margin:10px 0 10px 0;
padding:10px;
}
Há como criar bordas arredondadas (procure por ‘css rounded corners’) e inserir o código no trecho acima; mas não é recomendado (não valida).
Se quiser estilizar para sidebar e footer separado:
#sidebar .widget{
}
#footer .widget{
}