Blog do MX Cursos

WordPress – Criando Widgets personalizados

Avaliar post

A utilização de widgets se torna um diferencial em nossos temas pela facilidade de utilizar, implementar e explorar novos recursos.

Para desenvolver um widget, você precisará basicamente entender a classe WP_Widget e implementar alguns métodos, que seriam:  __construct, widget, form, e update.

Veremos neste artigo como criar widget para WordPress de forma simples e prática.

Abaixo temos uma classe de exemplo com os métodos comentados:

Agora vamos criar algo prático.

No nosso site, precisamos criar um widget que exiba os posts mais comentados, informando o titulo do post, o link e quantidade de comentários.

Obs: Para nosso tutorial, utilizarei a versão 4.5.2 do WordPress e o tema twentytwelve, mas você poderá utilizar outras versões do WordPress e outros temas também.

Criaremos uma pasta chamada widget e dentro dela será criado um arquivo chamado : most_commented_posts.php

Colocarei por partes pra facilitar o entendimento.

O código estará com comentários.

Criamos a classe Most_Commented_Posts e estendemos a classe WP_Widget.

Agora vamos definir o construtor e chamar classe Pai do construtor pra definir as configurações do Widget.

Definiremos agora o método form, que é responsável por exibir o formulário na parte administrativa do WordPress

Agora vamos para o método update, que será responsável por salvar as novas informações.

Abaixo temos o método widget, que será responsável por exibir widget no tema

Agora vamos ao código da classe Most_Commented_Posts

Nessa pasta widget, vamos criar um arquivo chamado bootstrap.php. Esse arquivo será responsável por registrar o widget que criamos:

Agora no arquivo functions.php, incluiremos o arquivo boostrap.php

Agora acesse Aparência > Widgets. Do lado esquerdo é possível observar o novo widget que criamos.

Agora basta arrastar para a área da sidebar do tema.

Pronto! Seu Widget customizado está criado.

Gostou do artigo? Compartilhe e deixe seu comentário.

Um abraço e até a próxima.

David CHC

David CHC

Trabalha com desenvolvimento web há 10 anos, atuou como programador líder do MX Cursos por mais de 8 anos e hoje dedica-se exclusivamente à criação de cursos para a plataforma. Possui vasto conhecimento em PHP, Javascript, HTML5, CSS3, Gulp.js, GIT, MySQL

Your Header Sidebar area is currently empty. Hurry up and add some widgets.

Newsletter

Newsletter

Receba em seu e-mail conteúdos semanais sobre desenvolvimento, design, audiovisual e tecnlogia.

Inscrição realizada com sucesso!