Criação de formulários
-
Estou começando a trabalhar com wordpress, e já possuo conhecimento em html/javascript/css.
Eu preciso fazer formulários e tenho preferência por escrever e estilizar eles com código html, até para o caso de usar máscaras ou estilizar de maneira mais livre.
Tem alguma ferramenta que me permite isso?
Eu testei alguns plugins, porém, eles ou tinham uma linguagem própria, como o Contact Form, ou faziam com que eu usasse alguma forma gráfica de montar o formulário como Drag n’ Drop.
Obrigado pela atenação.
-
@matheusmr, boa tarde. Tudo bem?
Bem, eu recomendo que você use o plugin Contact form 7. Além de ser simples, fácil e rápido, ele te permite customizar o formulário de forma bem simples. Como você já tem conhecimento de html e css, com certeza, não vai ter dificuldade na customização. Segue um exemplo do código:Código de um formulário criado no contact form 7:
<p>Seu nome (obrigatório)<br />
[text* your-name class:campo-nome] </p><p>Seu e-mail (obrigatório)<br />
[email* your-email class:campo-nome] </p><p>Assunto<br />
[text your-subject class:campo-nome] </p><p>Sua mensagem<br />
[textarea your-message class:campo-nome] </p><p>[submit class:campo-enviar "ENVIAR"]</p>
Exemplo de customização no css:
/* contact form 7 */
.campo-nome{
border:#A01F62 1px solid !important;
font-size:14px;
padding: 2px 2px 2px 6px;
width:100%;
heigth:50px;
color:#FFFFFF;
}
.campo-texto{
border:#A01F62 1px solid !important;
font-size:16px;
padding: 2px 2px 2px 6px;
width:100%;
heigth:50px;
color:#FFFFFF;
}
.campo-enviar{
border:#A01F62 1px solid !important;
font-size:16px;
font-weigth:600;
padding: 2px;
width:100%;
heigth:50px;
color:#FFFFFF;
margin-top:10px;
}Espero ter ajudado. T+!
- O tópico ‘Criação de formulários’ está fechado para novas respostas.