Criação de widgets... como insiro meu widget no wordpress

[Spyder.RV 0]

Estou estudando para aprender a criar meus próprios widgets e fui dar uma lida na documentação em Widgets_API e também seguindo um bom tutorial que achei na web feito pelo Thiago Belém. Link para o tutorial: Criando seu primeiro widget no wordpress.

 

O problema é que tanto na documentação quanto nesse tutorial (e em vários que achei pela web), só vem explicando como criar e não como e onde inserir esse código lá no wordpress.

 

Alguém pode me dar uma luz sobre como fazer para inserir meus widgets no wordpress ?

[Marcelo N. Sousa 5]

no arquivo functions.php do tema, ou crie um plugin para ele.

[Spyder.RV 0]

no arquivo functions.php do tema, ou crie um plugin para ele.

Ah... entendi! Valeu!!!!

 

Pesquisando mais achei uns videos interessantes explicando passo a passo a criação de um widget via plugin...

 

 

 

[Marcelo N. Sousa 5]

o escola wp tem um tutorial mostrando com criar um plugin bem simples para Wordpress.

http://www.escolawp.com/como-desenvolver-plugins-para-wordpress/

[Spyder.RV 0]

Hum... muito bom!

[Spyder.RV 0]

Meu plugin para o widget tá começando e tomar forma... A parte básica tá pronta... o widget já tá sendo inserido corretamente na administração de widgets e exibindo um "hello world" na página do visitante... e vou começar os recursos do widget.

A idéia é ter um combobox com os tipos para serem selecionados (Post, Pages, Custom Posts, etc)... essa parte tá pronta...

Agora preciso implementar via AJAX uma consulta para trazer os posts conforme cada tipo de post_type selecionado no combobox.

Alguma dica de como fazer isso ?

[Marcelo N. Sousa 5]

não entendi muito bem. você fala em adicionar o javascript no plugin

[Spyder.RV 0]

Isso... Eu vi na documentação que o wordpress tem uma classe pra implementar ajax, mas não saquei como fazer...

 

A ideia é ter 2 comboboxes... 1 com a lista dos tipos de Posts (Pagina, Post, Custom Post Types)... e conforme a seleção popular o outro combobox com o título/id dos posts filtrados.

[Marcelo N. Sousa 5]

tai o script é so deixar do seu jeito

 

define ( 'PLUGIN_URL', plugin_dir_url(__FILE__)); 


//adiciona javascript e css na pagina do plugin
	function scripts(){
		 wp_enqueue_script(	'custom-script1', 'http://www.ajaxblender.com/article-sources/jquery/ajax-tabs-example/jquery-1.3.2.min.js');
	     wp_enqueue_script(	'custom-script', PLUGIN_URL.'js/tabs.js');	     
	     wp_enqueue_style(	'custom-style', PLUGIN_URL.'css/tabs.css');
}
add_action('admin_print_scripts', 'scripts');




//aciona elementos no header e no footer do site
add_action( 'wp_footer', 'scripts_header'); 
function scripts_header() {
echo '<link rel="stylesheet" type="text/css" href="'.PLUGIN_URL.'css/demo.css" />	
		<script type="text/javascript" src="'.PLUGIN_URL.'js/modernizr.custom.46884.js"></script>';
}



add_action( 'wp_footer', 'scripts_footer'); 
function scripts_footer() {
   echo '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript" src="'.PLUGIN_URL.'js/jquery.slicebox.js"></script>';
}

[Spyder.RV 0]

 

tai o script é so deixar do seu jeito

 

define ( 'PLUGIN_URL', plugin_dir_url(__FILE__)); 


//adiciona javascript e css na pagina do plugin
	function scripts(){
		 wp_enqueue_script(	'custom-script1', 'http://www.ajaxblender.com/article-sources/jquery/ajax-tabs-example/jquery-1.3.2.min.js');
	     wp_enqueue_script(	'custom-script', PLUGIN_URL.'js/tabs.js');	     
	     wp_enqueue_style(	'custom-style', PLUGIN_URL.'css/tabs.css');
}
add_action('admin_print_scripts', 'scripts');




//aciona elementos no header e no footer do site
add_action( 'wp_footer', 'scripts_header'); 
function scripts_header() {
echo '<link rel="stylesheet" type="text/css" href="'.PLUGIN_URL.'css/demo.css" />	
		<script type="text/javascript" src="'.PLUGIN_URL.'js/modernizr.custom.46884.js"></script>';
}



add_action( 'wp_footer', 'scripts_footer'); 
function scripts_footer() {
   echo '<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<script type="text/javascript" src="'.PLUGIN_URL.'js/jquery.slicebox.js"></script>';
}

 

Valeu parceiro!!!

 

Tu é o cara!!!

 

Eu só vou ter como ver isso agora na semana que vem porque estou saindo de viagem... assim que validar posto o resultado aqui para futuras referências...

 

Grande abraço