18 de janeiro de 2011 Wordpress

Criando Sidebar Dinâmica no WordPress

Aprenda a adicionar sidebars e adicione os widgets disponíveis dentro do painel de administração.

Por Paulo Rodrigues

O WordPress disponibiliza uma função para criar sidebars de forma dinâmica, onde no painel de administração podemos gerenciar todos os Widgets disponíveis ou Widgets instalados.

Essa função, mais uma vez, sai na frente e contribui para o WordPress ser esse CMS tão poderoso para os desenvolvedores e os usuários que o utilizam.

De início iremos registrar a sidebar. Para isso coloque esse código em functions.php:

[cc lang="php"]
/* Registando a primeira sidebar*/
register_sidebar( array(
‘name’ => ‘Minha Primeira Sidebar’,
‘id’ => ‘minha-primeira-sidebar’,
‘description’ => ‘Esta é a primeira sidebar do meu site’,
‘before_widget’ => ‘

‘, /* Depois da Widget */
‘before_title’ => ‘

‘, /* Antes do título */
‘after_title’ => ‘

‘, /* Depois do título */
) );

/* Registando a segunda sidebar*/
register_sidebar( array(
‘name’ => ‘Minha Segunda Sidebar’,
‘id’ => ‘minha-segunda-sidebar’,
‘description’ => ‘Esta é a segunda sidebar do meu site’,
‘before_widget’ => ‘

‘, /* Depois da Widget */
‘before_title’ => ‘

‘, /* Antes do título */
‘after_title’ => ‘

‘, /* Depois do título */
) );
[/cc]

Neste código, registramos nossa sidebar, ou seja, aplicamos os parâmetros que estarão agregados a ela. Os três primeiros parâmetros estão subentendidos, mas você pode definir o valor que quiser. O restante dos parâmetros agregará o que vai está antes e depois do Widget e do Título. Você pode personalizar como quiser, com uma LI ou DIV ou até outra tag que queria retornar.

Retornando a sidebar

Adicione o seguinte código aonde queria que retornasse a sua sidebar:

[cc lang="php"]

[/cc]

A função vai agregar o nome da sidebar ou o ID da sidebar de forma muito simples. Para deixar mais completo, vamos adicionar uma condição, só para verificar se a sidebar está ativa. A função is_active_sidebar vai agregar também o nome da sidebar ou o ID dela.

[cc lang="php"]
/* Retornando minha primeira sidebar */
if ( is_active_sidebar('minha-primeira-sidebar') ) {
dynamic_sidebar('minha-primeira-sidebar');
}

/* Retornando minha segunda sidebar */
if ( is_active_sidebar('minha-segunda-sidebar') ) {
dynamic_sidebar('minha-segunda-sidebar');
}
?>
[/cc]

Caso tenham dúvidas, verifiquem em http://codex.wordpress.org/Widgets_API