Si vous tenez un blog sur les échecs avec WordPress, vous connaissez peut-être déjà Chessdiag, le petit plugin qui permet d’insérer des diagrammes d’échecs directement dans vos articles grâce à un simple shortcode. Bonne nouvelle : le site chessdiag.org a bien évolué, et le plugin WordPress est désormais en version 4 !
🌐 chessdiag.org, c’est quoi ?
C’est un service en ligne qui génère des diagrammes d’échecs à la volée, sous forme d’images PNG, à partir d’un code de position. Pas besoin de stocker des images sur votre serveur : vous écrivez un shortcode dans votre article, et le diagramme apparaît automatiquement.
Il suffit d’énumérer les pièces en notation anglo-saxonne :
- Rook (tour noire)
- kNight : Cavalier noir
- Bishop : Fou noir
- Queen : Dame noire
- King : Roi noir
- Pawn : Pion noir
- s : case vide
- r,n,b,q,k,p en minuscules pour les mêmes pièces blanches
entre deux balises [diag][/diag]
Et on peut factoriser :
[diag]8s8P[/diag] (8 cases vides et 8 pions noirs…)
Voici par exemple la position de départ, obtenue avec le shortcode le plus simple qui soit :
Oui, c’est tout.
[diag]all[/diag] est un raccourci pour afficher l’échiquier en position initiale. Pratique, non ?
🔄 Rétrocompatibilité totale avec la v3
Vous utilisez déjà le plugin en version 3 ? Aucune inquiétude. Tous vos anciens shortcodes continuent de fonctionner exactement comme avant, sans aucune modification de vos articles existants. La mise à jour est transparente.
✨ Les nouveautés de la version 4
La v4 introduit des attributs optionnels pour personnaliser chaque diagramme. Voici ce que vous pouvez désormais faire :
Vue côté Noirs (flip=1)
Retournez l’échiquier pour afficher la position du côté des Noirs :
[diag flip=1]all[/diag]
Exemple avec la position initiale :
Sans coordonnées (nocoords=1)
Pour un diagramme épuré, sans cadre ni lettres/chiffres :
[diag nocoords=1]all[/diag]
Flèches colorées (arrows=)
Annotez vos positions avec des flèches pour illustrer un coup ou une idée tactique. La syntaxe est case_départ + case_arrivée + couleur, les flèches séparées par - :
Ici : une flèche verte de e2 à e4, une rouge de d1 à h5.
Cases colorées (squares=)
Mettez en évidence des cases clés avec des couleurs :
[diag_cod squares=d4r]RNBQKBNR2Ps5P10sP9sp11s4ps3prnbqkbnr[/diag_cod?]
Couleurs disponibles : g (vert), r (rouge), y (jaune), b (bleu).
Couleurs de l’échiquier (cl= et cd=)
Personnalisez les couleurs des cases claires (cl) et foncées (cd) en hexadécimal :
Taille personnalisée (size=)
Ajustez la taille d’affichage en pixels (de 50 à 1200, défaut : 300) :
[diag size=100]all[/diag]
Combinaison d’attributs
Tous ces attributs se combinent librement :
[diag cl=f7f1e8 cd=898480 size=600]all[/diag]
📥 Installation / mise à jour
Le plugin ne passe pas encore par le répertoire officiel WordPress — l’installation se fait manuellement : Téléchargez le fichier chessdiag.php depuis chessdiag.org
Pour une mise à jour depuis la v3 : supprimez l’ancienne version, uploadez la nouvelle, réactivez. Aucun article à modifier.
💡 Astuce : afficher un shortcode sans l’interpréter
Vous rédigez un tutoriel et voulez montrer le code sans déclencher le diagramme ? N’utilisez pas le shortcode diag remplacez le diag_code.
En résumé
Chessdiag v4, c'est le même outil simple et léger que vous aimez, enrichi de nouvelles possibilités d'annotation et de personnalisation, tout en restant 100 % compatible avec l'existant. Si vous publiez des parties, des puzzles ou des cours d'échecs sur WordPress, c'est clairement l'outil qu'il vous faut !
et on peut publier des diagrammes en commentaires :
Et même répondre en cliquant !