Embora já tenhamos aqui falado do serviço WPManage, que permite gerir vários blogs WordPress em simultâneo, e da importância de ferramentas desse género para blogueiros e webmasters que têm muitos projetos na internet, a verdade é que nunca havíamos experienciado algo tão bom como o WP Remote, um novo serviço para a comunidade WordPress, totalmente GRATUITO, que permite monitorizar, atualizar e gerir remotamente todos os seus sites e blogs em WordPress, com um serviço de backups integrado, que guarda todos os seus dados em servidores S3 da Amazon, para que você possa concentrar-se em fazer aquilo que você melhor sabe fazer: criar um blog de sucesso.

O WP Remote é um aplicativo Web, desenvolvido pela empresa Inglesa Human Made Limited, uma agência de desenvolvimento de trabalhos em WordPress, e é oferecido gratuitamente. O aplicativo inclui também um plugin WordPress com sincronização por meio de uma API, para interligar os seus blogs ao painel de controlo. Explicamos de seguida, passo-a-passo, como configurar o WP Remote e adicionar os seus blogs ao painel de controlo, facilmente.

CONFIGURANDO O WP REMOTE

O processo de configuração do WP Remote é bem básico, e o mais interessante, além de ele ser gratuito, é que você pode colocar quantos sites e blogs você desejar. Mais interessante ainda, é que você pode organizar esses sites em diferentes diretórios, mantendo toda a sua estrutura de sites e blogs debaixo de olho, e suas atualizações do WordPress e plugins igualmente atualizadas ao minuto, com backups frequentes para os servidores Amazon S3. Tudo isso, de forma totalmente gratuita.

Comece por criar uma conta no WP Remote. É gratuito, portanto, não tem como não fazê-lo.

Ao entrar na sua conta, você não terá nenhum site/blog em WordPress ligado na sua conta do WP Remote. Para começar a adicionar seus sites, você pode clicar em +Site, para adicionar um determinado site/blog que você tenha. Se desejar, pode também clicar em +Group para criar diferentes grupos de sites e blogs que você tenha e que usem o WordPress.

Ao clicar no +Site, você deverá colocar o nome e endereço URL do seu site/blog que você pretende adicionar à plataforma do WP Remote. Você terá de fazer esse processo, forçosamente, para cada um dos seus sites/blog em WordPress, não necessário voltar a fazê-lo no futuro.

No passo seguinte, você vai receber um aviso igual a esse, indicando que você não tem o plugin instalado em seu blog. Isto significa que você terá de instalar o plugin do WP Remote, para ele possa acessar o seu blog e dar-lhe as informações que você precisa. Aquela chave API ali em cima, você vai precisar adicionar ao plugin, depois de o instalar e ativar em seu blog.

No passo seguinte, você precisa fazer uma busca no repositório de plugins, clicando em “Plugins > Adicionar Novo” e digitando “wp remote” na caixa de busca. Quando aparecer o plugin “The WP Remote WordPress Plugin”, desenvolvido pela Human Made Limited, você deverá clicar em instalar.

Quando você clicar em “Ativar” o plugin, ele irá mostrar uma mensagem, indicando que você deverá fornecer a chave API para o seu site em questão. Essa chave de API é aquela que vimos anteriormente no aviso. Copie a chave, cole na caixa correspondente e clique em “Save API Key” para guardar a chave e sincronizar seu blog com o WP Remote.

Para que ambos fiquem devidamente sincronizados, você precisa ir no WP Remote e clicar em “Check for Plugin”, o botão que aparece por baixo da chave de API que vimos anteriormente na caixa de diálogo, para verificar que o plugin se encontra instalado, ativo e funcionando corretamente em seu blog.

Se o seu site/blog estiver corretamente sincronizado com o WP Remote, você irá ver uma caixa de diálogo semelhante a essa, que oferece diversas possibilidades, nomeadamente atualizar a versão do seu WordPress, atualizar os plugins que você tiver desatualizados, realizar backups na hora se você clicar em “Backup Site Now”, ou então ativar a checkbox “Automatically backup this site daily”, para que o sistema efetue backups do seu site todos os dias, automaticamente.

O painel de controlo do seu WP Remote deverá ficar semelhante a isto, quando você começar a adicionar vários sites e blogs na plataforma. Conforme referimos no início, você pode clicar em “+Group” para criar diferentes grupos e arrastar lá para dentro os sites e blogs que você desejar. Isso pode ser extremamente útil para você separar os seus diferentes sites e blogs e/ou para separar os seus sites dos sites dos seus clientes, por exemplo.

E VOCÊ, JÁ CONHECIA O WP REMOTE?

Já conhecia o WP Remote? Está a ponderar inscrever-se e associar todos os seus sites e blogs, para gerir todos eles a partir de um único local, tendo em consideração que a aplicação é gratuita e os backups são automáticos? Deixe o seu comentário!

Até Já!

Artigos Recomendados

• Criar formulários personalizados com o WP Ninja Forms
• Como carregar imagens no WordPress à medida que se faz scroll na página?
• Como criar um Membership Site com integração PagSeguro e Paypal no WordPress?
• Function Bar – a Hello Bar para WordPress
• Plugin Grátis: Editor nativo do WordPress no Formulário de Comentários
• Plugins WordPress para criar formulários de contato

Recentemente escrevemos um artigo aqui no blog com Plugins WordPress para criar formulários de contato, mas nele não incluimos um excelente plugin que foi lançado recentemente no mercado, intitulado de WP Ninja Forms. Embora não seja um plugin tão poderoso e versátil como o Gravity Forms, o WP Ninja Forms, permite-lhe criar formulários diversificados, usando um simples sistema de arrastamento de janelas, para configurar seus formulários de acordo com as suas necessidades vigentes. O plugin é extremamente simples de usar, tem uma versão gratuita e uma versão PRO que custa apenas $30 dólares, mas que lhe dá a oportunidade de ter um maior controlo sobre os seus formulários e opções de formulários.

FUNCIONALIDADES DO WP NINJA FORMS

O plugin WP Ninja Forms, oferece uma série de funcionalidades para o ajudar a criar os seus formulários personalizados de forma simples, prática e com um interface de arrastamento de janelas (Drag and Drop) bastante intuitivo. Estas são algumas das funcionalidades que você poderá encontrar no WP Ninja Forms:

• CSS totalmente customizável – deixe os seus formulários com o aspecto que desejar.
• Crie campos restritos usando os filtros disponíveis.
• Adicione um filtro de spam para combater robots de spam em seus formulários.
• Grave as submissões realizadas pelos seus formulários e descarregue-as em formato .XLS.
• Mostre caixas de ajuda para qualquer campo do seu formulário.
• Crie uma mensagem personalizada para envios realizados com sucesso.
• Crie campos de preenchimento obrigatório nos seus formulários personalizados.
• Crie facilmente dropdowns, seleções múltiplas, checkboxs, botões de escolha, etc. usando o interface Drag and Drop.
• Adicione os seus formulários a páginas ou artigos clicando apenas numa shortcode ou usando um shortcode.

COMO FUNCIONA O WP NINJA FORMS?

Criar formulários no Ninja Forms é extremamente simples. Na verdade, é quase tão simples como criar um novo artigo para o seu blog WordPress. Vá nas opções do WP Ninja Forms na barra lateral esquerda do painel administrativo do seu blog, e comece a criar um novo formulário personalizado:

Sempre que você receber um formulário preenchido, você pode consultá-lo diretamente através do seu painel, ou mesmo exportar esse formulário para um ficheiro .xsl do Excel, por exemplo:

Do lado esquerdo, onde diz “Export Submissions to .XLS”, você pode especificar a data de início e data do fim, para exportar todos os formulários que você recebeu entre essas duas datas. Isso pode ser extremamente útil para você gerenciar pedidos no seu site, contatos de potenciais clientes, entre outros.

A utilização que você der ao WP Ninja Forms é na verdade aquela que você bem desejar. Ele pode ser usado para coisas tão básicas como criar um formulário de contato simples, como também para formulários mais complexos e avançados.

DOWNLOAD DO WP NINJA FORMS

Conforme referimos no início do artigo, o WP Ninja Forms é um plugin WordPress com duas versões: uma versão gratuita e outra versão PRO que custa $30 dólares e oferece mais algumas opções de manuseamento dos seus formulários personalizados. Para baixar uma cópia do plugin, siga os seguintes links:

• Download do WP Ninja Forms Gratuito
• Download do WP Ninja Forms PRO ($30)
  O WP Ninja Forms Pro, inclui: Permissões para usuários externos criarem artigos para seu blog, usando um formulário de front-end, Manuseamento de formulários complexos por meio de seções e ainda a possibilidade de salvar o preenchimento de um dado formulário e continuar mais tarde.

Até Já!

Artigos Recomendados

• WP Remote – Monitorar e atualizar todos os seus blogs WordPress
• Como carregar imagens no WordPress à medida que se faz scroll na página?
• Como criar um Membership Site com integração PagSeguro e Paypal no WordPress?
• Function Bar – a Hello Bar para WordPress
• Plugin Grátis: Editor nativo do WordPress no Formulário de Comentários
• Plugins WordPress para criar formulários de contato

Se você costuma acessar blogs regularmente, é provável que já tenha acessado blogs repletos de imagens. Uma das coisas que acontece frequentemente neste tipo de blogs, é que eles são extremamente lentos a carregar todas essas imagens. No entanto, existem alguns blogs que utilizam um formato de imagens que apenas carrega esses elementos à medida que o usuário vai fazendo scroll no site. A isso chama-se Lazy Load, que é basicamente um processo de computação que previne que determinados elementos sejam carregados assim que o usuário acesse o site. O que o processo Lazy Load faz é carregar esses elementos apenas quando o usuário precisa de os visualizar, ou seja, à medida que ele vai fazendo scroll pela página.

Desta forma, é possível reduzir drasticamente o tempo de carregamento de determinadas páginas, especialmente aquelas que contêm imensas imagens.

Para conseguir colocar este método de carregamento de imagens on-the-fly funcionando no seu blog WordPress, você deve ir na seção “Plugins” > “Adicionar Novo” e realizar uma busca por “Lazy Load”. O primeiro resultado que lhe vai aparecer, é o plugin Lazy Load criado pela Automattic, e outros excelentes profissionais da área, que utiliza o jQuery.sonar do Dave Artz (AOL). A versão à data deste artigo vai na 0.2 e é compatível com WordPress 3.2 ou superior.

Clique em “Instalar agora” para iniciar o processo de instalação do plugin no seu blog WordPress.

Para colocar o plugin funcionando, basta clicar em “Ativar”. O plugin Lazy Load não tem opções, portanto, deverá estar funcionando corretamente assim que você o ativar no seu WordPress. Se por ventura algumas das suas imagens ficarem quebradas após a ativação do plugin, tente compreender se ele não estará sendo incompatibilizado por um outro código JavaScript presente no template do seu blog. Caso não consiga resolver o problema, poderá sempre desativar o plugin para voltar tudo ao estado normal.

Até Já!

Artigos Recomendados

• WP Remote – Monitorar e atualizar todos os seus blogs WordPress
• Criar formulários personalizados com o WP Ninja Forms
• Como colocar comentários do Facebook no WordPress sem precisar de plugins
• Função para ativar plugins WordPress automaticamente
• Como criar um Membership Site com integração PagSeguro e Paypal no WordPress?
• Function Bar – a Hello Bar para WordPress

Que o WordPress é uma plataforma extremamente poderosa já todos nós sabíamos. E para a tornar ainda mais especial, existem ferramentas incríveis como o Magic Members, que lhe permite criar em poucos minutos, um site de assinaturas (Membership Site) com integração através dos meios de pagamentos eletrônicos mais utilizados da internet como o PagSeguro e o Paypal. Para quem tem uma comunidade em torno do seu conteúdo, esta é sem dúvida uma das melhores oportunidades da atualidade para monetizar os seus leitores através de conteúdos premium, áreas de acesso exclusivas, etc. Muitos dos grandes projetos que existem na internet, são construídos em torno de sites de assinatura, em que grande parte dos usuários têm de pagar para ter acesso exclusivo a todo o conteúdo publicado, algo que já acontece com o New York Times online. Existem muitos blogs atualmente a correr versões Premium, com mensalidades que variam entre os $9 dólares e os mais de $90 dólares por mês, e quase todos eles conseguiram sucesso com a sua implementação.

Existem alguns exemplos muito populares, como a rede TutsPlus da Envato, que atualmente tem mais de 15,000 subscritores a pagar $19/mês, o que significa que o encaixe em dinheiro ronda os $285,000 dólares por mês. Impressionante! No entanto, uma das questões que a grande maioria dos blogueiros coloca é: Como criar um Membership Site com o WordPress? Para essa pergunta, a resposta chama-se Magic Members. O Magic Members é um plugin WordPress super poderoso, capaz de tornar o seu blog numa verdadeira comunidade Premium!

Clique aqui para acessar a Página do Plugin Magic Members!

O QUE É UM MEMBERSHIP SITE?

Um Membership Site é basicamente um site de membros com assinatura. Tal como acontece com o New York Times, os usuários pagam uma mensalidade definida por você, para que tenham acesso exclusivo a determinados conteúdos do seu blog. No entanto, é possível utilizar outros métodos para ganhar dinheiro, nomeadamente cobrar por cada artigo premium isoladamente. Dessa forma, os usuários podem escolher quais os conteúdos que desejam comprar, não tendo necessidade de investir dinheiro em conteúdos que não lhes interessam.

O plugin Magic Members pode ser igualmente utilizado de muitas outras formas, através de diferentes níveis de utilização, criação de cupoms de desconto, cobrança individual de conteúdo, mensalidades, etc. Ao nível da implementação, ele pode ser usado para criar Membership Sites com conteúdo exclusivo para assinantes, por exemplo, ou então ser integrado diretamente no seu atualmente Tema WordPress, para que você possa começar a cobrar por conteúdos individualmente. Se você tem bom conteúdo no seu blog, considere pensar numa versão “Premium” desse conteúdo, em que os seus usuários teriam acesso a mais tutoriais, artigos, ou até ficheiros para download, em troca de uma mensalidade baixa!

Clique aqui para acessar a Página do Plugin Magic Members!

VANTAGENS DO MAGIC MEMBERS?

Como qualquer produto, o Magic Members oferece uma panóplia de vantagens aos seus usuários, sendo que na verdade o sistema é extremamente completo e muito poderoso, mesmo trabalhando em WordPress. Quando conhecemos o Magic Members, na verdade não acreditámos em todas as suas competências, até comprarmos o plugin e experimentarmos de perto todo o seu potencial. Eis algumas das vantagens que mais nos agradam no Magic Members.

• Níveis de usuários ilimitados
  O Magic Members, permite-lhe criar vários tipos de acessos diferentes, para que você possa criar vários tipos de subscrição, nomeadamente a subscrição mensal, trimestre ou anual, tão comum em blogs Premium. Além disso, você poderá criar acessos restritos a determinadas áreas, nomeadamente a área de downloads.
• Implementação em blogs novos ou antigos
  Outra grande vantagem deste plugin, é o facto de ser compatível com todo o tipo de blogs WordPress, sejam eles criados de raíz com o propósito de utilizarem o Magic Members, ou blogs já devidamente estabelecidos.
• Módulos de pagamento integrados (Paypal e PagSeguro)
  O Magic Members permite aos seus usuários pagarem via PayPal,, PagSeguro, PayPal Pro, 2CheckOut, CCBill, Authorize.net, ClickBank, WorldPay, Epoch e ainda Pagamentos Manuais. Se desejar, poderá ativar ou desativar os módulos de pagamento que não pretende usar, mantendo apenas aqueles que são importantes para si.
• Possibilidade de criar versões de experimentação
  O Magic Members permite-lhe também criar versões de demonstração com validade de apenas 7 dias, por exemplo. Você define o tipo de conta e o número de dias que pretende que ela esteja ativa. Tudo é customizável!
• Possibilidade de criar cupões de desconto
  Os cupões podem ser criados de forma automática através de um valor fixo ou de uma percentagem sobre o valor da subscrição. Este método é ideal para captar novos usuários.
• Mostrar conteúdo parcialmente
  Você poderá controlar também a quantidade de conteúdo e informação que pretende que os seus membros não registrados no Premium vejam, usando as tags [ private ] [ /private ].
• Acesso Pay-per-Post
  Se desejar poderá configurar também um módulo de Pay-per-Post, em que seus usuários pagam apenas para visualizar um determinado artigo que desejem. Se desejar, cada um dos seus artigos poderá ter um preço diferente.
• Feeds RSS seguros
  Possibilite a seus usuários receberem seus conteúdos via RSS feeds sem ter problemas de que os membros que não pagam consigam aceder a essa informação. O Magic Members utiliza chaves para gerar URLs disponíveis apenas para membros permitindo aos usuários Premium visualizarem seus conteúdos de forma tranquila num leitor de RSS.
• Integração com Auto-Responders
  O Magic Members permite também uma sincronização com os auto-responders da AWeber,GetResponse e MailChimp.

Clique aqui para acessar a Página do Plugin Magic Members!

COMO FUNCIONA O MAGIC MEMBERS?

O funcionamento do Magic Members é extremamente simples e intuitivo. Para compreender mais facilmente como funciona, seleccionámos duas imagens do painel de controlo que tínhamos guardadas nos arquivos do blog e também uma nova imagem da nova versão do plugin já com integração do PagSeguro.

Como pode facilmente perceber, do lado esquerdo você tem o menu de configurações a partir do qual você pode controlar todos os aspectos do seu Membership Site, nomeadamente o Membros inscritos, o Controlo sobre os conteúdos, o método de pagamento por artigo individual, as opções de pagamento integradas (PagSeguro e Paypal incluídos), opções de configuração e ainda ferramentas e documentos que o irão ajudar a configurar mais facilmente o seu site de assinaturas.

Numa visão mais ampla do plugin em funcionamento, irá compreender também que no topo encontram-se diferentes menus que lhe permitem configurar aspectos internos de cada uma dessas páginas, desde os métodos de pagamentos ativos, ao número de dias que você deseja manter uma subscrição ativa, por exemplo. Você pode configurar o seu site de assinaturas para ter uma versão Trial de experimentação durante XX dias, por exemplo. Pode criar assinaturas pelo número de dias que bem desejar, pode escolher os métodos de pagamento que quiser, entre muitas outras configurações disponíveis.

Como pode ver na última imagem, o PagSeguro já se encontra devidamente integrado junto dos outros métodos de pagamento, tornando o Magic Members num plugin simplesmente fantástico para todos os blogueiros que procuram formas de ganhar dinheiro com os seus projetos.

Clique aqui para acessar a Página do Plugin Magic Members!

ACESSE O MAGIC MEMBERS!

Para quem tem como objetivo construir um site de assinaturas usando o WordPress, o Magic Members é uma grande mais-valia a todos os níveis. Há algum tempo que comprámos o plugin, temos realizado alguns testes com ele, e embora ainda não o tenhamos posto em prática na verdadeira essência da palavra, estamos maravilhados com ele e com as possibilidades que ele oferece. Provavelmente iremos também realizar uma vídeo-aula para lhe explicar mais concretamente como funciona o plugin e como você deverá configurá-lo para que funcione corretamente em seu blog.

Experimente-o e aproveite já a integração com PagSeguro e Paypal para por o seu blog a faturar!

Clique aqui para acessar a Página do Plugin Magic Members!

Até Já!

Artigos Recomendados

• WP Remote – Monitorar e atualizar todos os seus blogs WordPress
• Criar formulários personalizados com o WP Ninja Forms
• Como carregar imagens no WordPress à medida que se faz scroll na página?
• Function Bar – a Hello Bar para WordPress
• Plugin Grátis: Editor nativo do WordPress no Formulário de Comentários
• Plugins WordPress para criar formulários de contato

Para quem conhece a Hello Bar, a barra cor-de-laranja que temos no topo do nosso blog e que serve basicamente para anunciarmos determinados produtos ou programas de afiliados que consideramos serem uma mais-valia para os nossos leitores, certamente saberá que a Hello Bar tem um preço. Na verdade, a Hello Bar custa-nos atualmente $25 dólares por mês. Independentemente de ganharmos dinheiro com algumas das recomendações que fazemos através dela, é um preço relativamente alto para um produto tão simples, correto? Correto!

Mas, eis que nas nossas pesquisas, encontrámos um produto bem mais interessante, chamado Function Bar, que permite criar uma barra exatamente idêntica à Hello Bar, de forma totalmente gratuita. Este plugin, extremamente bem desenvolvido pelos colegas da Function Themes, permite criar uma barra horizontal exatamente idêntica, e o melhor de tudo é que você poderá descarregar essa barra de forma gratuita, bastando enviar em troca um Tweet ou um Like no Facebook. Caso não esteja interessado nisso, ou não faça uso de mídias sociais, pode comprar o plugin por apenas $5 dólares, e usá-lo para o resto da sua vida.

O QUE É A FUNCTION BAR?

A FunctionBar é uma toolbar para o WordPress que lhe permite mostrar mensagens importantes no seu blog, bem como ser utilizada para fins comerciais, mostrando mensagens de programas de afiliados e outros métodos que lhe permitam ganhar dinheiro. Com uma toolbar deste género, você pode simplesmente chamar a atenção dos seus leitores e usuários para algo que você considere importante. Você pode usar pequenos thumbnails (miniaturas), texto e links para criar uma mensagem para os seus produtos, por exemplo!

COMO USAR A FUNCTION BAR?

Este plugin é extremamente fácil de utilizar – faça o upload e ative o plugin através do painel de controlo do seu blog WordPress, introduza a mensagem que deseja que apareça na barra, o URL de destino do seu link e voilá! Você pode criar também toolbars específicas para determinadas categorias ou páginas do seu blog WordPress, garantindo que apenas os usuários que navegam nessas páginas, conseguem ler a mensagem enquadrada com esses conteúdos.

QUANTO CUSTA O PLUGIN?

O plugin é totalmente GRATUITO se você compartilhar uma mensagem no Twitter ou Facebook com os seus amigos. Caso não use mídias sociais, por exemplo, você pode comprar o plugin por apenas $5!

Clique aqui para fazer o Download da Function Bar!

Até Já!

Artigos Recomendados

• WP Remote – Monitorar e atualizar todos os seus blogs WordPress
• Criar formulários personalizados com o WP Ninja Forms
• Como carregar imagens no WordPress à medida que se faz scroll na página?
• Como criar um Membership Site com integração PagSeguro e Paypal no WordPress?
• Plugin Grátis: Editor nativo do WordPress no Formulário de Comentários
• Plugins WordPress para criar formulários de contato

Transforme o seu formulário de comentários num editor HTML como o editor nativo do WordPress 3.3. Coloque o editor em qualquer página ou post no front-end do seu site com o plugin que fornecemos. Com o advento do novo WordPress 3.3 para final deste ano, foram muitas as novas funcionalidades criadas que tornam a vida dos developers e bloggers mais fácil.

No entanto, a grande novidade a meu ver, é a espetacular possibilidade de colocar o editor dos posts nativo que encontramos na administração, no front-end do site de maneira fácil, rápida e segura. Graças ao trabalho incondicional dos developers do WordPress, esta funcionalidade, que foi muitas vezes pedida pelos usuários ao longo dos tempos, é agora uma realidade que podemos usar, usufruir e até abusar dela!

POSSIBILIDADES DE APLICAÇÃO

Esta novidade por si só é um óptimo avanço para os developers e designers uma vez que, possibilitando ter um editor de conteúdo completamente integrado no WordPress no seu site, as possibilidades de aplicação não têm barreiras.

Seguem alguns exemplos de possibilidade de aplicação:

• Lançador de notícias comunitário em que qualquer usuário do site possa submeter uma noticias a partir do site;
• Um site de classificados com formulário de registo e editor de conteúdo dos classificados, com possibilidade de upload de imagens;
• Site de atualização de status à lá Facebook;
• Formulário de comentários com o editor HTML;
• etc…

Como viu são imensas as possibilidades e dão aos seus usuários uma ótima ferramenta para embutir em seus sites.

A API DO EDITOR

O editor tem uma API (Application Programming Interface) bastante fácil e intuitiva, possibilitando a introdução rápida do editor em qualquer lugar do seu site.
Para instanciar um novo editor você deverá chamar a função wp_editor() passando como parâmetros o conteúdo, o ID que você quer colocar no editor e um array de opções de configuração:

<?php
wp_editor( $content, $editor_id, $settings = array() );
?>

Poderá, opcionalmente passar novas configurações ao editor de forma a adaptar-se ao o que você necessita. Com isto poderá obter desde um pequeno editor de HTML ao editor completo igual ao da administração.

Download da versão em PDF desta referência

COMO EMBUTIR O EDITOR NUM TEMA

É fácil embutir o editor num template do nosso tema. Basta passar a função wp_editor() no sitio onde queremos que apareça o editor ou simplesmente usar uma Action Hook para fazê-lo por nós:

