Come creare uno smart tag per l'ora corrente

Introduzione

Volete visualizzare l'ora corrente sul vostro modulo? Utilizzando gli Smart Tag di WPForms potete creare uno smart tag che visualizzi l'ora sui vostri form. Con un piccolo snippet PHP, questo tutorial vi guiderà attraverso ogni passo!

Aggiunta dello Smart Tag per l'ora corrente

Per utilizzare uno Smart Tag, è necessario aggiungere prima lo snippet di codice per crearlo.

Se avete bisogno di aiuto per aggiungere uno snippet di codice al vostro sito, consultate questo 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 );

Diamo un'occhiata più da vicino a ciascuna di queste funzioni.

Creazione dello Smart Tag

Prima di definire cosa sia lo Smart Tag, è necessario crearlo.

La funzione wpf_dev_process_smarttag imposta lo Smart Tag creandolo e assegnandogli un nome. Ciò significa che potremo richiamare questo Smart Tag nel costruttore di moduli.

Definizione del tag intelligente

Una volta richiamata la funzione per la creazione del tag, è sufficiente definire l'uso che ne verrà fatto. In questo caso, definiremo il fuso orario e imposteremo il formato dell'ora.

Se si ha bisogno di aiuto per impostare il fuso orario e il formato, consultare la Documentazione PHP.

Come si può vedere con la funzione wpf_dev_process_smarttag, stiamo impostando il fuso orario su US/Eastern e il formato dell'ora 'h:i:s A' sarà visualizzato come 03:12:46 PM.

E dopo aver salvato il codice, sarete in grado di utilizzare questo nuovo Smart Tag personalizzato nel vostro costruttore di moduli.

Creazione del modulo

Ora è il momento di creare il nostro modulo. Se avete bisogno di aiuto per creare un modulo, consultate questo articolo.

Aggiungeremo alcuni campi e in particolare un campo Testo a riga singola che avrà il Valore predefinito impostato come nuovo Smart Tag.

Per aggiungere un valore predefinito, selezionare il campo del modulo Testo a riga singola e fare clic sulla scheda Avanzate. A questo punto, fare clic su Mostra smart tag e scorrere fino a trovare lo smart tag appena aggiunto.

Una volta aggiunto il codice al sito, è possibile utilizzare uno Smart Tag ora corrente nel costruttore del modulo.

Per ulteriori informazioni su come impostare un valore predefinito per un campo di testo a riga singola, consultare questa documentazione.

Ed ecco fatto! È stato creato un nuovo Smart Tag per l'ora corrente. Volete elaborare gli Smart Tag all'interno delle etichette di campo? Date un'occhiata alla nostra guida su Come elaborare gli Smart Tag nelle etichette di campo.

Riferimenti ai filtri: