Utilisez SearchWP Modal Search Form pour intégrer facilement à votre site WordPress une modale de formulaire de recherche à la fois accessible et légère ! SearchWP Modal Search Form ne nécessite pas SearchWP, mais utilisera SearchWP si l’extension est installée et activée ! 👍
Outre ce README, vous trouverez également de nombreuses informations dans la documentation complète.
En quoi cette extension est-elle différente des autres modales ?
SearchWP Modal Search Form a pour objectif de faciliter la mise en place de modales de formulaires de recherche accessibles et légers. Par ailleurs, nous souhaitons rendre l’expérience de développement et d’utilisation formidable.
L’extension SearchWP Modal Search Form est intégrée à WordPress. Le thème de la modale du formulaire par défaut s’ajuste aux styles de votre thème actif afin de réduire la surcharge. L’extension inclut également un chargeur de modèle complet. Vous pouvez ainsi personnaliser complètement SearchWP Modal Search Form, et ce, très simplement.
Consultez le modèle par défaut. Vous découvrirez que la personnalisation est un véritable jeu d’enfant ! 🤓
Ajouter des modales de formulaires à votre site
SearchWP Modal Search Form simplifie l’implémentation de formulaires de recherche n’importe où dans votre site WordPress. Les méthodes suivantes sont intégrées et à votre disposition :
- En tant qu’élément de menu.
- En utilisant un code court.
- En tant que bloc Gutenberg
- Dans vos modèles, à l’aide d’un programme.
Personnalisation du modèle
SearchWP Modal Search Form inclut son propre chargeur de modèle pour afficher les formulaires de recherche dans un grand nombre de modèles. Vous pouvez ainsi personnaliser complètement l’apparence de la modale selon le modèle.
Pour créer un modèle personnalisé de la façon la plus simple :
- Créez un dossier nommé
searchwp-modal-formdans votre thème. - Dans ce dossier, créez un fichier nommé
template.php(ou tout autre nom se terminant par.php). - Copiez le contenu du modèle par défaut dans ce fichier.
- Personnalisez la valeur
SearchWP Modal Form Namedans le bloc de commentaires de l’en-tête. - Personnalisez le balisage/style, conformément à la documentation.
Certains événements (jQuery) se déclenchent lorsque les modales sont ouvertes et fermées. jQuery n’est pas une dépendance, mais si jQuery est chargé, les événements se déclencheront.
// Add a callback when a modal is opened:
jQuery('body').on('searchwpModalOnShow', function(e) {
// Focus an input in the template.
e.el.find('input').focus();
});
// Add a callback when a modal is closed:
jQuery('body').on('searchwpModalOnClose', function(e) {
alert('Modal closed!');
});
Veuillez consulter la documentation complète du modèle pour en savoir plus.