Resumo de IA
Introdução
Gostaria de exibir a hora atual no seu formulário? Usando as Etiquetas Inteligentes do WPForms, pode criar uma etiqueta inteligente que exibirá a hora nos seus formulários. Com um pequeno trecho de PHP, este tutorial irá guiá-lo em cada passo!
Adicionar a Etiqueta Inteligente para a hora atual
Para usar uma Etiqueta Inteligente, precisaremos primeiro de adicionar o trecho de código para criá-la.
Se precisar de ajuda sobre como adicionar um trecho de código ao seu site, por favor, reveja este tutorial.
/**
* Create a custom Smart Tag
*
* @link https://wpforms.com/developers/how-to-create-a-smart-tag-for-the-current-time
*/
function wpf_dev_register_smarttag( $tags ) {
// Key is the tag, item is the tag name.
$tags[ 'current_time' ] = 'Current Time';
return $tags;
}
add_filter( 'wpforms_smart_tags', 'wpf_dev_register_smarttag' );
/**
* Process the Smart Tag.
*
* @link https://wpforms.com/developers/how-to-create-a-smart-tag-for-the-current-time
*/
function wpf_dev_process_smarttag( $content, $tag ) {
// Only run if it is our desired tag.
if ( 'current_time' === $tag ) {
date_default_timezone_set( 'US/Eastern' );
$link = date( 'h:i:s A' );
// Replace the tag with our link.
$content = str_replace( '{current_time}', $link, $content );
}
return $content;
}
add_filter( 'wpforms_smart_tag_process', 'wpf_dev_process_smarttag', 10, 2 );
Vamos analisar mais de perto cada uma destas funções.
Criar a Etiqueta Inteligente
Antes de podermos definir o que é a Etiqueta Inteligente, primeiro precisamos de a criar.
A função wpf_dev_process_smarttag configurará a Etiqueta Inteligente, criando-a e nomeando-a. Isto significa que poderemos chamar esta Etiqueta Inteligente no construtor de formulários.
Definir a Etiqueta Inteligente
Uma vez chamada a função para criar a etiqueta, só precisamos de definir para que será usada essa etiqueta. Neste caso, vamos definir o fuso horário e depois o formato da hora.
Se precisar de ajuda para definir o fuso horário e o formato, consulte a Documentação PHP para assistência.
Como pode ver com a função wpf_dev_process_smarttag, estamos a definir o fuso horário para US/Eastern e o formato da hora 'h:i:s A', será exibido como 03:12:46 PM.
E após guardar o código, poderá agora usar esta nova Etiqueta Inteligente personalizada no seu construtor de formulários.
Criação do formulário
Agora é hora de criar o nosso formulário. Se precisar de ajuda para criar um formulário, por favor, veja este artigo.
Vamos apenas adicionar alguns campos e especificamente um campo de Texto de Linha Única que terá o Valor Padrão definido como a nossa nova Etiqueta Inteligente.
Para adicionar um Valor Padrão, selecione o campo de formulário Texto de Linha Única e clique no separador Avançado. Uma vez lá, clique em Mostrar Etiquetas Inteligentes e percorra até encontrar a Etiqueta Inteligente que acabámos de adicionar.
Se precisar de mais ajuda sobre como definir um Valor Padrão para um campo de Texto de Linha Única, por favor, consulte esta documentação.
E é tudo! Criou agora uma nova Etiqueta Inteligente para a Hora Atual. Gostaria de processar Etiquetas Inteligentes em rótulos de campo? Dê uma vista de olhos ao nosso tutorial sobre Como Processar Etiquetas Inteligentes em Rótulos de Campo.
Relacionado
Referências de Filtros: