Visão geral
Gostaria de posicionar a descrição do campo acima dos campos do formulário? Isso pode ser facilmente conseguido com um pequeno snippet PHP adicionado ao seu site. Este tutorial mostra-lhe como pode alterar a descrição do campo para que fique por cima dos campos do 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 estas descrições para cima do campo do formulário, primeiro tem de copiar este 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 vai mover as descrições acima dos campos do formulário, mas apenas 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 o seu ID de formulário, reveja este tutorial.
Depois de adicionar este snippet de código, verá que as descrições aparecerão agora acima dos campos do formulário.
E pronto! Conseguiu mover as descrições dos campos do seu formulário para cima dos campos do formulário. Também gostaria de saber como limitar o número de caracteres do campo de texto do seu formulário? Consulte o nosso artigo sobre Como limitar o número de caracteres de um campo de texto.
Relacionadas
Referência do filtro: wpforms_field_properties
FAQ
P: Adicionei o snippet, mas ainda não está a funcionar para mim?
R: Se adicionou o snippet mas não consegue ver a alteração, limpe toda a cache do site e confirme também que actualizou o snippet acima para refletir o ID do formulário no seu formulário.
P: Como é que posso fazer isto para todos os meus formulários em vez de apenas 1?
R: Se pretender esta 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 );