Ce plugin WordPress permet de charger une page ou un article dans une fenêtre modale générée via Bootstrap.
Description
Ce plugin permet de charger facilement le contenu d’une page ou d’un article à l’intérieur d’une fenêtre modale en utilisant Bootstrap. Si votre thème WordPress utilise déjà Bootstrap, vous pouvez le désactiver dans les paramètres du plugin.
Un bouton disponible dans l’éditeur des articles permet d’ajouter un shortcode avec l’ensemble de ses options.
Démonstration
Description | Shortcode à mettre entre [ ]* | Démo |
---|---|---|
Création d’un lien | bootmodal post="boot-modal-demo" buttontype="link" | [bootmodal post= »boot-modal-demo » buttontype= »link »] |
Création d’un bouton | bootmodal post="boot-modal-demo" buttontype="button" | [bootmodal post= »boot-modal-demo » buttontype= »button »] |
Petite fenêtre modale | bootmodal post="boot-modal-demo-2" buttontype="button" size="modal-sm" | [bootmodal post= »boot-modal-demo-2″ buttontype= »button » size= »modal-sm »] |
Grande fenêtre modale | bootmodal post="boot-modal-demo-3" buttontype="button" size="modal-lg"
| [bootmodal post= »boot-modal-demo-3″ buttontype= »button » size= »modal-lg »] |
* Le shortcode peut être plus court en fonction des paramètres définis par défaut pour le plugin.
Screenshots de l’administration
Paramètres du plugin
post (obligatoire)
Ce paramètre détermine quelle page ou article doit être affiché dans la fenêtre modale.
Cela correspond à la dernière partie du permalien d’un article ou d’une page
Exemple : bootmodal post="hello-world"
animation
Choisissez d’activer ou non l’animation lors de l’affichage de la fenêtre modale.
Exemple : bootmodal post="hello-world" animation="yes"
Valeurs possibles : Tout ce que vous voulez tant que c’est une classe CSS et que vous l’avez géré dans vos styles.
buttonclass
Personnalisez la classe CSS associée au lien/bouton.
Exemple : bootmodal post="hello-world" buttonclass="my-class-css"
Valeurs possibles : Tout ce que vous voulez tant que c’est une classe CSS et que vous l’avez géré dans vos styles.
buttontext
Choose the text for the link or the HTML button. If you don’t choose your own text, the text will be the title of the post to open.
Exemple : bootmodal post="hello-world" buttontext="My text"
buttontype
Utilisez ce paramètre si vous souhaitez insérer un lien ou un button en HTML.
Exemple : bootmodal post="hello-world" buttontype="link"
Valeurs possibles : link (lien) ou button (bouton)
buttoncloseclass
Personnalisez la classe CSS associée au bouton de fermeture de la fenêtre modale.
Exemple : bootmodal post="hello-world" buttoncloseclass="my-class-css"
Valeurs possibles : Tout ce que vous voulez tant que c’est une classe CSS et que vous l’avez géré dans vos styles.
buttonclosetext
Personnalisez le texte du bouton de fermeture de la fenêtre modale.
Exemple : bootmodal post="hello-world" buttonclosetext="My text"
size
Ce paramètre permet de définir la taille de la fenêtre modale.
Exemple : bootmodal post="hello-world" size="modal-lg"
Valeurs possibles : Normal : Laissez vide, Large : modal-lg, Étroite : modal-sm
urlkey / urlvalue
Ce paramètre permet d’envoyer un paramètre dans l’URL de la page à ouvrir dans la fenêtre modale, ce qui rend possible la personnalisation du contenu de la page. Le paramètre se compose de urlkey (nom du paramètre) et urlvalue (attention : fonctionne uniquement avec le lien et pas avec le bouton).
Exemple : bootmodal post="hello-world" urlkey="param" urlvalue="paramvalue"
Téléchargement
Vous pouvez télécharger ce plugin gratuitement via l’interface d’administration de votre WordPress ou en cliquant sur le bouton suivant :
Soutien
Si vous souhaitez m’encourager à développer ce plugin, vous pouvez faire un don…