Divi est l’un des thèmes les plus utilisés dans WordPress et l’une des dernières mises à jour introduit de nombreuses nouvelles fonctionnalités pour le module de formulaire de contact. Cependant, un type d’entrée simple mais utile qui manque est un sélecteur de date. Peut-être ne pas être utilisé par les masses, mais il est très utile dans certains cas. Pour un projet récent, j’avais besoin de créer un formulaire de contact qui agit comme un formulaire de demande de réservation, donc une boîte de sélection de date est un ajout précieux aux dates d’arrivée et de départ.

J’ai aidé à développer un plugin qui vous permet de faire cela et qui a également la possibilité d’activer une sélection de temps. Le plugin est maintenant maintenu par EntréeWP.

Avec ce plugin activé, vous devrez donner à votre champ un ID de champ unique lors de la modification du champ que vous souhaitez convertir en sélecteur de date dans le module Formulaire de contact. Pour mon projet, j’ai utilisé « Date d’arrivée » et « Date de départ ».

Utilisez ensuite ces identifiants pour indiquer au plugin quels champs doivent être convertis en sélecteurs de dates. Accédez à Paramètres> Sélecteur de date et d’heure et ajoutez ce qui suit dans le champ «  Sélecteurs  »:

input[data-original_id='date-arrival'],input[data-original_id='date-departure']

Fondamentalement, vous devez ajouter input[data-original_id='your_field_id'] dans le champ de sélection et répétez cette opération lorsque vous avez plus de champs. Si vous copiez / collez le code à partir d’ici, vous devrez réécrire les guillemets car le copier / coller peut les changer.

Si vous enregistrez ces modifications, les champs de votre formulaire de contact devraient être convertis en sélecteurs de dates.

Voici quelques captures d’écran de la façon dont j’ai implémenté le sélecteur de date et d’heure sur le terrain.

Pas si difficile, n’est-ce pas? Espérons qu’à un moment donné, Divi inclura une option de date ou de date / heure pour les champs du formulaire de contact, mais jusque-là, ces solutions de contournement sont faciles à mettre en œuvre.

Publié par Carlos Moreira

Développeur Web basé à Porto, au Portugal, travaille principalement avec WordPress. Divulgation: Certains des liens de ce blog sont des «liens d’affiliation». Cela signifie que si vous cliquez sur un lien vers un produit commercial et achetez l’article, je reçois une commission d’affiliation.



Source link

Recent Posts