<?php
echo '<form action="" method="post">';
wp_editor('<p>Adicione aqui o seu conteúdo!</p>', 'conteudo_submetido' );
echo '<p><input type="submit" value="Submeter Conteúdo" /></p></form>'
?>

Este snippet incorpora no lugar onde você o colocar o editor com o ID conteudo_submetido e um botão para submeter o conteúdo que foi escrito no editor. Você poderá depois passar uma acção no functions.php do seu tema para usar este conteúdo submetido como você quiser.

Por exemplo, você pode querer guardar todas as submissões por este formulário como um post de rascunho. Para isso poderá colocar o seguinte snippet no seu  functions.php:

add_action( 'init', 'ewp_frontend_editor_process_submit' );
function ewp_frontend_editor_process_submit() {
	if ( ! isset( $_POST['conteudo_submetido'] ) ) return;
	wp_insert_post( array(
		'post_title' => substr( strip_tags( $_POST['conteudo_submetido'] ), 0, 20 ),
		'post_content' => $_POST['conteudo_submetido'],
		'post_author' => 1,
		'post_status' => 'draft',
		)
	);
}

Este snippet é trigado quando o WordPress está a iniciar. Isto é feito com a função add_action( $hook, $nome_da_função ) adicionando a função que irá ser “corrida”.

Dentro da função nós temos a condição que se não for submetido nenhum conteúdo então a função não continuará garantindo que não estaremos a guardar posts de cada vez que um usuário aparece no site.

Para inserirmos o post propriamente dito usamos a função wp_insert_post() que, nos seus parâmetros mínimos, deverá conter o título, o conteúdo do post, o autor do post (número de usuário, neste caso garantimos que é o administrador o dono destes posts) e o estado do post que neste caso é rascunho.

COMO ADICIONAR O EDITOR AO FORMULÁRIO DE COMENTÁRIOS

É possível substituir o campo da mensagem do formulário de comentários pelo editor. Para isso basta colocar o seguinte snippet no functions.php do seu tema:

add_filter( 'comment_form_field_comment', 'editor_to_comments' );
function editor_to_comments() {
    $settings = array(
	'wpautop' => false,
	'media_buttons' => false,
	'textarea_name' => 'comment',
	'textarea_rows' => 5,
	'tabindex' => '',
	'editor_css' => '',
	'editor_class' => '',
	'teeny' => false,
	'dfw' => false,
	'tinymce' => array(
		'theme_advanced_buttons1' => 'bold,italic,bullist,numlist,|,justifyleft,justifycenter,justifyright,|,link,unlink,|,fullscreen',
	),
	'quicktags' => true
   );

   echo '<div class="comment-form-comment"><label for="comment">Comment</label><div>';
   wp_editor( '', 'comment', $settings );
   echo '</div></div>';

   return false;
}

Esta função é trigada quando o o formulário de comentários é impresso na tela. Com esta hook podemos substituir o campo da mensagem pelo editor.

Na função usamos novamente a função wp_editor() para fazer o display do nosso editor, passando-lhe os parâmetros que se adequam melhor a este caso.

Use como  referência para os settings a cheatsheet que fornecemos no início deste artigo.

O PLUGIN FRONT-END EDITOR E COMMENTS WYSIWYG

Como já é de esperar, preparámos um plugin especial com estes dois snippets, totalmente integrados e prontos a usar.

Com este plugin você poderá usar o editor em qualquer página ou post do seu site usando a shortcode [wpeditor], possibilitando aos seus usuários submeterem posts que poderá posteriormente moderar.

Download do Plugin EW Front-End Editor!
Descarregado 165 vezes

Veja o screenshot em baixo de como ficou esta funcionalidade integrada no tema oficial TwentyElevent:

Além de poder colocar o seu editor em páginas ou posts, poderá também ativar a funcionalidade do editor no formulário de comentários. Para isso, após ativação do plugin, dirija-se a Opções e selecione Discussão.

Dependendo da sua instalação, irá algures encontrar as seguintes opções que poderá usar para controlar a forma como o seu editor aparece no sistema de comentários:

E aqui está uma screenshot de como é que o editor aparece com todas as opções acima ativas. Repare na forma como ele se encontra completamente integrado no tema TwentyEleven:

Este plugin já vem com pack de lingua completamente traduzido para português!

Gostou deste artigo? Não se esqueça de comentar aí e de divulgar a Escola WordPress junto dos seus colegas e amigos.

Até breve e um abraço a todos,

Vitor

Artigos Recomendados

• WP Remote – Monitorar e atualizar todos os seus blogs WordPress
• Criar formulários personalizados com o WP Ninja Forms
• Como carregar imagens no WordPress à medida que se faz scroll na página?
• Como criar um Membership Site com integração PagSeguro e Paypal no WordPress?
• Function Bar – a Hello Bar para WordPress
• Plugins WordPress para criar formulários de contato

Quando você aprende como criar um blog, uma das coisas mais importantes são os formulários de contato. O WordPress não inclui nenhuma funcionalidade de formulário de contato integrada, pelo que você deverá procurar por plugins WordPress para criar seus formulários de contato. No entanto, existem tantos plugins WordPress para essa finalidade, que nem sempre você faz a escolha mais acertada e/ou poderá optar por um plugin com menos funcionalidades que um outro que você desconhecia totalmente.

Existem também Temas WordPress que já incluem formulários de contato integrados, pelo que se é o seu caso, esqueça completamente este artigo. No caso de você não ter qualquer formulário integrado no seu Tema, o uso de um plugin para essa finalidade é essencial. Por isso mesmo, recomendamos de seguida aqueles que são os melhores plugins WordPress para criar formulário de contato eficientes e simples de personalizar.

CONTACT FORM 7

Este é o nosso plugin favorito para criar formulário de contato, e é aquele que usamos em todos os nossos projetos das Escolas Plus. Ao nível de funcionalidades é extremamente completo, permitindo-lhe criar diferentes tipos de formulários consoante as suas necessidades, mas também vários formulários de contato completamente diferentes para usar num único blog WordPress. Este plugin suporte ainda o envio de contatos por AJAX, permite a utilização de CAPTCHA para filtrar robots de spam, e é também compatível com o Akismet para filtrar spams indesejados.

GRAVITY FORMS

O plugin Gravity Forms é um plugin WordPress que lhe permite criar formulários únicos e personalizados para todo o tipo de funcionalidades em seu site ou blog WordPress! O plugin Gravity Forms permite-lhe criar formulários de contatos, formulários para compra de publicidade com pagamento direto via Paypal, formulário para angariação de contatos para sua newsletter através da integração com a MailChimp ou CampaignMonitor, entre outras funcionalidades. O plugin Gravity Forms é simplesmente o melhor plugin WordPress do mundo para criação e gestão de formulários, sendo que o próprio Gravity Forms coleta as informações todas de seus usuários e gera ainda relatórios com taxas de conversão por exemplo.

FAST SECURE CONTACT FORM

Este plugin é também um dos mais populares do repositório oficial do WordPress. Os formulário podem incluir diferentes tipos de departamentos para contato, vários tipos de formulários e campos de preenchimento e inclui também CAPTCHA para combater o spam dos robots.

WUFOO FORMS

O Wufoo Forms é uma aplicação web para criação de formulários de contato simplesmente incrível. A vantagem do Wufoo é que ele oferece um pacote gratuito que lhe permite criar até 3 formulários diferentes, e tem integração direta com o WordPress através do plugin Wufoo Shortcode.

CONTACT ME

O plugin da ContactMe.com é também uma excelente alternativa para criar formulários de contato no seu blog WordPress. Além de ser possível criar vários formulários de contato diferentes, este plugin permite-lhe ainda acumular os contatos de todos os usuários que preenchem o seu formulário de contato, ver dados estatísticos de quantos formulários de contato já foram preenchidos e enviados, entre outras informações muito interessantes.

SIMPLEMODAL CONTACT FORM

O plugin SimpleModal Contact Form (SMCF) é um formulário de contato para WordPress que trabalha em Ajax e faz uso de uma biblioteca jQuery JavaScript para mostrar o formulário de contato numa lightbox atraente e de simples preenchimento.

HTML5 CONTACT FORM

O plugin HTML5 Contact Form é um formulário de contato bastante simples para WordPress, mas que trabalha usando estilização por CSS e programação em HTML5, fazendo dele um formulário de contato muito rápido, simples de usar e com um nível de personalização bastante interessante. O formulário inclui ainda verificação de erros e CAPTCHA para bloquear spams indesejados.

E VOCÊ, QUE FORMULÁRIO DE CONTATO USA EM SEU WORDPRESS?

Qual o plugin de formulários de contato que você usa em seus projetos WordPress? Esquecemos algum dos plugins mais populares para criar formulários de contato? Deixe o seu comentário!

Até Já!

Artigos Recomendados

• WP Remote – Monitorar e atualizar todos os seus blogs WordPress
• Criar formulários personalizados com o WP Ninja Forms
• Como carregar imagens no WordPress à medida que se faz scroll na página?
• Como criar um Membership Site com integração PagSeguro e Paypal no WordPress?
• Function Bar – a Hello Bar para WordPress
• Plugin Grátis: Editor nativo do WordPress no Formulário de Comentários

Então você quer saber como criar o seu próprio Widget para WordPress? Na verdade não é algo tão dificil assim e pode ser rapidamente implementado em seu blog através do tão famoso ficheiro functions.php que se encontra na pasta de seu tema. Para o ajudar a explicar, criámos um Widget que conta os números das suas redes sociais igual ao que temos aqui no Escola WordPress e que pode ser instalado em forma de plugin. O link para o download encontra-se no fundo deste artigo.

Depois de instalado o Widget, é este o seu aspecto na sidebar:

NOTA: Tenha especial atenção ao facto de o plugin ser responsivo, ou seja, se a barra lateral do seu template for mais larga, todos os contadores irão aparecer lado-a-lado como acontece aqui na Escola WordPress. Se a sua barra lateral for ainda mais pequena, ele colocará todos os contadores em formato vertical, e assim sucessivamente para as diferentes barras laterais de blogs, não sendo necessário você fazer qualquer tipo de alteração!

Gostou? Então vamos lá seguir e tentar aprender como fazer este e outros Widgets para nós e podermos até compartilhar com outros. Quero deixar primeiro uma salva bastante clara: visto termos que lidar com código PHP e HTML e o foco deste tutorial é a de criação de Widgets em WordPress, pressupomos que:

• Você já tem alguns conhecimentos básicos de HTML e PHP ou pelo menos já tentou fazer um script. Não está no escopo deste tutorial explicar o que é a função echo ou como se inicia um objecto de uma classe. Para isso existem vários recursos na internet, sendo um deles o W3Schools que é um portal onde você pode aprender tudo sobre programação para a internet inclusive PHP, HTML, SQL e CSS.

• Você sabe o que é e onde se encontra o ficheiro functions.php do seu tema e pelo menos já o abriu e editou alguma coisa nele.

Caso você não saiba sequer o que é um Widget, a secção seguinte é capaz de lhe dar umas luzes.

O QUE É UM WIDGET

Para quem não sabe, um Widget é uma porção de código que segue determinadas regras de programação, usando a API do WordPress. Essa estrutura programática, possibilita que, quando carregada pelo WordPress, se crie um bloco de funcionalidades que possam ser usadas ou não pelo utilizador do WordPress no seu blog através da ativação desse mesmo Widget numa determinada Sidebar.

Não me vou alongar muito acerca da estrutura dos Widgets uma vez que este não é o foco deste tutorial, no entanto você pode procurar na internet. Existe muito material sobre o assunto e não é dificil encontrar alguma coisa.

OS BENEFÍCIOS DE UM WIDGET

• Pode ser usado em qualquer Sidebar quantas vezes vocês quiser
• É de fácil organização, activação e remoção, uma vez que existe uma interface visual bastante simples e intuitiva que pode ser usado por qualquer usuário expert ou leigo
• Pode ser usado mesmo por quem não sabe nada de programação
• Tem várias opções para se customizar o Widget à nossa imagem

COMO CRIAR O WIDGET

Vamos então avançar com a explicação do código. Primeiro que tudo, sugiro que faça o download do plugin que se encontra no rodapé deste tutorial e que dê uma olhada e o mantenha aberto enquanto lê este artigo.

Um Widget começa sempre por extender a classe WP_Widget que é nativa do WordPress e responsável por todo o processo de registo, criação, display e gestão do conteúdos de todos os Widgets ativos e inativos de um blog. Assim, quando criamos o nosso Widget, criamos uma classe que extende esta classe “pai”, passando a ser herdeira por assim dizer, de todos estes métodos, propriedades e processos inerentes ao Widget.

Explicado o nosso processo, passaremos a desvendar este nosso código.

Este é um Widget básico inicial com o estender da classe WP_Widget mas que ainda não é usável:

class Widget_EwpSocialCounter extends WP_Widget {

}

Chamámos à nossa classe Widget_EwpSocialCounter e é assim que o nosso Widget irá ser reconhecido internamente no WordPress. No entanto, iremos continuar-lhe a chamar simpesmente de Widget Social que é mais curto e conciso.

Iniciada a nossa classe, é necessário agora fornecer-lhe mais algumas informações, uma vez que assim, deste modo o Widget não irá fazer nada pois encontra-se vazio, nem sequer tem um nome para quando for visualizado na página de Administração dos Widgets. Para que isso aconteça temos que adicionar-lhe o método com o mesmo nome da nossa classe do Widget Social colocando o código do seguinte function dentro da classe:

class Widget_EwpSocialCounter extends WP_Widget {

	function Widget_EwpSocialCounter() {
		parent::WP_Widget( false, 'EWP Social Counter' );

	}

}

Esta é sempre a primeira função a ser executada quando o WordPress carrega o Widget. O que esta função faz é simplesmente dizer à classe “pai” ou parent – classe WP_Widget – que um novo Widget vai iniciar, passando-lhe dois parâmetros:

• o primeiro refere-se a argumentos por defeito para este Widget apenas mas que não vamos usar (informação mais relevante pode ser encontrada no core do WordPress, nesta página http://core.trac.wordpress.org/browser/tags/3.2.1/wp-includes/widgets.php#L24)

• o segundo argumento é o título que queremos que seja visualizado no painel de Widgets na administração. No nosso caso iremos usar o título EWP Social Counter, você pode usar o seu. Tenha sempre em conta que um título esclarecedor do Widget é sempre uma mais valia.

Com isto, já poderia ativa o seu seu Widget e ele seria visível no painel de Widgets da administração, porém não teria nenhuma funcionalidade. É isso que iremos criar agora:

class Widget_EwpSocialCounter extends WP_Widget {

	function Widget_EwpSocialCounter() {
		parent::WP_Widget( false, 'EWP Social Counter' );

	}

	/**
	 * Exibe o Conteúdo do Widget na sidebar do Blog
	 */
	function widget($args, $instance) {
		extract( $args );
		echo $before_widget;

                echo $before_title;
                echo $title;
                echo $after_title;
		echo $after_widget;

	}

	/**
	 * Quando clica em "Guardar" no Widget esta função é responsável por fazer esse procedimento
	 */
	function update($new_instance, $old_instance) {
		return $new_instance;

	}

	/**
	 * Esta função exisbe todos os controladores do Widget na administração
	 */
	function form($instance) {

	}

}

Estes quatro métodos são as únicas expressões da classe necessárias e suficientes para a maior parte dos Widgets. Vamos desvendar qual o papel de cada uma destas funções nas funcionalidades do nosso novo Widget.

FUNÇÃO FORM() – O CONTROLO DO WIDGET

A função form() exibe na interface de administração o controlo do Widget que é nada mais nada menos que um formulário com vários campos com as opções do nosso Widget. Estes campos pedem ao usuário da administração alguns elementos para serem exisbidos ou levarem a um correcto funcionamento do Widget.

Por exemplo, é natural quase todos os Widgets incluirem um campo para se acrescentar um título. Com o seguinte código HTML:

<p>
	<label for="<?php echo $this->get_field_id("titulo"); ?>">
		Título:
		<input class="widefat" id="<?php echo $this->get_field_id("titulo"); ?>" name="<?php echo $this->get_field_name("titulo"); ?>" type="text" value="<?php echo esc_attr( (string) isset( $instance["titulo"] ) ? $instance["titulo"] : '' ); ?>" />
	</label>
</p>

Nesta função form(), será renderizado dentro do controlo do Widget um input de texto. É aqui deixar o nosso Widget com mais ou menos capacidades de customização por isso é sempre importante estudar o que se deve pedir ao usuário ou não.

Os métodos PHP get_field_id() e get_field_name() retornam valores para cada um destes campos registados e devem ser usados ao invés de atribuir valores concretos a cada atributo, pois o que estas funções fazem é garantir que os nomes destes campos são sempre diferentes uns dos outros inclusivé das instancias do mesmo Widget que foram iniciadas. Uma vez que os Widgets podem ser usados mais do que uma vez em cada sidebar, estas funções evitam que os campos tenham nomes iguais, podendo assim as opções ficassem mal configuradas.

No nosso Widget Social vamos ter a seguinte função form():

function form($instance) {

?>
<p>
	<label for="<?php echo $this->get_field_id("twitter"); ?>">
		Nome de Twitter:
		<input class="widefat" id="<?php echo $this->get_field_id("twitter"); ?>" name="<?php echo $this->get_field_name("twitter"); ?>" type="text" value="<?php echo esc_attr( (string) isset( $instance["twitter"] ) ? $instance["twitter"] : '' ); ?>" />
	</label>
	<span class="description">O nome do Twitter encontra-se no final da URL: </span><code>http://twitter.com/nome-de-utilizador</code>
</p>

<p>
	<label for="<?php echo $this->get_field_id("facebook"); ?>">
		ID do Facebook:
	</label>
	<input class="widefat" id="<?php echo $this->get_field_id("facebook"); ?>" name="<?php echo $this->get_field_name("facebook"); ?>" type="text" value="<?php echo esc_attr( (string) isset( $instance["facebook"] ) ? $instance["facebook"] : '' ); ?>" />
	<span class="description">Parâmetro id na URL do Facebook da sua página: </span><code>https://www.facebook.com/pages/edit/?id=id-da-página</code>
</p>

<p>
	<label for="<?php echo $this->get_field_id("feedburner"); ?>">
		Utilizador do FeedBurner:
	</label>
	<input class="widefat" id="<?php echo $this->get_field_id("feedburner"); ?>" name="<?php echo $this->get_field_name("feedburner"); ?>" type="text" value="<?php echo esc_attr( (string) isset( $instance["feedburner"] ) ? $instance["feedburner"] : '' ); ?>" />
	<span class="description">Nome do utilizador encontra-se no fim da URL: </span><code>http://feeds.feedburner.com/nome-de-utilizador</code>
</p>
<?php

}

Penso não seu necessário explicar cada pedaço deste código, uma vez que é uma cópia do que foi anteriormente dito. Apenas criámos mais campos para configuração.

FUNÇÃO UPDATE() - VALIDAÇÕES E SALVAR DOS DADOS:

Este método realiza apenas uma tarefa. Ela faz a atualização dos novos dados introduzidos no formulário de controlo, recebendo-os sobre forma de parâmetro e retornando-os de seguida. É aqui que é possível fazer algumas validações ou cálculos dos campos. Não existe muito mais a falar sobre esta função.

FUNÇÃO WIDGET() – A PARTE VISÍVEL DO WIDGET:

Este método imprime o Widget do lado do blog. É portanto a parte central do Widget aquela que os seus usuários vêem e aquele que recebe o propósito do Widget existir. Além de entrar aqui HTML também é preciso ir buscar os valores fornecidos ao controlo do Widget. Esta função pode ser um pouco confusa por vezes, mas o necessário aqui é você entender a lógica do Widget, principalmente os seus argumentos:

function widget($args, $instance) {
	extract( $args );
	echo $before_widget;

        echo $before_title;
        echo $instance['title'];
        echo $after_title;
	echo $after_widget;

}

Esta função aceita dois argumentos:

• $args – é um conjunto de variáveis por defeito que ajudam na formatação do Widget. Elas são as variáveis passadas à função register_sidebar() que cria a sidebar no seu tema. São elas $before_widget, $after_widget, $before_title, $after_title e, como o próprio nome indica, contém o HTML dos argumentos passados à função register_sidebar() que ão aparecer nessas posições.
• $instance – é o conjunto de valores dos campos fornecidos ao formulário do controlo do Widget que nós criámos.

A função nativa do PHP extract(), aceita um array de variáveis e define-as no corpo global da função. Ou seja, $args['before_widget'] passa a estar disponível como variável $before_widget e por aí fora. Isto não é necesário, é apenas uma forma mais confortável de trabalhar, com variáveis em vez de com um array de variáveis.

Seguidamente vamos imprimir, como é óbvio cada uma destas variáveis para podermos formatar o Widget de acordo com o tema. Primeiro usamos as variáveis $before_widget e $after_widget no inicio de no fim do Widget respetivamente. Tudo o resto fica entre estas duas variáveis, nomeadamente o título se houver. No nosso caso, o título não é importante e não vai ser usado.

A FUNÇÃO WIDGET() – PARTE 1: RECEÇÃO DOS DADOS NECESSÁRIOS

Para podermos divulgar os nossos números das redes sociais, temos que ir buscá-los à fonte. Para isso usamos os webservices implementados por cada uma das redes sociais, chamada de API (Application Programming Interface ou Interface de Programação de Aplicativos). A Wikipedia tem um óptimo artigo acerca do que é uma API. É o que iremos fazer na primeira parte desta função:

function widget($args, $instance) {
	global $wpdb;

	extract( $args );

	$get_feedburner = wp_remote_get( 'https://feedburner.google.com/api/awareness/1.0/GetFeedData?uri='.$instance['feedburner'] );
	$get_twitter = wp_remote_get( 'http://twitter.com/users/show.xml?screen_name='.$instance['twitter'] );
	$get_facebook = wp_remote_get( 'http://api.facebook.com/restserver.php?method=facebook.fql.query&query=SELECT%20fan_count%20FROM%20page%20WHERE%20page_id='.$instance['facebook'] );

	$xml = new SimpleXmlElement( $get_feedburner['body'], LIBXML_NOCDATA );
	$rss_counter = $xml->feed->entry['circulation'];

	$xml = new SimpleXmlElement( $get_twitter['body'], LIBXML_NOCDATA );
	$twitter_counter = $xml->followers_count;

	$xml = new SimpleXmlElement( $get_facebook['body'], LIBXML_NOCDATA );
	$fb_counter = $xml->page->fan_count;

	$comments_counter = $wpdb->get_var( "SELECT COUNT(*) FROM $wpdb->comments WHERE comment_approved = '1'" );

	echo $before_widget;

Esta é a parte do PHP, a responsável por ir buscar os valores que nós pretendemos a cada uma das APIs das redes sociais. Você pode colocar aqui a sua rede social preferida se pretender. Hoje em dia quae todas as redes sociais fornecem um webservice ou uma API Restfull. Cabe a você descobrir qual o URL para a API da sua rede social preferída e replicar cada uma destas partes. Existe muita informação na internet sobre as APIs de muitas das redes sociais, basta procurar.

Voltando ao nosso código:

Primeiro globalizamos o objecto $wpdb que é um wrapper criado pelo WordPress para acesso à base de dados. Este objecto é responsável por todos os processos e chamadas SQL à base de dados MySQL. Precisamos deste objecto para podermos buscar o número total de comentários no blog através de uma chamada SQL.

Segundo, precisamos de acessar aos APIs do Twitter, Facebook e Feedburner para podermos receber o número de Seguidores, Fans e Assinantes respectivamente. Para isso usamos a função nativa do WordPress wp_remote_get(). Esta função é um wrapper para várias funções e procedimentos de manipulação de ficheiros usando o protocolo HTTP, nomeadamente Curl.Então com esta função aquilo que vamos fazer é receber o retorno do nosso API em formato XML numa variável.

É de notar que passamos a cada uma das URL os valores armazenados no controlo do Widget através do array $instance. Para ir buscar o valor do Twitter basta passar $instance['twitter'] para a URL uma vez que registamos o nosso campo no controlo do Widget com este índice e por aí fora para cada uma das URLs.

Tendo todo o retorno às APIs do nosso lado, iremos ler o XML retornado. Para isso usamos a nova classe SimpleXmlElement() que é nativa do PHP 5.2 por uma questão de facilidade no uso e rapidez de resposta. O que esta classe faz é o seguinte: criamos um objecto passando o conteúdo em XML. Ela converte o XML numa sucessão de objectos que podemos usar mais facilmente no nosso código.

A esta classe passamos dois parâmetros: o corpo do XML retornado pela API e a constante LIBXML_NOCDATA. Não está no escopo deste tutorial explicar este último parâmetro, para isso recomendo dar uma olhadela no W3Schools.

A FUNÇÃO WIDGET() – PARTE 2: APRESENTAÇÃO DOS DADOS EM HTML

Depois de termos todos os valores arrumadinhos em variáveis, temos que os imprimir no Widget através de PHP porém temos que os arrumar em HTML e CSS e dar-lhes um ar mais bonito com icones que descrevem visualmente o que cada um dos números quer dizer. Eis o nosso HTML:

<div class="ewp-social-counter-icon ewp-social-counter-rss">
	<a href="http://feeds.feedburner.com/<?php echo $instance['feedburner']; ?>" target="_blank">
		<img src="<?php echo plugins_url( 'user_rss_32.png', __FILE__ ); ?>" alt="Assinantes no RSS" />
	</a>
	<br />
	<small>Assinantes</small>
	<h3><?php echo $rss_counter; ?></h3>
</div>

<div class="ewp-social-counter-icon ewp-social-counter-twitter">
	<a href="http://www.twitter.com/<?php echo $instance['twitter']; ?>" target="_blank">
		<img src="<?php echo plugins_url( 'user_twitter_32.png', __FILE__ ); ?>" alt="Seguidores no Twitter" />
	</a>
	<br />
	<small>Seguidores</small>
	<h3><?php echo $twitter_counter; ?></h3>
</div>

<div class="ewp-social-counter-icon ewp-social-counter-facebook">
	<a href="http://www.facebook.com/<?php echo $instance['facebook']; ?>" target="_blank">
		<img src="<?php echo plugins_url( 'user_fb_32.png', __FILE__ ); ?>" alt="Fãs do Facebook" />
	</a>
	<br />
	<small>Fãs</small>
	<h3><?php echo $fb_counter; ?></h3>
</div>

<div class="ewp-social-counter-icon ewp-social-counter-comments">
	<img src="<?php echo plugins_url( 'users_32.png', __FILE__ ); ?>" alt="Comentários" />
	<br />
	<small>Comentários</small>
	<h3><?php echo $comments_counter; ?></h3>
</div>

Uma vez que todas as div são iguais, iremos explicar apenas uma das porções do código. Parto do princípio que você já entende e conhece cada uma das tags e seus atributos em HTML. Sendo assim o que irei explicar é o uso da função plugins_url() nativa do WordPress.

Esta função retorna o URL relativamente ao seu blog para o ficheiro dado no seu primeiro parâmetro, a partir da localização do ficheiro do segundo parâmetro, ou seja, neste caso, usando a constante __FILE__ estamos a dizer à função para usar o ficheiro atual, localizado em http://seu-dominio/wp-content/themes/seu-tema/functions.php como selector do caminho, procurando assim o ficheiro em http://seu-dominio/wp-content/themes/seu-tema/.

É neste espaço que você deve dar asas à sua imaginação e tentar fazer de seu Widget o melhor que conseguir.

DOWNLOAD DO PLUGIN GRÁTIS!

Como é normal disponibilizamos aqui o Widget em forma de plugin, já pronto para se poder instalar direitinho. Após a instalação terá que ir a “Apresentação” > “Widgets”, escolher o Widget “EWP Social Counter” e configurá-lo com o nome de utilizador do Twitter, o id da página de fans do Facebook e o seu nome do FeedBurner.

Download do Plugin EW Social Counter!
Descarregado 731 vezes

Para quem segue este tutorial: recomendo uma análise de como o Widget está implementado.

Para quem usa este plugin: partilhe e divulgue as suas redes sociais com os seus amigos ajudando a divulgar a Escola WordPress também! Não retire os créditos do Plugin por favor!!

Espero que este artigo o tenha ajudado a dar os primeiros passos na criação do seu primeiro Widget. Sugestões? Deixe o seu comentário em baixo. Criou um Widget a partir deste artigo? Divulgue-o aqui!

Um abraço!

Artigos Recomendados

• 20 sites incríveis que usam Wordpress e ninguém imagina!
• Porque é que o Wordpress é melhor que o Blogger!
• DOWNLOAD GRÁTIS: Plugin/Widget com contadores de RSS, Twitter, Facebook para WordPress
• Os 150 melhores Templates Wordpress grátis de Janeiro a Agosto
• Como instalar e configurar o plugin Wordpress SEO do Yoast
• 10 novidades fantásticas do novo Wordpress 3.0

O WordPress é a cada dia que passa uma ferramenta cada vez mais incrível. Além dos inúmeros tutoriais WordPress que existem por essa internet fora e dos milhares de templates wordpress distribuidos gratuitamente pela comunidade, existem ainda os plugins que tornam as funcionalidades do seu WordPress num autêntico Rolls Royce dos CMS’s. No entanto, a grande maioria dos usuários do WordPress conhece os chamados plugins “populares” que todo o mundo conhece, sendo que a grande maioria se encontram disponíveis no repositório de plugins do próprio WordPress.

Mas e se alguém lhe recomendasse 15 plugins incríveis para WordPress que você provavelmente nem sequer conhece, muito menos alguma vez ouviu falar? É precisamente isso que tentamos fazer com o artigo de hoje. Seleccionámos uma compilação de plugins para WordPress simplesmente incríveis e que prometem tornar o seu blog numa verdadeira máquina de geração de pageviews, contatos e acima de tudo de dinheiro. Independentemente do nicho de mercado em que você atua, seja o humor, empregos, apostas, entretenimento, wordpress, como ganhar dinheiro, ou outra qualquer, estes plugins enquadram-se em praticamente todas essas áreas, e são essenciais para tornar o seu blog único e acima de tudo diferente dos seus concorrentes.

1. FACEBOOK WALLERIA

O plugin Facebook Walleria permite-lhe embeber vários tipos de objetos do Facebook facilmente em seu site ou blog. Ele usa o Facebook Graph para puxar informação como Albums de Fotos, Fotos, Feeds, Comentários, Eventos e apresenta essas informações num estilo extremamente elegante em seu site ou blog. Com este plugin, você também atualizar seu Facebook que seu blog ficará automaticamente atualizado com todas as informações puxadas diretamente do seu perfil nesta rede social.

2. CSS3 WEB PRICING TABLES

Este é um plugin que inclui um pacote de diferentes tabelas de comparação de preços em CSS3 para WordPress com 2 estilos de tabelas diferentes e 12 tipos de cores à escolha. Se gostava de integrar tabelas de preços em seus sites ou blog, este plugin inclui diferentes modelos para você escolher e usar imediatamente.

3. SOCIALBOX

Gostava de mostrar a seus leitores os seus números nas mídias sociais, e ainda dar-lhes a oportunidade de subscreverem imediatamente seu blog ou tornarem-se fãs da sua página de fãs no Facebook? O plugin SocialBox inclui todas essas opções e muito mais, num widget extremamente elegante para você colocar na barra lateral do seu blog. Ele mostra o número de fãs no Facebook, seguidores no Twitter, subscritores do seu canal do YouTube e ainda os subscritores do Feedburner Feed.

4. CREATIVE UNIFIED FORMS

Com este plugin, você poderá criar formulários ilimitados para o seu blog. Poderá criar formulários de feedback, quizzes de perguntas, formulário de contato e muito mais. O plugin faz uso de um interface drag and drop em que você apenas precisa arrastar e soltar os campos que deseja em seus formulários.

5. SECURITY NINJA

Com este plugin você pode testar mais de 25 pormenores de segurança relacionados com o WordPress incluindo testes de força-bruta ou entradas ilegais em seu site/blog. Verifique potenciais vulnerabilidades do seu blog e saiba o que fazer para prevenir situações desse género. Se pretende manter seu blog seguro, este é o plugin ideal para o ajudar nessa tarefa.

6. PATHWAY

Está cansado da sua página de login do seu WordPress? Este plugin permite-lhe desenhar uma página de login personalizada para o seu blog de forma extremamente simples e rápida.

7. GOOGLE+ WIDGETS

Com este plugin, você pode mostrar em seu blog, de forma extremamente simples e através de widgets três coisas importantes em seu perfil do Google+: seu perfil, suas últimas atividade e seu botão +1 para compartilhamento do seu blog. Coloque seu stream de atividade do Google Plus em seu blog de forma super simples e com um design elegante e atrativo.

8. SPECIAL RECENT POSTS PRO

Gostava de aumentar os pageviews do seu blog e não sabe como? Com o plugin Special Recent Posts PRO você pode mostrar os seus artigos mais recentes usando thumbnails (miniaturas) através da colocação desse artigos na barra lateral por meio de um widget incluído no plugin, ou através da colocação de um shortcode numa outra localização de seu blog. Este plugin traz mais de 60 customizações possíveis para mostrar seus artigos, incluindo para funcionar como artigos relacionados do seu blog.

9. WORDPRESS AD-MANAGER

Você é um blogueiro que gostava de ganhar dinheiro, monetizando seus artigos e a barra lateral de seu blog? Se por ventura gostava de ter um gestor de anúncios dentro do seu WordPress, este plugin é a solução ideal para si. Com o Wordpress Ad-Manager você pode usar imagens ou código HTML como por exemplo anúncios do Google AdSense, para mostrar esses anúncios em localizações específicas do seu blog. Você pode criar diferentes Ad Zones, definir dimensões das zonas, anunciantes, etc.

10. WP COUNTRY BASED CONTENT

Com este plugin para WordPress você pode mostrar ou esconder determinados conteúdos do seu blog por país de interesse. Ele usa o endereço de IP do usuário para detetar seu país de origem e se você tiver conteúdos disponíveis para esse mesmo país, ele mostrará somente esses conteúdos. Este plugin é muito fácil de usar, inclui shortcodes para definir o país de seus usuários e permite-lhe criar facilmente um blog multi-língua.

11. USER BOOKMARKS

O plugin User Bookmarks para WordPress é um sistema de bookmarking completo que dá aos usuários de seu blog a possibilidade de favoritarem seus artigos preferidos e visualizarem em tempo real quais os seus artigos preferidos e marcados com bookmak em seu blog.

12. MENU MANAGEMENT

Com o plugin WordPress 3 Menu Management System você pode gerir todos os menus, páginas, categorias, sub-páginas, etc., do seu blog usando um simples interface drag and drop para especificar quais os items que você deseja que estejam na frente, por exemplo.

13. WORDPRESS VIDEO TRAINING DASHBOARD

Com este plugin, você pode criar um widget no painel de controlo do seu WordPress que dá a seus usuários acesso a vídeos diretamente a partir do seu painel do WordPress. Este plugin é super interessante para usuários que tenham clientes e que os pretendam formar para a utilização do WordPress, por exemplo.

14. WORDPRESS TO WORD DOC

Gostava de exportar os artigos do seu blog WordPress diretamente para um ficheiro de Word da Microsoft? Este plugin é ideal para o ajudar a criar um Ebook Grátis por exemplo. Pode ainda fazer backups dos seus artigos para ficheiros de Word facilmente.

15. WORDPRESS ADMIN COLORS

Gostava de mudar as cores do painel administrativo do seu WordPress? Com o plugin WordPress Admin Colors você pode escolher entre dezenas de diferentes modelos de cores e personalizar o seu painel administrativo de acordo com as necessidades.

E VOCÊ, CONHECIA ALGUM DESSES PLUGINS?

Conseguimos mostrar-lhe plugins que você desconhecia completamente, ou falhámos em nossa missão? Conhecia algum dos plugins sugeridos no artigo? Deixe o seu comentário!

Até Já!

Artigos Recomendados

• WP Remote – Monitorar e atualizar todos os seus blogs WordPress
• Criar formulários personalizados com o WP Ninja Forms
• Como carregar imagens no WordPress à medida que se faz scroll na página?
• Como criar um Membership Site com integração PagSeguro e Paypal no WordPress?
• Function Bar – a Hello Bar para WordPress
• Plugin Grátis: Editor nativo do WordPress no Formulário de Comentários

Depois de termos explicado porque razão instalar demasiados plugins pode ser prejudicial ao seu blog, e de termos também explicado porque é que o WordPress é melhor que o Blogger, está na altura de lhe perguntarmos a si quais os plugins com que você não consegue deixar de viver? Existem milhares de plugins para WordPress, mas nem todos são indispensáveis para o seu blog, principalmente quando se consegue replicar as mesmas funcionalidades através de shortcodes para WordPress ou mesmo pequenos truques e dicas.

A grande maioria dos bons tutoriais para WordPress dizem que instalar demasiados plugins é prejudicial à performance do seu blog, especialmente plugins que requerem uma grande quantidade de queries e chamadas ao banco de dados do seu blog. Cada chamada ao banco de dados torna o seu blog mais lento, pelo que o ideal é ter instalados apenas os plugins estritamente necessários ao bom funcionamento e performance do seu blog.

Para iniciar este debate, nós aqui na Escola WordPress, não conseguimos viver sem o All in One SEO o Google XML Sitemaps e o Akismet. O primeiro é um dos plugins mais versáteis e simples de otimização para motores de busca, que nos permite em poucos minutos configurar todos os parâmetros de SEO dos nossos artigos, e com isso, conseguir melhores posicionamentos nos resultados orgânicos de pesquisa do Google. Se quiser saber como fazemos para otimizar nossas postagens, considere ler este artigo: Como escrever um artigo corretamente otimizado para SEO?. O segundo é essencial para criar sitemaps automáticos para depois integrar diretamente com a consola Google Webmaster Tools e o terceiro é o plugin anti-spam mais poderoso que existe para WordPress.

QUAL O PLUGIN QUE NÃO CONSEGUE DEIXAR DE USAR?

Para participar deste artigo colaborativo, vamos pedir-lhe que siga apenas algumas regras, a fim de conseguirmos indexar aqui neste artigo todos os plugins que os nossos leitores não conseguem deixar de usar, e criarmos um index de plugins interessantes. Quem sabe você não descobre o seu próximo plugin indispensável? Aqui vai:

• Coloque a sua opinião num comentário;
• Indique o nome(s) do(s) plugin(s) e o URL do(s) plugin(s);
• Não faça propaganda ao seu blog, excepto preenchendo os campos do comentário;

Iremos recolher a informação através de todos os comentários e criar uma listagem de plugins indispensáveis para qualquer blog que seja movido a WordPress. Se quiser poderá colocar mais do que um plugin no seu comentário, e também ajudar-nos a compartilhar este artigo nas mídias sociais, para que mais blogueiros possam participar e deixar suas opiniões!

PLUGINS INDISPENSÁVEIS PARA WORDPRESS

De acordo com a opinião do autor e dos leitores que publicaram seus comentários neste artigo, estes são os plugins mais populares e indispensáveis para quem tem um blog movido a WordPress:

• All in One SEO: http://wordpress.org/extend/plugins/all-in-one-seo-pack/
• Google XML Sitemaps: http://wordpress.org/extend/plugins/google-sitemap-generator/
• Akismet: http://wordpress.org/extend/plugins/akismet/
• Disqus Comment System: http://wordpress.org/extend/plugins/disqus-comment-system/
• Limit Login Attempts: http://wordpress.org/extend/plugins/limit-login-attempts/
• XCloner: http://wordpress.org/extend/plugins/xcloner-backup-and-restore/
• PC Robots.txt: http://wordpress.org/extend/plugins/pc-robotstxt/
• NextGEN Gallery: http://wordpress.org/extend/plugins/nextgen-gallery/
• Google Analytics for WordPress: http://wordpress.org/extend/plugins/google-analytics-for-wordpress/
• Smart 404: http://wordpress.org/extend/plugins/smart-404/
• W3 Total Cache: http://wordpress.org/extend/plugins/w3-total-cache/
• Secure WordPress: http://wordpress.org/extend/plugins/secure-wordpress/
• Sharebar: http://wordpress.org/extend/plugins/sharebar/
• WordPress SEO: http://wordpress.org/extend/plugins/wordpress-seo/
• WP Super Cache: http://wordpress.org/extend/plugins/wp-super-cache/
• WP Ban: http://wordpress.org/extend/plugins/wp-ban/
• PS Disable Auto Formatting: http://wordpress.org/extend/plugins/ps-disable-auto-formatting/
• Align RSS Images: http://wordpress.org/extend/plugins/align-rss-images/
• WP Page Numbers: http://wordpress.org/extend/plugins/wp-page-numbers/
• Yet Another Related Posts Plugin: http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/
• Domain Theme: http://wordpress.org/extend/plugins/domain-theme/
• Login LockDown: http://wordpress.org/extend/plugins/login-lockdown/
• TinyMCE Advanced: http://wordpress.org/extend/plugins/tinymce-advanced/

Até Já!

Artigos Recomendados

• Social Bartender – Mídias Socias da forma mais fácil
• Instalar demasiados plugins pode ser prejudicial ao seu blog!
• 5 plugins para criar um site de e-commerce em Wordpress
• 10 plugins profissionais para Wordpress da CodeCanyon
• 5 plugins para criar um site multi-língua com Wordpress
• 5 plugins para criar um site de emprego com Wordpress