Visão geral
Você gostaria de posicionar a descrição do campo acima dos campos do formulário? Isso pode ser feito facilmente com um pequeno snippet de PHP adicionado ao seu site. Este tutorial mostrará como você pode alterar a descrição do campo para que fique acima dos campos de formulário.
Por padrão, o WPForms colocará todas as descrições de campo diretamente abaixo da entrada do campo do formulário.
Configuração
Para mover essas descrições acima do campo do formulário, primeiro você precisará copiar esse snippet para o seu site. Se precisar de ajuda sobre como e onde adicionar snippets ao seu site, consulte este tutorial.
/**
* Move the field description above the form field.
*
* @link https://wpforms.com/developers/how-to-position-the-field-description-above-the-form-field/
*/
function wpf_dev_field_properties( $properties, $field, $form_data ) {
// Only process this snippet on form ID 225
if ( absint( $form_data[ 'id' ] ) !== 225 ) {
return $properties;
}
{
// Position the field description above the form field
$properties[ 'description' ][ 'position' ] = 'before';
}
return $properties;
}
add_filter( 'wpforms_field_properties', 'wpf_dev_field_properties', 10, 3 );
O código mostrado acima moverá as descrições acima dos campos do formulário, mas somente se o ID do formulário for225. Lembre-se apenas de alterar o ID do formulário de 225 para corresponder ao seu próprio ID de formulário. Se precisar de ajuda para encontrar seu ID de formulário, leia este tutorial.
Depois de adicionar esse trecho de código, você verá que as descrições aparecerão acima dos campos do formulário.
E é isso! Agora você conseguiu mover as descrições dos campos do formulário para que fiquem acima dos campos do formulário. Você também gostaria de saber como limitar o número de caracteres do campo de texto de seu formulário? Dê uma olhada em nosso artigo sobre Como limitar o número de caracteres de um campo de texto.
Relacionado
Referência do filtro: wpforms_field_properties
PERGUNTAS FREQUENTES
P: Adicionei o snippet, mas ele ainda não está funcionando para mim?
R: Se você adicionou o snippet, mas não consegue ver a alteração, limpe o cache do site e confirme também se atualizou o snippet acima para refletir o ID do formulário em seu formulário.
P: Como posso fazer isso para todos os meus formulários em vez de apenas 1?
R: Se você quiser essa funcionalidade para todos os formulários, basta remover a chamada para o ID do formulário. Abaixo está um exemplo desse snippet.
/**
* Move the field description above the form field.
*
* @link https://wpforms.com/developers/how-to-position-the-field-description-above-the-form-field/
*/
function wpf_dev_field_properties( $properties, $field, $form_data ) {
// Position the field description above the form field
$properties[ 'description' ][ 'position' ] = 'before';
return $properties;
}
add_filter( 'wpforms_field_properties', 'wpf_dev_field_properties', 10, 3 );