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

DescriptionShortcode à mettre entre [ ]*Démo
Création d’un lienbootmodal post="boot-modal-demo" buttontype="link"[bootmodal post= »boot-modal-demo » buttontype= »link »]
Création d’un boutonbootmodal post="boot-modal-demo" buttontype="button"[bootmodal post= »boot-modal-demo » buttontype= »button »]
Petite fenêtre modalebootmodal post="boot-modal-demo-2" buttontype="button" size="modal-sm"[bootmodal post= »boot-modal-demo-2″ buttontype= »button » size= »modal-sm »]
Grande fenêtre modalebootmodal 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 :

Télécharger le plugin

Soutien

Si vous souhaitez m’encourager à développer ce plugin, vous pouvez faire un don…

Faire un don via Paypal
Boot-Modal

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.