Como criar Widgets e colocar onde quiser no WordPress?

Desenvolvedor WordPressEssa solução ajudou bastante no trabalho que eu estava desenvolvendo em um template  WordPress para um cliente, resolvi então compartilhar aqui no site para ajudar a você que esta necessitando também utilizar no seu trabalho.

Após desenvolver todo o sistema, o cliente me procurou novamente e me perguntou se tinha como colocar um vídeo que ele pudesse mudar na página através dos Widgets, foi aí então que resolvi encontrar uma solução programando no template e no CSS um Widget que poderia ser posicionado no lugar determinado pelo cliente.

Veja como criar um Widget

É necessário que o tema possua um arquivo functions.php, caso o seu tema não possua, crie e coloque as seguintes permissões dentro do seu arquivo functions:

<?php
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'video',
'before_widget' => '<div class="rightBox">',
'after_widget' => '</div>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));
?>

A função acima irá criar na área Widget do seu painel de controle um Widget com o nome de “vídeo“. Esse nome pode ser qual você achar melhor para sua criação. Depois de chamar a função, insira o código da chamada do Widget dentro do código fonte do index.php do seu tema onde você quer que o Widget que você criou apareça no seu site, utilizando para isso o código seguinte:

<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar("video") ) : ?>
<?php endif ;?>

Para posicionar o Widget em um local específico no tema você precisara editar o style.css do seu template definindo o local exato para ser exibido. Qualquer dúvida pode postar aí !

Posts Relacionados

Comentarios (39)

  1. Boas,

    Como fazer ele aparecer nos widgets, em vez de termos de ser nós a colocar manualmente o codigo?

    • Rui,
      quando você insere o código no function do seu tema ele aparece automaticamente no seu painel de controle Widget com o nome que você deu em “name”! No caso da explicação o nome foi “video”. Depois é só você posicionar o Widget no seu index.
      Toda vez que você for fazer qualquer modificação no Painel de controle, Widget Video, automaticamente será modificado em seu index.

  2. Olá amigo, valeu pelo tutorial! Olha só até ao primeiro código, deu certo, apareceu nos meus widgets, mais o segundo código não, não está atualizando na página o que eu coloco no widget

  3. Poxa amigo, descobri aqui, onde você colocou (“feeds”), é necessário colocar o nome video conforme definido no functions, certo? e tbm vc colocou aspas duplas, dai não roda, pelo menos aqui nos meus testes não rodou. mais é muito shou de bola viu! parabéns. Axiste uma tabela dos atributos para adicionar nos functions? por exemplo você especificou uma LI e um H2, existe a possibilidade de se utilizar outros atributos? ou até mesmo usar um template para o widget? Desde já agradeço!

  4. Amigo, e como faço para criar aquelas opções que a gente arrasta pra dentro do widget ?

  5. as widgets que a gente arrasta.. tipo ‘widget de texto’, se eu quiser fazer uma pra personalizar, como faço ?

  6. Como colocar Widget da Loja Hotmart no meu Blog do WordPress na pagina central?
    Obrigado.

  7. Boa noite, eu fiz o download de um template e estou a modificá-lo, não percebo praticamente nada de php mas como as modificações foram muito básicas consegui o que queria. Só me está a faltar conseguir meter um widget no topo, por baixo do cabeçalho e acima dos posts. Este template tem widgets na barra lateral e no rodapé mas não no topo e não estou a conseguir fazer.
    Depois de inserir o codigo no ficheiro functions.php, onde colo o segundo codigo para que apareça o widget no topo?

Comments are closed.