WordPress Plugins

Olá Pessoal!

Todos nós detestamos receber spams em nossa caixa de entrada do e-mail. Isso é um fato! Ou tem alguém que gosta? Se por acaso alguém gostar então esse artigo não é para você, pois iremos tratar de algumas técnicas para evitar mensagens indesejadas no seu formulário.

Iremos utilizar um recurso chamado CAPTCHA, que segundo a Wikipédia é:

CAPTCHA é um acrônimo da expressão “Completely Automated Public Turing test to tell Computers and Humans Apart” (teste de Turing público completamente automatizado para diferenciação entre computadores e humanos): um teste de desafio cognitivo, utilizado como ferramenta anti-spam, desenvolvido pioneiramente na universidade de Carnegie-Mellon. Como o teste é administrado por um computador, em contraste ao teste de Turing padrão que é administrado por um ser humano, este teste é na realidade corretamente descrito como um teste de Turing reverso.

Link: http://pt.wikipedia.org/wiki/CAPTCHA

Provavelmente todos os que estão lendo já conheciam esse recurso, mas ainda não aplicou ao seu formulário por achar muito complicado. Em nosso blog já foram publicados alguns artigos que tratam sobre Spam e CAPTCHA. Veja alguns deles:

• Combate A SPAM Em Formulários;
• CAPTCHA Em PHP – Eliminar SPAM Nos Formulários;
• reCAPTCHA, Um Captcha Social;

Em nosso caso, utilizado o Contact Form 7 tudo será feito de modo mais fácil e com o mesmo resultado utilizando a tag ‘CAPTCHA’.

Também serão mostradas algumas opções que você poderá utilizar junto com o plug-in Akismet e assim evitar ainda mais spams no seu formulário.

Tag CAPTCHA

Para utilizar esse recurso junto com o Contact Form 7 será necessário instalar outro plug-in, o Really Simple CAPTCHA, como está sendo informado nas opções da tag:

E mesmo que você faça a inserção da tag no dentro do formulário, o aviso também será emitido no site/blog:

Portanto primeiro passo será a instalação e ativação do Really Simple CAPTCHA para então prosseguir:

Na primeira parte dessa mini série você tem os passos necessários para a instalação de plug-in. É bem simples, mas em caso de dúvida ainda temos outros dois artigos que tratam do assunto com muito mais detalhes:

• Como Instalar Plugins No WordPress Parte4;
• Guia WordPress 3 Parte 3 – Temas, Plugins E Ferramentas;

Você pode visitar o Site Oficial do Really Simple CAPTCHA para mais informações.

Agora sim, o plug-in adicional ativo, nós podemos analisar as opções da ‘tag CAPTCHA’:

Repare que será necessário adicionar duas tags no formulário, uma para a imagem e outra para o campo de digitação:

Portanto tome o devido cuidado para não inverter as tags ou ainda adiciona-las no lugar errado.

As ‘Configurações da imagem’ possui as seguintes opções exclusivas:

• Cor do texto: defina uma cor para o texto da imagem utilizando o código hexadecimal;
• Cor de fundo: a mesma coisa da cor do texto, mas aplicado ao fundo da imagem;
• Tamanho da imagem: escolha o tamanho da imagem, com opções de ‘Pequena’, ‘Média’ e ‘Grande’;

Veja que será necessário conhecer o código hexadecimal das cores para que essa tag seja mais bem explorada. Um pequeno exemplo de códigos está na figura a seguir:

Por padrão, o texto é ‘Back’ e o fundo ‘White’, mas assim como está na figura, você pode “combinar” a cor do texto com a cor do fundo e criar um estilo próprio, como nos exemplos a seguir:

Repare que se o código hexadecimal do texto (fg:) ou do fundo (bg:) for omitido, o plug-in irá utilizar o padrão.

Aqui vale alertar que você precisa tomar cuidado para não atribuir a mesma cor para o texto e o fundo ou ainda utilizar “combinações estranhas” o que irá dificultar a leitura:

Faça ainda testes para cada tamanho da imagem para então escolher a melhor opção para o seu formulário.

Já as ‘Configurações do campo de digitação’ não possuem opções exclusivas. A dica aqui é atribuir 4 para o tamanho do campo (size) e a quantidade de caracteres (maxlength), pois assim não irá prejudicar seus usuários e o formulário ficará mais estilizado:

Em todos os exemplos anteriores foi utilizado o tamanho padrão do plug-in. E comparando com essa última figura dá para perceber a nítida diferença. Os usuários também perceberão essa diferença e não vão achar que você é um “relaxado” no design.

Alguns Problemas

Assim como qualquer plug-in, script ou sistema, o CAPTCHA do Contact Form 7 não está livre de problemas.

Para que o recurso possa funcionar é necessário que o servidor tenha as bibliotecas de Processamento de Imagem (GD) instaladas. Se você não tiver certeza disso, entre em contato com o suporte do servidor, apesar de que a maioria já vem com elas ativada.

Além disso, o plug-in cria uma pasta temporária dentro da pasta de upload do WordPress e armazena todas as imagens geradas, junto com outros arquivos. É mesma pasta já mencionada na última parte.

O nome da pasta gerada é ‘wpcf7_captcha’ e por padrão fica em ‘wp-contents/uploads/wpcf7_captcha’. É importante que a pasta de upload tenha permissões suficientes de escrita, pois caso contrário o CAPTCHA não será gerado.

Akismet

O Akismet é um plug-in que funciona com uma espécie de filtro para spams nos comentários do WordPress. Porém é possível também utiliza-lo junto com o Contact Form 7.

Nós já publicamos um artigo detalhando como instalar, ativar e configurar o Akismet. Por isso em caso de dúvidas leia o Akismet – O Plugin Do WordPress Anti-Spam Parte6.

No Contact Form 7 é possível encontrar as opções relacionadas ao Akismet em algumas tags. Na verdade são em apenas duas tags, mas talvez em atualizações futuras, sejam criadas ainda em mais tags.

Basta selecionar as opções para que a funcionalidade do Akismet sejam aplicadas, lembrando que é necessário que ele já esteja ativado e configurado corretamente dentro do WordPress.

As opções são:

• Tag Campo de Texto: não utilize a duas opções abaixo no mesmo campo.

o   Este campo requer o nome do autor: faz com o que o Contact Form 7 aceite o nome de quem está enviando o formulário. É necessário que a tag seja adicionada no seguinte formato: [text* your-name akismet:author];

o Este campo requer a URL do autor: o formulário somente será enviado se a URL de quem está enviando for aceita. A tag deverá ser adicionada da seguinte formato: [text* your-url akismet:author_url];

• Tag Campo de E-mail:

o Este campo requer o endereço de e-mail do autor: o formulário somente será enviado caso o e-mail de quem está enviando seja aceito. O formato da tag deverá ser da seguinte forma: [email* your-email akismet:author_email];

Quando essas opções são usadas, o Contact Form 7, antes de enviar o formulário para o seu e-mail, fará um espécie de “consulta” ao Akismet. Se a informação for aprovada, o formulário será enviado, caso contrário uma mensagem será exibida na tela. Essa mensagem poderá ser configurada no bloco ‘Mensagens’, que detalhamos na parte 1 dessa série:

Personalize a mensagem da forma que desejar.

E assim, seguindo as orientações desse artigo, você estará bem mais protegido contra todo o “lixo” que poderá chegar ao seu e-mail.

Muitos ainda utilizam as tags ‘Pergunta’ e ‘Aceitação’ como forma de prevenir os spams, o que não deixa de ser uma má opção. Mas geralmente essas mensagens indesejadas são enviadas por “robôs”, programas que conseguem detectar os campos de formulário e enviar mensagens.

Mas esses robôs são “ainda” muito falhos para detectar o CAPTCHA. Agora some a isso o filtro do Akismet. Vai ser bem difícil você receber mensagens “estranhas”, a não ser que seja enviado por um ser humano. Aí realmente não tem jeito! 😀

Espero que você possa se cuidar com todas as dicas aqui apresentadas. Em caso de dúvidas, sugestões, críticas ou elogios utilize os comentários. Mas sem spam, ok? 😀

Fiquem na paz e até a próxima.

Olá Pessoal!

Nessa terceira parte iremos tratar sobre algumas opções de controle e segurança do formulário feito com o Contact Form 7 e assim aproveitar para detalhar as tags relacionadas.

Vale lembrar que algumas opções comuns a todas as tags do plug-in foram totalmente explicadas no último artigo, portanto não deixe de lê-lo antes de continuar.

Tag Aceitação

Esse tipo de recurso é muito comum, principalmente quando se tratar de cadastramento de usuários. Com essa tag você poderá inserir uma condição no formulário e com isso os dados preenchidos só poderão ser enviados se essa “condição” for aceita.

Dentre alguns exemplos de condições, podemos citar:

• Aceito todos os termos;
• Estou ciente de que meus dados estão sendo enviados para o Site XXX;
• Tenho mais de 18 anos;
• Aceito os termos do contrato;
• Estou ciente de que não irei receber qualquer ônus ao enviar os dados cadastrados;
• Declaro ter lido todos os termos desse cadastro;

Cuidado para não utilizar perguntas que “assustem” os usuários e muito menos os coagir:

• Estou ciente de que o Site XXX poderá utilizar os dados desse cadastro;
• Aceito ser cobrado;
• Declaro que farei o pagamento de R$ 100,00 como parte desse cadastro;
• Quero receber mensagens no meu celular ou no e-mail;

É claro que existem exceções, como se o cadastro for feito como parte de uma cobrança, mas deixe isso bem claro para quem estiver fazendo o cadastro, pois assim você evita diversos problemas.

Partindo agora para a prática, você tem as seguintes opções para a ‘tag Aceitação’:

• Deixar esta opção marcada por padrão: a caixa de seleção já estará automaticamente marcada;
• Fazer esta opção funcionar inversamente: o usuário terá que desmarcar para o botão de enviar ficar disponível;

O texto do marcador deverá ser feito em xHTML mesmo, pois caso contrário somente a caixa de marcação estará visível:

De certa forma isso vai ser até engraçado. Imagina o usuário preencher todo o formulário e não conseguir enviar porque deverá “adivinhar” o clique naquela caixa de marcação “solitária” perdida. 😀

Criando de maneira correta, o formulário ficará bem acessível:

Tag Upload de arquivo

Você também poderá deixar aos seus usuários e visitantes a possibilidade de anexar arquivos ao formulário, que poderão ser enviados diretamente ao seu e-mail. É possível definir o tamanho e o tipo do arquivo anexado.

A ‘tag Upload de Arquivo’ tem as seguintes opções exclusivas:

• Limite do tamanho de arquivo (bytes): defina o tamanho máximo do arquivo, podendo ser bytes, kb ou mb. Exemplo: ‘1048576’, ‘1024kb’ ou ‘1mb’;
• Tipos de arquivo aceitos: defina os tipos de arquivos que poderão ser anexados;

Por padrão, o Contact Form 7 já impõe algumas restrições e elas serão aplicadas quando essas opções estiverem vazias. São elas:

• 1mb para tamanho de arquivo;
• jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav e wmv para os tipos de arquivos.

Como dica vale dizer para sempre deixar o usuário informado sobre o tipo de arquivo e tamanho aceito:

Para receber os arquivos no seu e-mail, você deverá inserir a tag correta no campo ‘Arquivos anexos’ no bloco ‘E-mail’:

Caso nenhum erro ocorra, o arquivo será enviado sem problemas:

Veja que existe a possibilidade de adicionar mais campos desse tipo no mesmo formulário, assim como os outros. Utilize isso a seu favor! 😀

Antes de serem enviados para o seu e-mail, os arquivos são temporariamente armazenados dentro da pasta de upload definida em ‘Configurações -> Mídia’ na opção ‘Enviando arquivos’, que por padrão aponta para ‘wp-content/uploads’.

Dentro dessa pasta o Contact Form 7 irá criar outra chamada ‘wpcf7_uploads’ para ser utilizada no envio dos arquivos. Por isso, caso ocorra alguma mensagem de falha no envio é importante verificar se existem permissões de escrita suficientes na pasta de upload do WordPress.

Podem ainda ocorrer erros no PHP ao enviar os arquivos. Nesse caso consulte diretamente no site do PHP alguma solução.

Tag Pergunta

Eu particularmente adoro essa tag. Seu funcionamento é bem simples: você deve responder a uma pergunta para conseguir enviar o formulário, pois caso contrário uma mensagem de erro será emitida:

Esse recurso é usado geralmente para saber ser é mesmo um ser humano quem está enviando o formulário. Mas não vá adicionar perguntar difíceis ou impossíveis de serem respondidas, pois assim você nunca receberá os dados do formulário.

Outra possibilidade é criar uma pergunta que somente pessoas selecionadas conhecerão a resposta, ao estilo do “Abre-te Sésamo” do conto de Ali Babá. 😀

E assim existem muitas utilidades. A criatividade é sua!

A opção exclusiva para a ‘tag Pergunta’ é:

• Perguntas: adicione as perguntas no formato ‘pergunta | resposta’. É possível adicionar quantas perguntas desejar, mas somente uma por linha. Elas serão visualizadas no formulário de modo aleatório. Vale ainda dizer que a resposta a ser preenchida pelo usuário deverá ser exatamente igual à resposta cadastrada, incluindo caracteres especiais, números, maiúsculos, minúsculos e acentos;

Ao adicionar a tag ao seu formulário, não será necessário acrescentar tags xHTML ou texto para informar sobre o campo:

Repare que do jeito que a pergunta é feita na opção ‘Perguntas’, ela é visualizada. Por isso é importante já fazer a formatação correta. Inclusive com o tamanho do campo:

Repare que o tamanho do campo ficou em ‘1’ assim como a quantidade de caracteres, já que a resposta exige apenas 1.

Nesse caso, cuidado para não cair numa armadilha, pois se você definir uma quantidade de caracteres menor do que a resposta precisar, o formulário jamais será enviado. E o cuidado deverá ser redobrado quando existir mais de uma pergunta:

Repare que somente uma da três perguntas poderá ser respondida com a quantidade de caracteres definida para 1. E como as perguntas serão aleatórias, se por acaso cair outra, como na figura abaixo?

O usuário só poderá inserir a letra ‘B’ e cuspir marimbondos logo em seguida. 😀

Como você pode perceber diversos cuidados são necessários ao utilizar as tags. No próximo artigo iremos tratar de outros assuntos relacionados ao plug-in, como o Spam, por exemplo.

Qualquer dúvida, sugestão, crítica ou elogio pode ser feito nos comentários.

Fiquem na paz e até lá!

Olá Pessoal!

No último artigo você aprendeu sobre os princípios básicos de gerenciamento do Contact Form 7.

Como Criar Formulário no WordPress – Contact Form 7 Parte1

Por isso, a partir de agora iremos detalhar cada tag gerada pelo plug-in para construir o formulário de maneira bem prática.

Para não ficar perdido entre tantos conceitos e conteúdo técnico é importante que você conheça os tipos de campos de um formulário e um pouco de código xHTML e CSS para deixa-los bem estilizados e informativos.

As tags do plug-in servirão apenas para “construir” os campos do formulário e os códigos xHTML/CSS para organizar a informação que serão exibidas ao usuários. Analisando a figura abaixo, nós temos:

O que estiver entre colchetes [ ] são as tags do plug-in e o resto são tags xHTML adicionadas apenas para formatar a exibição do formulário e assim facilitar para o visitante, pois caso contrário o formulário ficaria assim:

O mesmo acontece com os e-mails enviados:

O formato da mensagem e de outros campos depende da composição de ambos os elementos, além do texto informativo.

O CSS já é aplicado de outra forma, utilizando as classes definidas dentro do arquivo ‘style.css’ do tema aplicado ao WordPress. Não se preocupe, pois até o final dessa pequena série de artigos, esses detalhes também serão explicados, além de outros assuntos. Por enquanto será detalhado cada tag do plug-in.

Manipulando as Tags do Contact Form 7

Quando você clica no botão ‘Gerar tag’ uma pequena caixa surgirá com diversas opções, dependendo dos tipos de campo que o formulário terá.

Mas antes de entrarmos em detalhes sobre cada tag, será necessário aprender a manipula-las. Veja:

De acordo com as opções usadas, a tag nas áreas em marrom e verde vão sendo formadas. E assim nós temos:

• O que for gerado dentro da área marrom deverá ser adicionado ao ‘Formulário’, pois está vinculado a somente um campo;
• Da mesma forma o que estiver sendo gerado dentro da área verde deverá ser adicionado ao e-mail que será enviado para o destinatário da mensagem;

E assim as tags, junto com o texto e o xHTML o formulário e o e-mail terão “vida” e suas informações serão visualizadas/enviadas de forma correta e sem problemas.

Aqui vale dizer que é necessária a máxima atenção na hora de criar o formulário e o e-mail de envio, tomando muito cuidado para não inserir uma tag ou informação no lugar errado. Imagina, por exemplo, o seguinte erro:

• A tag [your-subject], que é assunto no lugar de [your-name] <[your-email]>, que é o nome e e-mail do remetente;
• A tag [your-message], que é a mensagem no lugar da [your-subject], o assunto do e-mail;

O resultado desse erro você confere na figura abaixo:

O que acontecerá é que o destinatário receberá um e-mail com um assunto gigantesco e com o campo do remetente em branco (destacado de amarelo na figura), pois é aceito somente e-mail nesse campo. Você corre o risco da mensagem não chegar devido ao último erro, pois alguns servidores não aceitam isso.

Então a dica é tomar muito cuidado na hora de distribuir as tags, o texto, o código xHTML e o CSS.

Detalhando as Tags

Para começar, é necessário ter em mente que a maioria das opções são atributos dos campos do formulário e por isso quem já os conhece não encontrará grandes problemas.

Existem, porém, alguns detalhes específicos que serão totalmente explicados nos próximos artigos. Por hora vamos mostrar as tags comuns a diversos campos, tais como:

• Campo obrigatório: deixe marcado para que o usuário seja obrigado a preencher o campo para conseguir enviar a mensagem;
• Id: identificador único do campo, podendo ser usado pelo CSS, JavaScript e outros;
• Class: classe do campo sendo muito utilizado para aplicar as folhas de estilo (CSS) ao campo ou formulário;
• Size: tamanho do campo. São aceito somente valores inteiros;
• Maxlength: quantidade de caracteres. São aceito somente valores inteiros;
• Valor Padrão: o texto que será exibido no campo;
• Use this text as watermark: quando essa opção não for selecionada, será necessário excluir o valor padrão do campo. Porém marcando essa opção, basta clicar “dentro” do campo com o mouse que ele automaticamente “sumirá”;

Aqui vale uma dica: cuidado ao definir o size e o maxlength, para que o preenchimento seja agradável por parte usuário. Explicando: Imagine, por exemplo, um campo de tamanho 50px, mas que aceite somente dois caracteres. É uma coisa meio “sem lógica”, não acha?

Existem ainda opções e tags específicas para tratar de SPAM e CAPTCHA, que serão tratados nos artigos seguintes, assim como as tags ‘Aceitação’, ‘Pergunta’ e ‘Upload de arquivo’.

As opções específicas das demais tags serão detalhadas agora:

• Campo de Texto: não possui nenhuma opção extra. As opções relacionadas ao ‘Akismet’ serão tratados em SPAM;
• Campo de e-mail: assim com o primeiro, só tem a opção não detalhada que será tratada em SPAM;
• Área de Texto: as duas opções presentes servem para definir o tamanho da área de texto:

o   Cols: informe a quantidade de colunas para definir o tamanho da largura;

o   Rows: informe a quantidade de linhas para definir a altura;

• Menu drop-down: cria um menu de seleção:

o   Opções: adicione os itens do menu, um por linha;

o   Permitir múltiplas seleções: permite escolher mais de um item com a ajuda da tecla Ctrl;

o   Inserir um item em branco como primeira opção: insere alguns pontos como primeira opção;

• Caixas de seleção: cia uma caixa de seleção:

o   Opções: adicione os itens de seleção, um por linha;

o   Colocar o rótulo antes e a caixa de seleção depois: se marcada, a caixinha de seleção fica depois do rótulo;

o   Envolver cada item com a tag <label>: adiciona a tag <label> facilitando assim a estilização do formulário por meio do CSS. Veja por exemplo na figura, onde o destaque em amarelo não tem essa opção ativada;

o   Tornar as caixas de seleção exclusivas: se aplicada, será possível escolher somente um elemento, desmarcando as demais automaticamente;

• Botões de rádio: possui as mesmas opções da tag ‘Caixas de seleção’ exceto pela ‘Tornar as caixas de seleção exclusivas’, já que nesse tipo de campo somente poderá ser selecionado um item mesmo;
• Botão de envio: a única opção exclusiva é o ‘Rótulo’, texto que será exibido dentro do botão de envio;

E assim mais um parte desse fabuloso plug-in foi totalmente detalhado. No próximo artigo continuaremos a tratar do assunto.

Qualquer dúvida, sugestão, crítica ou elogio poderá ser feito nos comentários.

Fiquem na paz e até a próxima!

Olá Pessoal!

Quantas vezes você já pensou em colocar um formulário de contato dentro do seu blog/site, mas acabou desistindo, pois só encontrou códigos HTML/PHP ou plug-ins complicados?

Agora chegou a hora de mudar de ideia já que a partir de agora você irá aprender a trabalhar com formulários de forma rápida, prática, tranquila e funcionando sem problemas.

Estou falando do plug-in chamado Contact Form 7, disponível no diretório oficial do WordPress. Esse plug-in poderia ser facilmente classificado como premium e ser vendido, pois realmente possui recursos muito úteis, possuindo até um site exclusivo.

Entre suas características está o envio de e-mail para o administrador do WordPress, uso do Ajax, diversos tipos de campos, permite anexar arquivos, usar CAPTCHA , utiliza o Akismet para evitar spam e muito mais. Ele está disponível no idioma Português e faz a tradução automaticamente, com base no idioma instalado no WordPress

Para começar a usa-lo o primeiro passo é fazer o download do arquivo, descompactando-o dentro da pasta ‘\wp-content\plugins’. O próximo passo é ativa-lo em ‘Plugins -> Instalados’.

Também é possível fazer a instalação de forma automática, sendo apenas necessário acessar ‘Plugins -> Adicionar novo’ e no campo ‘Pesquisar’ digitar o nome completo dele, clicar em ‘Pesquisar plugins’ e depois em ‘Instalar’ na lista de resultado. Na janela que se abrir basta clicar em ‘Instalar agora’ e depois do download e instalação clicar na ação ‘Ativar o plugin’ para finalizar.

Gerenciamento Do Contact Form 7

O plug-in cria uma área exclusiva dentro do Painel de Administração, localizado em ‘Contato -> Editar’, que é dividida em diversas partes.

Para começar, no topo você tem a possibilidade de criar um novo formulário ou então editar os já existentes. De início, somente um formulário estará disponível, o ‘Formulário de contato 1’:

Mas é possível adicionar a quantidade que você quiser:

Repare que na figura existem quatro formulários (Contato, Pesquisa, Opinião e Orçamento), que clicados permitirão que sejam editados na parte de baixo dessa área.

Adicionando e Outras Ações

Para adicionar novos formulários, basta clicar no hiperlink ‘Adicionar novo’, escolher seu idioma e então clicar no botão ‘Adicionar novo’:

Agora clique em cima de ‘Sem nome’ para modificar o nome do formulário e depois em ‘Salvar’ para completar a inclusão:

Para adicionar o formulário ao post/página/widget do WordPress, copie o shortcode criado no bloco logo abaixo, dentro da faixa marron:

Analisando a figura, temos:

• O shortcode é o
  Nome: (*)
  

  Email: (*)
  

  Assunto: (*)
  

  Mensagem:
  
  ;
• É possível fazer uma copia do formulário clicando na ação ‘Copiar’ ou apaga-lo de vez do WordPress clicando em ‘Excluir’;
• Para renomear o formulário basta clicar em cima de ‘Contato’, inserir o novo nome e depois no botão ‘Salvar’;

Editando…

Por padrão, todos os formulários inseridos vêm com os seguintes campos: nome, e-mail, assunto, mensagem e o botão enviar. Mas é possível montar um formulário da forma que você quiser adicionando os campos necessários.

Para isso você deve utilizar o segundo bloco, chamado de Formulário:

Na coluna à esquerda você tem o código do seu formulário, que é uma combinação de código xHTML e tags do plug-in. Essas tags são geradas na coluna à direita, clicando no botão  ‘Gerar tag’, que tem as seguintes opções:

Os detalhes de cada um você confere no próximo artigo. Por enquanto vamos continuar analisando os outros blocos, como o de E-mail:

Na verdade existem dois blocos desse tipo, sendo o que o segundo só é ativado quando marcado a opção ‘Usar e-mail (2)’. Nesses campos você informa para qual e-mail o formulário será enviado e como será o corpo da mensagem. Repare que você pode utilizar as tags do plug-in.

Outro bloco disponível nessa área é o de Mensagens. Suas opções apenas são estarão visíveis quando o hiperlink ‘Exibir’ do bloco for clicado:

O hiperlink ‘Exibir’ automaticamente mudará para ‘Ocultar’. No bloco Mensagens você pode definir com suas palavras todas as mensagens geradas pelo plug-in, incluindo os erros.

Ainda temos o bloco Configurações Adicionais que somente possui uma caixa de texto:

Assim como o bloco Mensagens, só aparece quando o hiperlink ‘Exibir’ do bloco for clicado. Aqui você poderá adicionar qualquer outra opção de configuração, geralmente em código JavaScript.

Assim chegamos ao fim do artigo, mas não do assunto. Continuaremos explicando como configurar cada tag do plug-in. Em caso de dúvidas, não hesite em utilizar os comentários. Aproveite ainda e deixe sua sugestão, elogio ou crítica.

Como Criar Formulário no WordPress – Contact Form 7 Parte2

Fiquem na paz e até a próxima!

Olá querido leitores!

Em clima de despedida, escrevo o último artigo dessa coletânea sobre plugins para os novos usuários do WordPress e na certeza de que muito foi aprendido por vocês!

Para finalizar resolvi escolher dois plugins que podem ser classificados como “comerciais”. É claro que eles incluem outras características interessantes, mas exibem anúncios de seus autores ou tem opções travadas, assim como o “All in One SEO Pack”.

E aqui fica mais uma dica para os novatos: sempre verifique se o plugin que você está instalando no seu WordPress irá exibir alguma propaganda ou não tem a opção prometida pelo autor de forma gratuita. É claro que, se for realmente necessário, realize a compra para retirar os anúncios ou ter as opções liberadas.

E aí entra outro ponto: ganhar dinheiro! Isso mesmo, pois isso pode ser outra fonte renda para você. Basta pensar em algum recurso / funcionalidade interessante e que não existe para o WordPress e ler todos os artigos que tratam sobre criação de plugin aqui do Webmaster.pt! 😀

Não vou entrar em detalhes sobre a instalação, pois já foi assunto de outro artigo Como Instalar Plugins No WordPress Parte4 e portanto, irei apenas falar das características básicas de ambos os plugins, para fins didáticos.

Booking Calendar

Encontrado no repositório oficial do WordPress e com site próprio, o Booking Calendar é disponibilizado em quatro versões, sendo somente a ‘Standard’ distribuída gratuitamente e logicamente com muitas opções “travadas”. Mais informações podem ser conferidas em seu site oficial.

Na verdade esse plugin acrescenta um serviço de reservas ao WordPress de uma forma muito fácil, com um gerenciamento bem intuitivo, indicado para quem tem hotéis, pousadas ou algo do tipo. E acredite quando digo que existem outros plugins que adicionam diversos recursos para vários ramos de negócio no mercado, tornando assim o WordPress um sistema gerencial muito completo, quase um CRM/ERP.

Assim que instalado e ativado, o plugin cria um novo bloco com três menus disponíveis, onde é feito todo o gerenciamento [figura 1]:

Alguns plugins realmente fazem isso, adicionando vários áreas de configuração e diversas maneiras de adicionar o recurso ao WordPress.

No caso do Booking Calendar, você tem:

• Booking: onde é feito todo o gerenciamento das reservas, como sua aprovação, cancelamento, remarcação, disponibilidade, reservas feitas e outros;
• Add Booking: onde é feito uma nova reserva pelo usuário do “sistema”, com diversas opções que podem ser adicionadas nas versões pagas;
• Settings: onde são feitas todas as configurações do plugin, com diversas opções, sendo que a maioria só está disponível somente nas versões pagas [figura 2];

O que eu achei muito interessante é a possibilidade de escolher o nível de acesso aos menus do plugin, sendo que isso é feito de maneira totalmente visual, sem a necessidade de trabalhar código fonte [figura 3]:

O autor realmente dedicou muito tempo ao desenvolvimento do plugin. Ou seria um sistema dentro do WordPress? 😀

E se eu quiser que o meu cliente mesmo faça a reserva visitando meu web site? Isso também já foi providenciado, utilizando as facilidades do WordPress:

• Widget: basta adiciona-la à barra lateral e escolher as opções devidas, tais como exibir somente o calendário ou formulário para cadastro da reserva, a quantidade de calendários e outros [figura 4]:
• Inserir no Post/Página: tanto em modo Visual, quanto em modo HTML são disponibilizados botões para isso [figura 5]:

Repare que nos destaques em vermelho estão os botões nos dois modos de edição. O que eles fazem é adicionar os shortcodes, destacados em amarelo, com as opções escolhidas ao clicar em qualquer um dos botões [figura 6]:

É possível adicionar manualmente os shortcodes, mas para que perder tempo, não é verdade?

Eu realmente aconselho pelo menos você dar uma olhada no plugin, mesmo que seja na demonstração on line.

WP Mini Games

Que tal terminarmos essa coletânea com festa, se divertindo com alguns joguinhos diretamente no seu WordPress? Gostou da ideia? Legal, eu também adoro jogar! Para isso iremos utilizar o plugin WP Mini Games, que apenas exibe uma pequena propaganda na parte de baixo do jogo adicionado [figura 7]:

Realmente isso não atrapalha a diversão. Existem muitos jogos disponíveis, todos em flash, sendo que a lista você encontra no site oficial do WP Mini Games.

O plugin está disponível no repositório oficial do WordPress e para adicionar os jogos ao seu WordPress existem duas formas:

Com a widget ‘WP Mini Game’ [figura 8], na qual estão as opções para inserir o título, escolher o jogo disponível na lista suspensa e definir o tamanho de exibição.

Adicionando o Shortcode semelhante a [wp-mini-games minigame=”nome-do-jogo” width=”400″ height=”350″], onde width e height são informações opcionais, que definem a largura e altura respectivamente. Os nomes dos jogos você encontra no site oficial e são alguns exemplos:

• o quarterback para Quarterback;
• o poktris_bwin para Poktris;
• o solitaire_bwin para Solitaire;
• o avalanche_bwin para Avalanche;
• o daredevil_bwin para Dare Devil;
• o outscounter_bwin para Outs Counter;
• o potoddstrainer_bwin para Pot Odds Trainer;
• o oddsgame_bwin para Odds Game;

Ainda existe a área localizada em ‘Configurações > WP Mini Games’ onde é possível definir a largura e altura padrão [figura 9]:

Eu realmente gostaria de terminar o artigo não relatando problemas, mas eu sei que você está aqui para aprender e por isso vou pedir para você não instalar esse plugin localmente, pois comigo deu um erro, inclusive na parte de gerenciamento dos widgets.

Foi necessário desativar o plugin e fazer os testes no servidor de hospedagem para que ele funcionasse corretamente. Por isso, quando isso acontecer com você com algum outro plugin, verifique também essa possibilidade.

E assim chega ao fim mais uma parte muito importante do WordPress, os plugins, abordado de forma para que os iniciantes possam usufruir de todo o poder dessa maravilhosa plataforma. Agora você já pode ler os artigos da parte avançada sem problemas e até fazer um plugin.

Espero que você tenha aprendido muito e em caso de dificuldade com qualquer plugin, deixe seu comentário relatando o problema que iremos te ajudar no que for preciso e com aquilo que conhecemos.

Aproveite e deixe sugestões, relatos de sucesso, críticas, dúvidas ou elogios. Estou querendo te ouvir!

Fiquem na paz e vamos ao próximo assunto. Até lá!

Olá grandes leitores do Webmaster.pt e estudantes do WordPress!

Estamos no fim de mais uma mini coletânea de três artigos, voltado principalmente para iniciantes, onde estamos tratando sobre o plugin All in One SEO Pack e todas as suas características.

• All In One SEO Pack – WordPress Plugins Parte17
• All In One SEO Pack – WordPress Plugins Parte18

Continuando diretamente do último artigo, irei explicar em detalhes as opções desse maravilhoso plugin. Vamos lá?

META

[figura 1]

• Use Categories for META keywords / Use Tags for META keywords: quando selecionadas, adiciona as categorias e tags do post, respectivamente, à tag META da página web;
• Dynamically Generate Keywords for Posts Page: se você modificou sua página de posts em ‘Configurações  Leitura’ para uma página estática, é possível permitir ao plugin gerar as palavras chaves automaticamente para a página ao marcar essa opção. As palavras chaves serão criadas baseadas nos posts que serão exibidos. Caso contrário, serão utilizados os da própria página;
• Use noindex for Categories / Use noindex for Archives / Use noindex for Tag Archives: marcando qualquer uma das três opções, exclui a possibilidade de rastreamento/indexação das páginas de categorias, arquivos e tags, respectivamente. Muito útil para evitar conteúdo duplicado ou ainda aumentar seu Bounce Rate (taxa de rejeição).
• Autogenerate Descriptions: quando marcada, gera uma descrição automática, quando não houver, na tag META da página;
• Capitalize Category Titles: permite deixar a primeira letra de cada palavra das categorias do blog em maiúsculas;

Adicional

[figura 2]

• Exclude Pages: permite definir as páginas que serão excluídas pelo All in One SEO Pack, como no caso daquelas geradas dinamicamente por outros plugins, como de fóruns ou de contatos, por exemplo. Basta adicionar /forum/ ou /forum que todas as URLs com a palavra forum serão excluídas, tais como
  http://meublog/forum e http://meublog/forum/wordpress
• Additional Post Headers / Additional Page Headers / Additional Home Headers: aqui você tem a possibilidade de adicionar qualquer código ou informação extra “aos cabeçalhos” do WordPress, ou seja, do posts, das páginas e da página principal;
• Log important events: quando marcado essa opção é criado um arquivo chamado ‘all_in_one_seo_pack.log’ dentro da pasta do plugin onde serão guardados todos os eventos importantes que poderão ser consultados futuramente para análise de erros. Lembre-se de deixar a pasta do plugin com permissões suficientes para criação e escrita do arquivo;

Opção nos Posts e Páginas

Ainda é possível definir as opções específicas para cada post ou página criado no WordPress, pois o All in One SEO Pack adiciona um novo bloco em sua área de criação/edição [figura 3]:

Todas as opções da figura estão disponíveis para ambos, exceto pela parte destacada de amarelo, que são exclusivas para páginas. Vou aproveitar e detalhar cada uma delas:

• Title: defina um título de até 60 caracteres que será exibido no seu navegador, substituindo o título gerado pelo WordPress;
• Description: permite adicionar uma descrição de até 160 caracteres;
• Keywords (comma separated): defina palavras chaves específicas para o post / página, lembrando-se de separa-las com vírgula;
• Title Attribute: é a informação que aparece quando você passa o mouse em cima do hiperlink do título, sendo um recurso de usabilidade muito agradável;
• Menu Label: é o texto que irá aparecer quando a página for usado em algum menu. Caso seja deixado em branco, o texto que será usado será o mesmo do título;
• Disable on this page/post: permite desativar o plugin para aquele post / página específica;

Palavras Chaves do All in One SEO Pack

Para finalizar gostaria de deixar um pouco mais claro a utilização das palavras chaves, principalmente nos posts, pois nas páginas a única maneira de defini-las é na sua área de criação/edição, no campo ‘Keywords’ do bloco ‘All in One SEO Pack’.

Já para posts, existem duas possibilidades:

• Em sua área de criação/edição utilizando o mesmo campo já mostrado para páginas;
• Marcando a opção de o plugin utilizar as categorias ou tags dos posts automaticamente, em ‘Configurações > All in One SEO’;

E não se preocupe no caso de existirem palavras chaves iguais, pois o plugin não irá repeti-las. Realmente muito eficaz!

Já para gerar as palavras chaves da página principal leia o último artigo, caso seja a exibição padrão, ou nesse artigo, na opção ‘Dynamically Generate Keywords for Posts Page’ caso tenha escolhido uma página estática como página principal do WordPress.

E assim finalmente chegamos ao fim!

Mas não fique triste, pois ainda irei tratar sobre dois plugins e assim mais detalhes serão revelados, principalmente aos novatos no WordPress.

E como sempre fico aguardando seus comentários com dúvidas, sugestões, críticas ou elogios. Estou querendo te ouvir.

Fiquem na paz e até a próxima!

Olá leitores do Webmaster.pt!

Seja bem vindo à segunda parte, onde irei continuar a detalhar o plugin All in One SEO Pack, explicando em detalhes todas as suas opções e configurações. Se não leu a primeira parte, pode aceder no URL:

• All In One SEO Pack – WordPress Plugins Parte17

Algumas são realmente simples para quem entende de SEO, assim como nos plugins do Adsense:

• AdSense On Top E Adsense Optimize WordPress Plugins Parte13
• AdSense On Top E Adsense Optimize WordPress Plugins Parte14
• AdSense On Top E Adsense Optimize WordPress Plugins Parte15

Resumindo: é necessário conhecer mais sobre SEO para não ter tanta dificuldade! A área de configuração encontra-se em ‘Configurações > All in One SEO’ e antes de tudo quero deixar duas dicas:

1. Sempre salve qualquer mudança, clicando no botão ‘Update Options’ [figura 1].
   Ainda existe outro, o ‘Reset Settings to Defaults’ que faz o plugin voltar às suas configurações originais;
2. Tenha a ajuda do plugin como uma aliada, conforme mostra a figura 2:

No destaque em azul você tem a instrução de como utiliza-la, ou seja, clicando em cada opção, que aparece em forma de hiperlink. O resultado é mostrado no destaque em vermelho, para a opção ‘Home Title’.

Mas não pense que vou para por aqui, pois essa pequena coletânea é destinada aos novatos, principalmente aqueles que não dominam o inglês e por isso vou explicar cada opção do All in One SEO Pack em sua versão gratuita. Para isso fiz uma divisão para explicar melhor didaticamente. A divisão ficou assim:

1. Opções iniciais;
2. Página Inicial;
3. Reescrita dos títulos;
4. META;
5. Adicional;
6. Opção nos Posts e Páginas;

Os 5 primeiros pontos estão localizados em ‘Configurações > All in One SEO’ e o último quando são criados os posts e páginas do WordPress. E ainda outra coisa: os 3 primeiros pontos serão explicados nesse artigo e os 3 últimos no próximo. Então vamos começar?

Opções Inicias

[figura 3]

• I enjoy this plugin and have made a donation: clique se você gostar do plugin e for fazer uma doação (!). Parece ser uma espécie de concordância de contrato. Mas não se preocupe, pois essa opção desaparece assim que for selecionada e salva, aparecendo assim no final dessa área uma opção de agradecimento [figura 4] :D;
• Plugin Status: explicada no último artigo. Serve para ativar o funcionamento do plugin;

Página Inicial

[figura 5]

• Home Title: defina o título da página principal, independente de outras opções. Caso não seja preenchido, será utilizado a opção definida no WordPress;
• Home Description: descrição da página principal, adicionada à Tag META do blog;
• Home Keywords (comma separated): palavras-chaves, ou seja, as palavras que definem seu blog. Procure não adicionar informações falsas. Lembre-se de separa-las com vírgula;
• Canonical URLs: marcando essa opção é gerado automaticamente uma URL Canônica para o seu WordPress, prevenindo assim conteúdo duplicado;

Reescrita dos títulos

• Rewrite Titles: se marcada, ativa a possibilidade de reescrever o título de diversas partes do WordPress. Essas partes são:
• Post Title Format: quando é feita a leitura de um post;
• Page Title Format: quando mostra uma página;
• Category Title Format: quando são exibidos os posts de uma determinada categoria;
• Archive Title Format: quando são exibidos os posts de um determinado mês, o conhecido “Arquivo’ do WordPress;
• Tag Title Format: quando são exibidos os posts de uma determinada tag;
• Search Title Format: quando é exibida a página de resultado de uma pesquisa;
• Description Format: o formato de descrição utilizado pelo plugin;
• 404 Title Format: quando não é exibido a página solicitada pelo visitante;
• Paged Format: quando existir paginação;

É possível adicionar qualquer informação, usar as macros do plugin ou ainda uma combinação dos dois. As macros são uma espécie de variáveis, que retornam informações do WordPress. Estão disponíveis:

• %blog_title%: o título do seu blog;
• %blog_description%: a descrição do blog;
• %post_title%: o título do post;
• %category_title%: mostra a categoria principal, usando o alfabeto como referência, ou seja, caso exista um post com as categorias ‘CMS’ e ‘WEB’ será mostrado somente o ‘CMS’;
• %category%: Alias para o %category_title%;
• %post_author_login%: o nome de usuário do autor;
• %post_author_nicename%: o nicename do autor;
• %post_author_firstname%: o nome do autor;
• %post_author_lastname%: o sobrenome do autor;
• %page_title%: o título da página;
• %category_description%: a descrição da categoria;
• %date%: a data da página de arquivo, como por exemplo, ‘2010’ ou ‘2010 junho’;
• %tag%: nome da tag;
• %search%: termo da pesquisa;
• %description%: a descrição original, determinada pelo plugin, podendo ser o resumo ou resumo automático;
• %wp_title%: o título original do WordPress;
• %request_url%: o caminho da URL requerida, como em ‘/wordpress/joomla-2010’;
• %request_words%: a mesma coisa que o item anterior, mas em “linguagem humana”, como em ‘WordPress Joomla-2010’;
• %404_title%: informações adicionais de página não encontrada;
• %page%: adiciona a informação do número da página, quando existir paginação, como no caso da página principal ou de arquivos.

Mas nem todas as macros estão disponíveis para todas as partes do WordPress. Para isso consulta a ajuda do plugin ou então a tabela abaixo, que fiz especialmente para você:

Assim chegamos ao fim de mais uma etapa e na certeza de que haverá outra no próximo artigo, finalizando o assunto do plugin All in One SEO Pack.

Fico então esperando seus comentários com dúvidas, sugestões, críticas e elogios e até a próxima etapa.

Fiquem na paz!

Olá caros leitores!

Continuando a caminhada, estamos com esse novo artigo ainda abordando sobre plugins do WordPress para iniciantes. Cada novo artigo representa uma nova etapa rumo ao lugar mais alto do podium dessa maravilhosa plataforma. Estarei abordando hoje sobre o plugin All in One SEO Pack que faz parte da categoria otimização para mecanismos de busca ou simplesmente SEO.

Antes gostaria de enfatizar que é muito importante você dominar as técnicas e o conjunto de estratégias para melhorar o posicionamento nos sites de busca, como o Google, por exemplo, pois isso pode trazer mais visitantes e clientes para o seu blog / web site. Inclusive o Webmaster.pt tem uma categoria SEO voltada exclusivamente à esse assunto.

Contudo conhecer essas técnicas mais profundamente pode levar a vários meses de estudos e muita leitura e com o All in One SEO Pack instalado boa parte do trabalho é realizado automaticamente. É claro que para utiliza-lo com máximo desempenho você deverá ler os outros artigos, já que a configuração técnica do plugin é muito fácil, porém isso é apenas uma parte a ser considerada.

Mas não precisa ficar assustado já que lendo esse artigo você já estará encaminhado, ou iniciado no assunto, como quiser definir. A instalação de plugins você confere em Como Instalar Plugins No WordPress Parte4 e por isso não será abordado aqui.

O plugin é encontrado no repositório oficial do WordPress, onde é indicado o Semper Fi Web Design como página oficial, entretanto esse site é da empresa do plugin. Então o que fazer em caso de precisar do suporte?

A primeira ação é verificar no repositório pelo fórum do plugin ou ainda procurar por outros artigos aqui mesmo no Webmaster.pt ou na internet.

Outra opção é fazer uma pesquisa mais a fundo no citado site oficial. Com isso encontramos no portfólio da empresa mais informações sobre o plugin, incluindo aí um fórum com muitas informações preciosas.

Como uma pessoa que deseja o seu crescimento nesse CMS, quero deixar uma informação muito valiosa, principalmente aos novatos: PESQUISE! Isso realmente é muito importante, pois nem tudo “está na cara” e é preciso olhar tudo com muito cuidado, como se estivesse procurando um tesouro!

Versões Do All In One Seo Pack

Assim como muitos outros plugins, o All in One SEO Pack possui a versão gratuita e a versão comprada, chamada de ‘PRO’. Essa versão adiciona novos recursos, funcionalidades, e está livre de propagandas.

Por isso outra dica fundamental para os novatos é verificar sempre essa informação, pois em muitos casos não é interessante instalar um plugin que não irá ajudar em nada, além de trazer diversos problemas, como encher seu WordPress de anúncios indesejados ou pedidos incessantes para comprar a versão mais avançada ou ainda não cumprir o que se propõe a fazer.

É claro que você deve analisar a possibilidade de comprar o plugin, pois com isso algumas opções ficam mais simplificadas, o suporte é mais abrangente e rápido ou ainda é fornecido o acesso a treinamentos e tutoriais exclusivos.

No caso do All in One SEO Pack vale a pena usar a versão gratuita, pois ele realmente cumpre o que diz e segundo o repositório já foi baixado mais de 5 milhões de vezes, além de ser indicado pela maioria dos sites que tratam de SEO.

Configurações Iniciais

Assim que instalado, o próprio plugin informa que é necessário configura-lo fornecendo inclusive o link para isso [figura 1], que abre a área localizada em ‘Configurações > All in One SEO’.

Nessa área inicialmente você verá alguns links, pedidos de doação (se possível ajude o autor) e ainda recomendações para usar temas profissionais. É aqui que aparece o link ‘UPGRADE TO PRO VERSION’ no caso de querer comprar a versão PRO.

Mas eu gostaria de chamar a sua atenção para a opção ‘Plugin Status’, localizado logo abaixo [figura 2]:

É nessa opção, quando clicado em ‘Enabled’ é que o plugin é efetivamente ativado e todas as configurações aplicadas.

E assim acontece com outros plugins, pois mesmo ativando-o em ‘Plugins > Instalados’ será necessário outra ativação na área de configuração do plugin para ele se torne totalmente funcional.

E aproveitando que estamos falando em área de configuração de plugins, quero te convidar (ou intimar :D) a ler a continuação desse artigo, onde iremos entrar nos detalhes específicos do All in One SEO Pack.

E fico esperando seus comentários com suas dúvidas, sugestões, críticas ou elogios. Até a próxima etapa!