Les modifications apportées dans le codes sont :

• Insertion des fonctions load_plugin_textdomain(), __() et _e() pour l’internationalisation
• Nouveaux fichiers de langue MO et PO
• Support de la langue française

Toutes les modifications ont été testées sur WP 2.7.1.

J’ai contacté l’auteur pour qu’il inclue ces modifications dans la version officielle.

Si vous ne supportez pas d’attendre, vous pouvez télécharger l’archive ici.

Amusez vous bien !

Le premier plugin est donc Flexi Pages Widget.

Les modifications apportées dans le codes sont :

• Suppresion des warnings envoyés lorsque WordPress tourne en mode debug
• Insertion des fonctions load_plugin_textdomain(), __() et _e() pour l’internationalisation
• Nouveaux fichiers de langue MO, PO et POT
• Support de la langue française

Toutes les modifications ont été testées sur WP 2.7.0.

J’ai contacté l’auteur pour qu’il inclue ces modifications dans la version officielle.

Si vous ne supportez pas d’attendre, vous pouvez télécharger l’archive ici.

Amusez vous bien !

• Plus complet
• Plus paramètrable
• Plus facile à traduire

Ce plugin écrit à l’origine en anglais est déjà traduit en russe et en italien. La seule chose qui me restait à a faire était de remplir le fichier MO.

Néanmoins, j’ai corrigé 2 types de bugs mineurs au cours de ce travail :

• Les Warnings envoyés lorsque WordPress tourne en mode debug
• Les liens manquants vers le domaine de traduction du plugin dans les méthodes __() et _e()

Toutes les modifications ont été testées sur WP 2.6.5 et WP 2.7.0-Beta3.

J’ai contacté l’auteur pour qu’il inclue ces modifications dans la version officielle.

Si vous ne supportez pas d’attendre, vous pouvez télécharger l’archive ici.

Amusez vous bien !

Vous pouvez sans problème copier/coller un bout de code dans l’article comme ici :

<?php
echo(‘Hello World’);
echo(‘Ceci est une phrase beaucoup trop longue pour tenir sur une seule ligne dans le thème que j’ai choisi pour wordpress’); // Notez que ce code PHP fonctionne parfaitement !
?>

Mais je trouve :

1. Qu’il manque un peu de coloration syntaxique ;
2. Que les lignes de code trop longues se voient affubler d’un retour à la ligne intempestif.

C’est avec ce petit besoin supplémentaire que les ennuis commencent.

Ce petit besoin donc, nous emmène du côté des plugins et là c’est l’embarras du choix :

• WP-Syntax
• Google Syntax Highlighter for WordPress
• Highlight Source Pro
• SyntaxHighlighter
• SyntaxHighlighter Plus
• WP-CodeBox
• CodeColorer
• Developer Formatter
• FV Code Highlighter

Sans entrer dans les détails, mon choix s’est porté sur WP-CodeBox.

Voici l’exemple précédent utilisé avec WP-CodeBox.

1
2
3
4

<?php
echo('Hello World');
echo('Ceci est une phrase beaucoup trop longue pour tenir sur une seule ligne dans le thème que j'ai choisi pour wordpress'); // Notez que ce code PHP fonctionne parfaitement !
?>

Si l’apparence gagne en lisibilité, vous noterez que les caractères « < » et « > » des ligne 1 et 4 ont été  échappés. Cela signifie qu’ils ont été remplacés par un code HTML qui évite ainsi d’exécuter du code placer dans un article.

La seule méthode que je connaisse à ce jour pour éviter ce problème est de ne plus utiliser l’éditeur visuel pour un article contenant du code de façon à obtenir ceci :

1
2
3
4

< ?php
echo('Hello World');
echo('Ceci est une phrase beaucoup trop longue pour tenir sur une seule ligne dans le thème que j'ai choisi pour wordpress'); // Notez que ce code PHP fonctionne parfaitement !
?>

Mais là encore, un space superflu sépare le « < » du « ? » à la ligne 1. Bon ok, je ne suis jamais content.

Pour ceux qui souhaitent limiter la taille de la boîte de code, ils peuvent modifier le fichier codebox.css du plugin et mettre à jour les éléments suivants :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

/* codebox */
.wp_codebox {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
  max-height: 200px
}
 
/* IE FIX */
.wp_codebox {
  overflow-x: auto;
  overflow-y: auto;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}