Comment créer une étiquette intelligente pour l'heure actuelle ?

Introduction

Souhaitez-vous afficher l'heure actuelle sur votre formulaire ? En utilisant les Smart Tags de WPForms, vous pouvez créer un smart tag qui affichera l'heure sur vos formulaires. Avec un petit extrait de PHP, ce tutoriel vous guidera à travers chaque étape du processus !

Ajout de l'étiquette intelligente pour l'heure actuelle

Pour utiliser une balise intelligente, nous devons d'abord ajouter l'extrait de code pour la créer.

Si vous avez besoin d'aide pour ajouter un extrait de code à votre site, veuillez consulter ce tutoriel.

/**
 * 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 );

Examinons de plus près chacune de ces fonctions.

Création de l'étiquette intelligente

Avant de définir ce qu'est une étiquette intelligente, nous devons d'abord la créer.

La fonction wpf_dev_process_smarttag met en place la balise intelligente en la créant et en la nommant. Cela signifie que nous pourrons faire appel à cette étiquette intelligente dans le constructeur de formulaires.

Définition de l'étiquette intelligente

Une fois la fonction de création de la balise appelée, il ne reste plus qu'à définir l'utilisation de cette balise. Dans ce cas, nous allons définir le fuseau horaire et le format de l'heure.

Si vous avez besoin d'aide pour définir le fuseau horaire et le format, consultez la documentation PHP.

Comme vous pouvez le voir avec la fonction wpf_dev_process_smarttag, nous réglons le fuseau horaire sur US/Eastern et le format de l'heure 'h:i:s A' sera affiché comme 03:12:46 PM.

Après avoir enregistré le code, vous pourrez utiliser cette nouvelle balise intelligente personnalisée dans votre générateur de formulaires.

Création du formulaire

Il est maintenant temps de créer notre formulaire. Si vous avez besoin d'aide pour créer un formulaire, veuillez consulter cet article.

Nous allons simplement ajouter quelques champs et plus particulièrement un champ de texte à ligne unique dont la valeur par défaut sera définie comme notre nouvelle balise intelligente.

Pour ajouter une valeur par défaut, sélectionnez le champ de formulaire Texte à ligne unique et cliquez sur l'onglet Avancé. Cliquez ensuite sur Afficher les balises intelligentes et faites défiler l'écran jusqu'à ce que vous trouviez la balise intelligente que nous venons d'ajouter.

Une fois le code ajouté à votre site, une étiquette intelligente de l'heure actuelle peut être utilisée dans votre générateur de formulaires.

Si vous avez besoin d'aide pour définir une valeur par défaut pour un champ de type Texte à une ligne, veuillez consulter cette documentation.

Et le tour est joué ! Vous avez créé une nouvelle étiquette intelligente pour l'heure actuelle. Vous souhaitez traiter des étiquettes intelligentes dans des étiquettes de champ ? Jetez un coup d'œil à notre tutoriel sur le traitement des étiquettes intelligentes dans les étiquettes de champ.

Références du filtre :