em

Como criar widgets para o Worpress


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 "

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() {
?>

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

Qualquer dúvida ou sugestão deixe seu comentário.

Gostou dessa matéria?

Inscreva seu email para receber atualizações com as últimas publicações do nosso blog.
[jetpack_subscription_form show_subscribers_total="false" button_on_newline="false" custom_font_size="16px" custom_border_radius="0" custom_border_weight="1" custom_padding="15" custom_spacing="10" submit_button_classes="" email_field_classes="" show_only_email_and_button="true" success_message="Sucesso! Enviamos um e-mail para confirmar a sua assinatura. Encontre o e-mail agora e clique em 'Confirmar' para iniciar a inscrição."]

2 opinaram!

Deixe sua opinião!

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *