0
Avatar

Plugin WordPress para formulário de contato em Portugues

Posted by Neusa Rodrigues on 06:47 in

Se você deseja ter um formulário de contato bacana e, principalmente, em português no seu blog WordPress igual a esse do Cabanoblog, chegou a solução. Eu traduzi o excelente plugin “Secure and Accessible PHP Contact Form“, criado por Mike Cherim eMike Jolley. Uso ele desde que o Cabanoblog está no ar e até agora não recebi nenhum spam.
Há um pouquinho de inglês ainda no painel de controle dele, mas o que é exibido para os visitantes do seu blog, inclusive a cópia carbono do email enviado se o usuário desejar, está totalmente em português. E é isso que importa. Afinal, se você usa o WordPress e vai instalar este plugin, manja no mínimo um pouquinho de inglês.
Para instalar é muito fácil, basta seguir as instruções dadas pelo próprio autor no site do plugin:
1 – Faça o download do plugin e descompacte o .zip.
2 – Faça o upload da pasta para sua pasta de plugins wordpress (Provavelmente: /wp-content/plugins/).
3 – Abra o admin do seu WordPress, vá na página de “Plugins”, localize o “Secure and Accessible PHP Contact Form” e ative-o.
4 – Com o plugin ativado, vá para a página “Contact Form” que surgiu no menu superior do painel e selecione o link “Configuration” no sub-menu (não esqueça de clicar no botão “Save Form Configuration” após configurar). Se precisar de ajuda, veja o “Form Configuration Instructions.”
5 – Configurado a seu gosto, crie uma página comum (uma página não é um artigo!) com o nome do link que você quer. No meu caso eu criei a página “Contato”.
6 – Volte às configurações do Formulário e coloque lá o link da página que você acabou de criar. No meu caso foi http://www.cabanacriacao.com/blog/contato/ (novamente, não esqueça de clicar no botão “Save Form Configuration” após configurar).
7 – Volte para a página que você criou e clique em editar. Com a página aberta, clique na aba “código” e escreva este código:
(eu coloquei em formato de imagem para que vocês possam ver exatamente o que deve ser digitado. O WordPress estava trocando o tracinho duplo por um único. Valeu Lincoln!) e salve a página. Prontinho. Você já tem o formulário instalado.
8 – Para mudar o estilo do formulário , selecione o link “Styling”. Escolha um dos temas ou você pode criar o seu próprio se entender um pouquinho de CSS.
9 – Se tiver alguma dúvida, posta um comentário aqui.
Referência:      http://www.cabanacriacao.com/blog/archives/plugin-wordpress-para-formulario-de-contato-em-portugues-codigo-php-excelente-nada-de-spans/
 

0
Avatar

Como colocar um formulário de contato no wordpress sem o uso de plugin

Posted by Neusa Rodrigues on 06:30 in

Nada contra plugins, são muito bons, mas em determinadas situação é bom evitar, na minha opinião formulário de contato é uma delas, pois evita de ficar carregando o script do formulário em todas as página, desta forma que vou mostrar o script só carrega na própria página de contato. E para isso acontecer vamos criar um template especifico para página de contato.
Todos templates do wordpress tem o arquivo “page.php”, ele é o arquivo responsável em exibir todas páginas separadas, sabendo disto vamos fazer o seguinte: Entre na pasta do template, faça uma copia do “page.php” e romei-a para “contato.php” e abra a mesma em seu editor.

No topo dela vai ter o seguinte comentário.

/**
2.* The template for displaying all pages.
3.* ...
4.*/
Mude para:
1./**
2.* The template name: Contato
3.* ...
4.*/

Este “The template name: Contato” é a linha que vai fazer toda a diferença, com isso este template vai aparecer na lista de “modelos” de página para selecionar. 
Agora a única coisa que temos que fazer é um formulário de contato normal. 
Copei este código logo após do comentário do topo, repare que uso a função “get_bloginfo()” para pegar o e-mail do admin.
< ?php
02.function h($str) {
03.return htmlentities($str);
04.}
05. 
06.function noempty($str) {
07.if (preg_match('/[a-z]/'$str))
08.return true;
09.else
10.return false;
11.}
12. 
13.if (isset($_POST['enviar'])) {
14.if (!noempty($_POST['nome']) or !noempty($_POST['assunto']) or!is_email($_POST['email']) or !noempty($_POST['msg'])) {
15.$_SESSION['info'] = 'Preencha todos campos corretamente.';
16.}
17. 
18.else {
19.$headers 'From: ' $_POST['email'] . "\r\n" .
20.'Reply-To: ' $_POST['email']  . "\r\n" .
21.'X-Mailer: PHP/' . phpversion();
22. 
23.if(@mail(get_bloginfo('admin_email'), $_POST['assunto'], $_POST['msg'],$headers)) {
24.$_SESSION['info'] = 'E-mail enviado com sucesso.';
25.header('Location: http://' $_SERVER['SERVER_NAME'] .$_SERVER['REQUEST_URI']);
26.exit;
27.else {
28.$_SESSION['info'] = 'Erro no servidor.';
29.}
30.}
31.}
32.?>
Agora o formulário, de preferencia abaixo da função “the_content()”.
01.<form method="post" action="" class="contato">
02.< ?php
03.if (isset($_SESSION['info'])) {
04.echo '<div class="info">' $_SESSION['info'] . '';
05.unset($_SESSION['info']);
06.}
07.?>
08.<div>
09.<label for="nome">* Nome</label><br />
10.<input type="text" name="nome" value="<?php echo h(@$_POST['nome']) ?/>" id="nome" />
11.</div>
12.<div>
13.<label for="email">* E-mail</label><br />
14.<input type="text" name="email" value="<?php echo h(@$_POST['email']) ?/>" id="email" />
15.</div>
16.<div>
17.<label for="assunto">* Assunto</label><br />
18.<input type="text" name="assunto" value="<?php echo h(@$_POST['assunto']) ?/>" id="assunto" />
19.</div>
20.<div>
21.<label for="msg">* Mensagem</label><br />
22.<textarea name="msg">< ?php echo h(@$_POST['msg']) ?></textarea>
23.</div>
24.<div>
25.<input type="submit" name="enviar" value="Enviar" />
26.</div>
27.</form>
E está pronto, é só editar ou criar a página de contato e na hora de salvar selecionar o modelo “contato” nas opções “Atributos de Página”. Este é só um exemplo você pode faze o formulário como desejar.
[update]: Formulário de contato melhorado.
 referência:   http://www.pinceladasdaweb.com.br/blog/2010/10/15/como-colocar-um-formulario-de-contato-no-wordpress-sem-o-uso-de-plugin/

Related Posts Plugin for WordPress, Blogger...

Copyright © 2009 blinknerd All rights reserved. Theme by Laptop Geek. | Bloggerized by FalconHive. Distribuído por Templates. Modificado por Neusa Rodrigues