Resumen de IA
Introducción
¿Le gustaría mostrar la hora actual en su formulario? Usando las etiquetas inteligentes de WPForms, puede crear una etiqueta inteligente que muestre la hora en sus formularios. ¡Con un pequeño fragmento de PHP, este tutorial le guiará paso a paso!
Añadir la etiqueta inteligente para la hora actual
Para usar una etiqueta inteligente, primero necesitaremos añadir el fragmento de código para crearla.
Si necesita ayuda sobre cómo añadir un fragmento de código a su sitio, por favor revise 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 );
Echemos un vistazo más de cerca a cada una de estas funciones.
Creación de la etiqueta inteligente
Antes de poder definir qué es la etiqueta inteligente, primero debemos crearla.
La función wpf_dev_process_smarttag configurará la etiqueta inteligente creándola y dándole un nombre. Esto significa que podremos invocar esta etiqueta inteligente en el constructor de formularios.
Definición de la etiqueta inteligente
Una vez que se llama a la función para crear la etiqueta, solo necesitamos definir para qué se usará esa etiqueta. En este caso, definiremos la zona horaria y luego estableceremos el formato de la hora.
Si necesita ayuda para configurar la zona horaria y el formato, consulte la Documentación de PHP para obtener ayuda.
Como se puede ver con la función wpf_dev_process_smarttag, estamos estableciendo la zona horaria a US/Eastern y el formato de hora de ‘h:i:s A’, se mostrará como 03:12:46 PM.
Y después de guardar el código, ahora podrá usar esta nueva etiqueta inteligente personalizada en su constructor de formularios.
Creación del formulario
Ahora es el momento de crear nuestro formulario. Si necesita ayuda para crear un formulario, por favor consulte este artículo.
Vamos a añadir algunos campos y específicamente un campo de Texto de una sola línea que tendrá el Valor predeterminado establecido como nuestra nueva etiqueta inteligente.
Para añadir un Valor predeterminado, seleccione el campo del formulario Texto de una sola línea y haga clic en la pestaña Avanzado. Una vez allí, haga clic en Mostrar etiquetas inteligentes y desplácese hasta encontrar la etiqueta inteligente que acabamos de añadir.
Si necesita más ayuda sobre cómo establecer un Valor predeterminado para un campo de Texto de una sola línea, consulte esta documentación.
¡Y eso es todo! Ahora ha creado una nueva etiqueta inteligente para la Hora actual. ¿Le gustaría procesar etiquetas inteligentes dentro de las etiquetas de campo? Eche un vistazo a nuestro tutorial sobre Cómo procesar etiquetas inteligentes en etiquetas de campo.
Relacionado
Referencias de filtros: