Le weblogue de SeB

Vous vous demandez sûrement comment afficher le scan d’une carte du jeu Magic: The Gathering simplement et rapidement en sur-impression lors du passage de la souris sur le nom des cartes ? Vous ne voyez pas de quoi je parle ? Et bien passez la souris sur le [card]Jour de condamnation[/card] ou sur ce [card]Baneslayer Angel[/card]. Vous voyez mieux de quoi je parle maintenant ?

Je vous propose de le faire au moyen des bbcodes. Nous allons réaliser un bbcode suivant :

• Nom du tag : card
• Format du tag : [card]<1>[/card]
• HTML de remplacement : <a href=”http://www.mtgaddict.net/search/card?name=[1]” onmouseover=”return mtga_show_popup(‘[1]‘, 500);” onmouseout=”return mtga_hide_popup(‘[1]‘);” onclick=”window.open(this.href); return false;” rel=”nofollow”>[1]</a>
• Composant Javascript à inclure : http://www.mtgaddict.net/js/mtgalib_comp.js

Ce bbcode est valable sur la plupart des forums comme expliqué sur la page d’aide du composant Javascript MTG Addict. Si vous souhaitez l’intégrer sur votre blog WordPress, il faut alors utiliser le magnifique plugin Advanced BBcode. Vous pouvez le configurer comme sur la capture d’écran ci-dessous ou bien télécharger le ficher de configuration pour Advanced BBcode intégrant le bbcode MTG Addict.

Voilà ! Vous allez pouvoir afficher de superbes [card]Black Lotus[/card], ressortir vos [card]Contresort[/card] ainsi que vos [card]Grand Arbitre Augustin IV[/card] !

Lorsque l’on souhaite ajouter le support des bbcodes dans WordPress, deux plugins sont alors disponibles :

• BBcode : ajoute une liste de bbcode pré-définie
• BBcode (editor) : ajoute une liste de bbcode pré-définie et permet de les modifier, activer/désactiver, supprimer ou d’en configurer de nouveaux.

Le second plugin répond à la plupart des besoins. Néanmoins, je me suis retrouvé dans un cas où j’avais besoin d’une fonctionnalité supplémentaire. En effet, j’avais besoin d’ajouter un bbcode qui utilise un composant Javascript. Or, plutôt que de modifier le template du blog, il est plus propre de paramétrer l’inclusion du composant Javascript au niveau du plugin.

C’est pourquoi j’ai créé Advanced BBcode qui se base sur BBcode (editor). Vous retrouverez strictement la même interface, à la différence qu’il y a un champ supplémentaire lors du paramétrage d’un bbcode, nommé “Include”, qui permet d’inclure des composants Javascript ou CSS par exemple.

Je mets à disposition Advanced BBcode 1.0.0 uniquement sur ce weblogue. N’hésitez pas à me faire un retour sur l’utilisation de ce plugin ou à me proposer vos propres BBcode.