Ce plugin vous permet d’afficher / masquer des parties spécifiques du contenu de vos articles ou pages. Il implémente l’équivalent de la fonction toggle de jquery. Les internautes peuvent utiliser le lien afficher/masquer afin d’accéder aux parties cachées de votre texte. Le plugin s’utilise très facilement grâce a ses shortcodes.

 

 

Fonctionnement

Utilisez les balises suivantes pour définir les parties de votre article que vous souhaitez masquer.et créer le lien qui vous permettra d’afficher/ masquer le contenu choisi.

 

 [peekaboo_content] ici le texte à afficher/masquer [/peekaboo_content]

[peekaboo_link]ici le texte du lien[/peekaboo_link]

 

Plusieurs contenu masqué dans une page

La propriété “name” vous permettra d’avoir dans un même article/page plusieurs contenu masqué pilotés par différents liens.

 [peekaboo_content name="myname"] ici le texte à afficher/masquer [/peekaboo_content]

[peekaboo_link name="myname"]ici le texte du lien[/peekaboo_link]

[peekaboo_content name="myothername"] ici le texte à afficher/masquer [/peekaboo_content]

[peekaboo_link name="myothername"]ici le texte du lien[/peekaboo_link]

 

Paramétres

start : visible ou hidden permet de définir l’état par défaut du text masqué ou affiché

onshow : permet de définir le texte du lien lorsque le contenu est visible

onhide : permet de définir le texte du lien lorsque le contenu est visible

 

[peekaboo name="myname" onshow="voir le texte" onhide="masquer le texte" start="hidden"]

 

Apeller la fonction en PHP

Le shortcode est supporté uniquement au sein des articles ou pages. Pour appeler le lien peekaboo au sein du template pour afficher/masquer le texte utilisez :

get_the_peekaboo_link(); //permet d'obtenir le lien

the_peekaboo_link; //affiche directement le lien

 

Apeller la fonction en HTML

Vous pouvez aussi appeler le lien peekaboo en HTML pur de la manière suivante.

[peekaboo_content] ici le texte à afficher/masquer [/peekaboo_content]

[peekaboo_link]ici le texte du lien[/peekaboo_link]

 

Telecharger le plugin

Cliquez ici pour télecharger Peekaboo

 

 

Laisser un commentaire

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