De même, voulons-nous utiliser l’extension l’extension MCE Comments, qui propose une interface enrichie pour les commentaires des visiteurs. Internationalisation oblige, le correcteur d’orthographe activé par défaut pour la langue de Shakespeare.

Or, comme l’indique un débat non résolu récent sur le support francophone de WordPress, le correcteur d’orthographe de WordPress corrige par défaut la langue anglaise : comment y remédier ?

La solution que nous allons présenté ici fonctionne avec la version 2.6.1 de WordPress. Nous ne sommes pas partisan des modifications en dur des fichiers de WordPress, mais parfois nécessité fait loi !

Les fichiers à modifier sont :

• ../wp-includes/js/tinymce/tiny-mce-config.php,
• ../wp-includes/js/tinymce/Plugins/spellchecker/editor-Plugin.js.

Modifications à apporter dans tiny_mce_config.php

Dans tiny_mce_config.php, il convient de remplacer ligne no 67…

$mce_spellchecker_languages =
apply_filters('mce_spellchecker_languages','+English=en,Danish=da,
Dutch=nl,Finnish=fi,French=fr,German=de,Italian=it,
Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv');

par

$mce_spellchecker_languages =
apply_filters('mce_spellchecker_languages','English=en,Danish=da,
Dutch=nl,Finnish=fi,+French=fr,German=de,Italian=it,
Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv');

Autrement dit, il suffit juste de déplacer le symbole + devant French=FR.

Ces deux fichiers sont à remplacer dans l’installation de WordPress par Ftp.

Modifications à apporter dans editor-Plugin.js

Dans editor-Plugin.js, il convient de remplacer lignes no 78 et suivantes…

each(ed.getParam('spellchecker_languages', '+English=en,Danish=da,
Dutch=nl,Finnish=fi,French=fr, German=de,Italian=it,
Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv',
'hash'), function(v, k) {
if (k.indexOf('+') === 0) {
  k = k.substring(1);
  t.selectedLang = v;
}
t.languages[k] = v;
});

par

each(ed.getParam('spellchecker_languages','English=en,Danish=da,
Dutch=nl,Finnish=fi,+French=fr,German=de,Italian=it,
Polish=pl,Portuguese=pt,Spanish=es,Swedish=sv',
'hash'), function(v, k) {
  if (k.indexOf('+') === 0) {
  k = k.substring(1);
  t.selectedLang = v;
}
t.languages[k] = v;
});

Là encore, il suffit juste de déplacer le symbole + devant French=FR.

Modifications à apporter dans l’extension TinyMce Comments

Dans TinyMCEComments.php, il suffit de remplacer la ligne 215…

$mcecomment_options['language'] = 'en';

par

$mcecomment_options['language'] = 'fr';

c’est-à-dire en par fr.

Ensuite, et pour être parfaitement exhaustif afin de satisfaire Jean-Yves (!), il faut transférer le fichier par Ftp, à moins d’effectuer la modification depuis l’éditeur d’extension de WordPress.

Si ces modifications sont faciles, il reste cependant un défaut auquel nous n’avons pas remédier. Le correcteur d’orthographe propose parfois certains équivalents accentués dans des caractères étranges, dont l’encodage n’est pas conforme.

Enfin, la traduction française sur l’icône du Spellchecker laisse à désirer. L’équipe française de traduction a pris le parti récemment de culbuter les apostrophes, qui ne sont pas correctement prises en charge par JavaScript ! (On retrouve le même écueil dans l’ajout d’image). Pour obtenir un résultat optimal, il convient donc aussi de remanier la traduction française.

Le raccourci <!—more—> permet de couper automatiquement un article. Il suffit de l’insérer à l’endroit désiré, en vérifiant que sa syntaxe est sous la forme <p><!—more—>/<p>. Ainsi, lorsque la page d’accueil de WordPress va s’afficher, seule la première partie de l’article apparaîtra : ce confort est appréciable pour les lecteurs. En revanche, WordPress ignore la coupure, lorsqu’un article est recherché par les catégories ou par les marques, car la fonction the_excerpt() affiche le début du texte sans mise en forme. Les possibilités de personnalisation de l’affichage de la coupure sont innombrables, et l’on se reportera utilement aux explications exhaustives du Codex, document Customizing the Read more.

Le raccourci <!—nextpage—> permet de scinder un article sur plusieurs pages, et peut être inséré aux endroits voulus. Là encore, cette pratique peut rendre plus agréable la lecture de ses articles, au lieu d’obliger l’utilisateur à recourir au clavier ou à la souris.

A priori, ces deux raccourcis sont présent dans l’interface visuelle de TinyMce sous la forme de deux boutons, mais ils ont disparu de notre interface gérée avec Advanced Wysiwig Editor.

Ainsi Advanced Wysiwyg Editor autorise de justifier le texte, de couper, copier, coller, d’annuler ou de restaurer la dernière modification, de placer un caractère en indice ou en exposant, de choisir la couleur du texte et de l’arrière-plan, d’insérer un caractère spécial, d’accéder à la source de l’article en Xhtml.

Pour des raisons étranges, l’installation d’Avanced Wysiwyg Editor a provoqué la disparition des boutons Couper un article en deux avec la balise more (que nous retrouvons avec le mode Code), Correcteur orthoghraphique et Aide. Nous avons lu qu’une deuxième barre d’outils devait apparaître, mais nous n’avons pu l’activer, ni sous Msie, ni sous Firefox !

Toutefois, accéder à la source Xhtml de nos articles nous permet d’être encore plus précis pour ouvrir et fermer les balises qu’avec l’éditeur en mode code : parfois, espaces ou balises incongrues se placent dans la source du texte, et le Xhtml n’est pas alors bien formé.

De plus, nous apprécions de pouvoir insérer des caractères spéciaux, notamment afin d’accentuer les capitales, conformément aux usages de la typgraphie moderne. Lorsque l’on composait au plomb, la parcimonie était excusable ! Aujourd’hui, l’outil informatique facilite certains ornements qui améliorent la compréhension. Ainsi, comparons les expressions suivantes :

LE PALAIS DES CONGRES et LE PALAIS DES CONGRÈS

Pourtant, nous déconseillons l’emploi des indices et des exposants, qui provoquent des décalages dans les hauteurs de ligne fort désagréables sur le plan visuel. Pour s’en convaincre, il suffit de consulter le site d’un quotidien français vespéral !

Au fait, et contrairement à une faute répandue, numéro ne s’écrit pas en abrégé avec un n et °. ° est réservé à des mesures physiques ! La forme raccourcie correcte du mot est la lettre n suivie de la lettre o placée en exposant. Pour respecter les normes typgraphiques, on se contentera, en Html, de saisir no.

<addendum>

21/03/2008.

Advanced Wysiwyg Editor permet d’inscrire en dur les balises Xhtml des articles et des pages dans la base de données, y compris les marques des paragraphes, ce n’est pas le cas du mode code de TinyMce. Hélas, là encore, la texturisation du code pour l’affichage laisse à désirer, car la moulinette de WordPress aime à rajouter systématiquement la balise de fermeture d’un paragraphe.

</addendum>

NextGen Gallery dispose d’une traduction excellente en français, téléchargeable sur le site de Lise. Comme avec l’ensemble des modules d’extension francisés, la méthode la plus simple consiste à télécharger, décompresser et ajouter les fichiers en français dans le répertoire lang du Plugin, lui-même téléchargé et décompressé. Ensuite, on envoie l’unique répertoire converti sur le serveur. En principe, dès l’activation du plugiciel, le français est alors disponible.

NextGen Gallery ne dispose pas encore de documentation, mais les forums d’Alex Rabe sont actifs.

NextGen Gallery installe automatiquement un deuxième Plugin NextGen Gallery Widget que nous n’avons pas encore utilisé.

Nous n’allons pas détailler ici l’installation, car elle est simple. Par contre, comme avec l’ensemble de ces outils, l’installation du module d’extension crée épertoire nommé Gallery dans wp-content dont il faut changer, grâce à son logiciel Ftp comme l’excellent FileZilla, les attributs en lecture, écriture, exécution du propriétaire, du groupe et permissions publiques, c’est-à-dire en d’autres termes appliquer un change mod (chmod) de 777.

L’installation provoque l’ajout d’un bouton Galerie à côté du Tableau de bord dans l’interface d’administration, qui permet de gérer les images et les options. Trop nombreuses, nous ne les décrirons pas ici in extenso.

À la première utilisation, nous avons été perplexe… Quelle était la différence entre une galerie et un album ? Nous ne parvenions pas non plus à afficher une page comprenant une simple galerie d’images : à chaque fois, il était demandé de cliquer sur un lien pour les afficher.

En fait, comme l’explique Alex Rabe, une galerie est une collection d’images ; un album est une collection de galeries.

À ce propos, la gestion des albums est étonnante : elle s’effectue par glisser-déplacer comme les widgets des thèmes de WordPress

Attention à la dénomination trompeuse de l’onglet Ajouter une nouvelle galerie ! Il permet aussi d’ajouter des images (sous forme d’un fichier compressé, d’un répertoire, ou d’une image) à une galerie existante… À la fin du téléchargement, est choisie la galerie de destination.

Pour afficher une page contenant les images, il faut noter l’identifiant de la galerie dans la page principale Gérer les galeries de l’interface de NextGen Gallery.

Ensuite, est écrite la page, qu’on nommera Photographies par exemple, contenant l’identifiant de la galerie à afficher, qui est de la forme suivante :

[gallery=id]

Enfin, on retourne dans la page de la galerie spécifiée via Gérer les galeries de l’interface de NextGen Gallery. Si l’identifiant a été saisi correctement, on doit voir notre page Photographies dans le menu déroulant Lier la page à. Sélectionner Photographies. Dans Créer une nouvelle page, laisser page principale (pas de parent), puis cliquer sur le bouton Sauvegarder les modifications.

La galerie s’affiche désormais (!) dans notre page Photographies sous forme de vignettes cliquables.

Dans la page de la galerie spécifiée, on peut empêcher l’affichage d’une image, y ajouter une description et modifier le contenu des champs alt et title. Attention, l’apostrophe, même échappée, ne fonctionne pas dans ces balises : il faut recourir à son équivalent numérique. Les modifications des images sont automatiquement répercutées dans la page Photographies.

Dans Galerie > Options > Images, on peut vouloir intégrer un diaporama (et d’en modifier l’invite), mais cette option n’a pas fonctionné durant mes tests. On peut aussi créer un diaporama en Flash avec Jw Image Rotator version 3.9. Après décompression de l’archive, il suffit d’ajouter le fichier swf à la racine du Plugin.

Dans Galerie > Options > Effets, il est possible de configurer l’effet JavaScript. Si Thickbox est présent par défaut, on peut choisir Lightbox et NextGen Gallery génèrera le code adéquat.

Pour ma part, nous avons choisi de conserver la Slimbox, car nous n’avons pas su comment franciser l’affichage des images avec Thickbox !

Watermark permet de signer ses images, en choisissant le contenu du texte, sa couleur et même la… police ! si elle est disponible dans le répertoire fonts du Plugin.

Nous ne sommes plus certain que la trace de séchage chère aux québécois soit fonctionnelle ! Pour autant, nous déconseillons formellement l’emploi de Mareki’s Watermark, lourd à mettre en œuvre, qui peut déstabiliser le fonctionnement de WordPress. Il vaut mieux ajouter une watermak à la main, via un calque sur son image.

Dans l’éditeur visuel de TinyMce, une icône $lang_NextGEN_desc est ajoutée, qui permet de gérer une galerie, un album ou une image pendant la rédaction d’un article ou d’une page. De même, un onglet Gallery, disposant des mêmes fonctionnalités, est disponible sous la fenêtre d’édition.

Cforms II et NextGen Gallery peuvent entrer en conflit. Pour résoudre le problème, il faut essayer de désactiver les deux extensions, d’activer Cforms II puis NextGen Gallery.

<addendum>

12/08/2007.

À juste titre, Lise nous dit que l’icône ou l’onglet dans TinyMce permet de se passer de l’instruction :

[gallery=id]

Que Lise soit remerciée de sa remarque !

</addendum>

Au total, NextGen Gallery est un excellent outil qui manque d’ergonomie, mais Alex Rabe s’engage à y remédier, même si cette situation se prolonge !

Raccourcis-clavier

Pour placer le texte en gras, Alt+SHIFT+b ;

pour placer le texte en italique : Alt+SHIFT+i ;

pour créér une liste sans ordre (ul) : Alt+SHIFT+u ;

pour créér une liste avec puce (li) : Alt+SHIFT+l ;

pour créér une liste ordonnée (ol) : Alt+SHIFT+o ;

pour citer : Alt+SHIFT+q ;

pour justifier le texte à gauche : Alt+SHIFT+f ;

pour centrer le texte : Alt+SHIFT+c ;

pour justifier le texte à droite : Alt+SHIFT+r ;

pour placer un lien : Alt+SHIFT+a ;

pour créer une page suivante : Alt+SHIFT+t ;

pour provoquer l’affichage de la deuxième barre de style : Alt+SHIFT+v ;

pour obtenir des en-tête selon la taille choisie (nombre) : Ctrl+ [nombre] ;

pour annuler la dernière frappe : Alt+SHIFT+u ;

pour annuler l’annulation : Alt+SHIFT+y ;

pour insérer du code : Alt+SHIFT+c ;

pour publier l’article : Alt+SHIFT+p ;

pour insèrer (?) : Alt+SHIFT+s ;

pour supprimer (?) : Alt+SHIFT+d ;

pour placer le texte en citation : Alt+SHIFT+w ;

pour éditer le texte en Html (onglet Code) : Alt+SHIFT+e.

Ces raccourcis sont donnés pour Windows®. Sous Mac, il convient de remplacer Alt+SHIFT par Ctrl.

Pour avoir testé un à un ces raccourcis, nous n’avons pas l’impression qu’ils fonctionnent tous ! Mais peut-être ces dysfonctionnements sont-ils liés au plugiciel Advanced Wysiwyg Editor que nous utilisons.

Nota. Il vaut mieux connaître Html pour utiliser WordPress ! En effet, la gestion des listes depuis l’éditeur visuel est catastrophique, et oblige à coder à la main.