Desenvolver com o WordPress é algo tão versátil e flexível, que o trabalho torna-se mais prazeroso e eficiente. Hoje o CanalWP vai ensinar a você como criar as suas próprias sidebars. Independente do seu tema, você será capaz de criar novas áreas para seus widgets e tornar a usabilidade dentro da plataforma mais fácil e personalizada para a necessidade do seu projeto ou negócio.

As WordPress dynamic_sidebar são utilizadas no desenvolvimento de temas e até para a customização de identidade visual, como para atribuir a LOGO de um site. Trabalhar com dynamic_sidebar permite que você instale widgets em qualquer lugar que você queira. Basta apenas, incluir no HTML do seu site a dynamic_sidebar que você deseja.

WordPress dynamic_sidebar

O primeiro passo para criar suas dynamic_sidebar é atribuí-las as suas páginas, e registrar sua sidebar. Localize o arquivo functions.php do seu tema e vamos começar a trabalhar nele. Precisaremos editar este arquivo, então utilize o software para edição de código de sua preferência ou acesse Aparência > Editor. É muito mais indicado que você use um editor de código, mas para pequenas alterações o Editor do WordPress pode ser bem útil.

Registrando sua primeira sidebar

Com o functions.php pronto para edição, você deve localizar a área onde suas sidebars são declaradas. Não é uma tarefa muito difícil. Você deve procurar por um bloco de código semelhante ao que vamos usar mais abaixo. Preste atenção aos detalhes e explicações que vamos ensinar. OK? Assim você conseguirá entender como que as coisas funcionam no WordPress.

Você deve copiar e colar o bloco de código dentro do arquivo functions.php, fazendo os devidos ajustes e salvando no final.

// Registro das suas widgets
if ( function_exists('register_sidebar') )
{
    register_sidebar(array(
        'name' => __( 'NOME PARA A SUA SIDEBAR'),
        'id' => 'sidebar-1',
        'description' => __( 'Breve descrição sobre esta SIDEBAR.'),
        'before_title' => '<h1>',
        'after_title' => '</h1>',
    ) );
} 

Entendendo o código:

A primeira linha do nosso código verifica a existência de uma função nativa do WordPress, destinada aos registros de dynamic_sidebar.

Depois você consegue perceber que as linhas de código que começam o registro são exibidas. Aqui você deve especificar um nome ÚNICO para a sua sidebar – atribua um nome que você consiga localizá-la com facilidade na sua área de widgets no Dashboard (Aparência > Widgets).

O próximo passo é definir um ID, um código identificador, para a sidebar que estamos registrando. É importante ressaltar que esse ID deve ser único, ou seja, não pode haver outra sidebar com o mesmo ID.

Agora você vai digitar uma breve descrição sobre a sua sidebar. Digite um pequeno texto que informe em qual local a respectiva sidebar será exibida em seu site. Dessa forma fica mais fácil de personalizar sem se perder durante o processo.

Depois que você salvar o functions.php com a sua nova sidebar registrada, a área de widgets deve ficar bem parecido com isso:

Como registrar mais de uma dynamic_sidebar

Como dissemos no início deste post, você pode registrar quantas sidebars quiser e incluí-las onde desejar. Para fazer o registro de mais de uma dynamic_sidebar o processo é o mesmo. Acompanhe abaixo:

// Registro das suas widgets
if ( function_exists('register_sidebar') )
{
    register_sidebar(array(
        'name' => __( 'NOME PARA A SUA SIDEBAR'),
        'id' => 'sidebar-1',
        'description' => __( 'Breve descrição sobre esta SIDEBAR.'),
        'before_title' => '<h1>',
        'after_title' => '</h1>',
    ) );
    register_sidebar(array(
        'name' => __( 'NOME PARA A SUA SEGUNDA SIDEBAR'),
        'id' => 'sidebar-2',
        'description' => __( 'Breve descrição sobre a SEGUNDA SIDEBAR.'),
        'before_title' => '<h1>',
        'after_title' => '</h1>',
    ) );
}

Viu como é fácil? Basta repetir a lógica para registrar uma sidebar, respeitando as regras que listamos mais acima, como Nome único para cada sidebar e ID único. Salve seu arquivo functions.php e vamos continuar nossa implementação.

Exibindo a dynamic_sidebar

Agora que você já registrou sua sidebar e , precisamos colocar o código que as exibe em seu site. Com o arquivo referente ao local que você irá instalar a dynamic_sidebar aberto e pronto para edição, insira o seguinte código PHP:

if ( is_active_sidebar('sidebar-1') ) {
    dynamic_sidebar('sidebar-1');
}

Entendendo o código:

Aqui a primeira coisa que fazemos é verificar se a Sidebar realmente existe por meio da ID que foi especificada. Se ela foi registrada com a ID informada, a resposta de retorno para a condicional será TRUE (Verdadeiro) e partimos para o próximo passo.

Agora chegamos na função que irá imprimir em seu site a sidebar de ID ‘sidebar-1’. Isso quer dizer que, todos os widgets atribuídos a ela por meio de Aparência > Widgets serão listados. Se você colar esse código para exibir a sidebar, mas não tiver atribuído nenhum widget a ela, nada irá aparecer em seu site.

Boas práticas

Sempre utilize marcações HTML para organizar as estruturas de layout para o conteúdo do seu site, suas sidebars, cabeçalhos e rodapés. Estudar a plataforma WordPress, bem como linguagens que vão melhorar o desenvolvimento e aparência do seu site, são de grande valor para a sua carreira e negócio. Quando o assunto for funções e desenvolvimento WordPress, sempre tenha o Codex como sua ferramenta de consulta.

Deu erro na implementação do código para WordPress dynamic_sidebar? Reveja passo por passo e tente novamente. Se ainda assim você não conseguir, entra em contato com a gente. Teremos o imenso prazer de te ajudar e aumentar os nossos conhecimentos juntamente com você.

Se você gostou desse artigo considere compartilhar nas redes sociais, se lhe foi útil de alguma maneira deixe seu comentário, dúvida ou até mesmo sua experiência adicionando o código.