Os widgets são complementos de códigos que que incrementam funcionalidades adcionais ao WordPress. Para prosseguir a leitura é recomendado que você tenha pelo menos noções básicas sobre PHP.
Neste tutorial vamos aprender a criar um de um widget básico, um exemplo apenas para entender como funcionam os widget no WordPress, este projeto vai simplesmente escrever a frase “Olá Mundo!” na barra lateral do seu blog, incrementando funções PHP você poderá criar muito mais funcionalidades, vamos lá:
Crie um arquivo php dentro de um diretório vazio, vamos chama-lo de ola.php e digite o seguinte código:
php
/*
Plugin Name: Hello World
Plugin URI: https://rotinadigital.net/
Description: Sample Hello World Plugin
Author: Ivanilton Quinto
Version: 1
Author URI: https://rotinadigital.net/
*/
function sampleHelloWorld()
{
echo " |
php
/*
Plugin Name: Hello World
Plugin URI: https://rotinadigital.net/
Description: Sample Hello World Plugin
Author: Ivanilton Quinto
Version: 1
Author URI: https://rotinadigital.net/
*/
function sampleHelloWorld()
{
echo "
Olá Mundo!
“; } ?>
As linhas dentro do comentário / * … * / são utilizados pelo WordPress para pegar informações sobre o plugin.Observe que criamos a função sampleHelloWorld, que é responsável por imprimir nossa mensagem.Logo abaixo vamos registrar nosso plugin como um widget e habilitar o funcionalidade de arrastar e soltar dentro da página de administração do WordPress.
function widget_myHelloWorld() {
?> |
function widget_myHelloWorld() {
?>
My Widget Title
Terminamos nosso primeiro plugin para WordPress, salve o ola.php e vamos para instalação:
Acesse o seu site usando um programa FTP, recomendamos o “FileZilla”;
Todos os plugins do WordPress ficam em “/wp-content/plugins/” faça o upload do ola.php para lá, não esqueça que ele deve esta dentro do diretório que você criou;
Vá até o painel Gerenciador do seu wordpress, clique no menu Plugin, você ira visualizar uma lista de todos os plugins, procure pelo Olá Mundo e ative-o;
Siga para o menu: Aparência >> Widgats, localize o Olá Mundo e arraste para o sidebar e pronto.
Carregue um página de seu Brog e admire seu trabalho!
Código completo, com algumas inclusões adicionais para dar maior compatibilidades com os temas do wordpress:
Plugin Name: Hello World
Plugin URI: http://rotinadigital.net/
Description: Sample Hello World Plugin
Author: Ivanilton Quinto
Version: 1
Author URI: http://rotinadigital.net/
*/
function sampleHelloWorld()
{
echo "
Hello World
"; } function widget_myHelloWorld($args) { extract($args); echo $before_widget; echo $before_title;?>My Widget Title |
Plugin Name: Hello World
Plugin URI: https://rotinadigital.net/
Description: Sample Hello World Plugin
Author: Ivanilton Quinto
Version: 1
Author URI: https://rotinadigital.net/
*/
function sampleHelloWorld()
{
echo "
Hello World
"; } function widget_myHelloWorld($args) { extract($args); echo $before_widget; echo $before_title;?>My Widget Title
Qualquer dúvida ou sugestão deixe seu comentário.
Oi Ivanilton, somos parentes? hehe
Valeu pelo post, to estudando essa parte de widgets e teu site me ajudou muito…
Abraço!
Valeu compadre, foi um prazer ajudar 🙂
Abração!