• les listes non-ordonnées,
• les listes ordonnées,
• les listes de définitions.

Les balises utilisées dans les listes ont les significations suivantes dans la langue de Shakespeare :

ul

Unordered Lists

ol

Ordered Lists

li

List items

dl

Definition Lists

dt

Definition Term

dl

Definition Description

Les listes ordonnées permettent une énumération simple. Les listes ordonnées appliquent un chiffre devant chaque item. Contrairement à leur nom, les listes de définition peuvent être aussi utilisées pour relier des éléments entre eux.

Les listes débutent toujours par la balise <ul> et finissent par la balise </ul> pour une liste non-ordonnée ou <ol> et </ol> pour une liste ordonnée. À l’intérieur, on utilise les balises <li> et </li>. Les listes de définition se comportent différemment.

Les listes ordonnées

Exemple…

<ul>
  <li>papier,</li>
  <li>ciseaux,</li>
  <li>cailloux.</li>
</ul>

Affichera…

• papier,
• ciseaux,
• cailloux.

La feuille de style gère le retrait du paragraphe et l’aspect de la puce.

Les listes non-ordonnées

Exemple…

<ol>
  <li>papier,</li>
  <li>ciseaux,</li>
  <li>cailloux.</li>
</ol>

Affichera…

1. papier,
2. ciseaux,
3. cailloux.

La feuille de style gère le retrait de paragraphe et l’aspect de la numérotation. Pour des raisons esthétiques, on peut supprimer la numérotation et afficher normalement le texte. Pour autant, cette liste numérotée conservera sa valeur sémantique !

Imbrication de listes

Il est possible d’imbriquer des listes à l’infini pour des raisons logiques.

Nota. On peut, avec Css, styler différemment chaque enfant d’une liste.

Exemple…

<ul>
  <li>Aquitaine
    <ul>
      <li>Dordogne,</li>
      <li>Gironde,</li>
      <li>Landes,</li>
      <li>Lot-et-Garonne,</li>
      <li>Pyrénées-Atlantiques.</li>
  </ul>
  </li>
  <li>Languedoc-Roussillon
    <ul>
      <li>Aude,</li>
      <li>Gard,</li>
      <li>Hérault,</li>
      <li>Lozère,</li>
      <li>Pyrénées-Orientales.</li>
    </ul>
  </li>
</ul>

Affichera…

• Aquitaine
  • Dordogne,
  • Gironde,
  • Landes,
  • Lot-et-Garonne,
  • Pyrénées-Atlantiques.
• Languedoc-Roussillon
  • Aude,
  • Gard,
  • Hérault,
  • Lozère,
  • Pyrénées-Orientales.

Pour simplifier la gestion des balises, la méthode consiste à indenter le code, car le risque d’erreur est grand de se tromper. La plupart des logiciels d’édition de code propose une coloration ou une mise en évidence des balises ouvrantes et fermantes. Cette fonction est fort utile.

De même, peut-on placer entre <li> et </li> des paragraphes, des images…

Exemple…

<ul>
  <li>Papiers
    <p>
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
    </p>
  </li>
  <li>Ciseaux</li>
  <li>Cailloux</li>
</ul>

Affichera…

• Papiers

  Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.

• Ciseaux
• Cailloux

Listes de définition

Les listes de définition débutent toujours le conteneur <dl> et finissent par </dl>. À l’intérieur, on utilise les balises <dt> et </dt> qui indique le terme à définir, puis <dd> et </dd> pour donner la définition.

Dans une même listes de définitions, il peut y avoir plusieurs balises <dt> et </dt> et plusieurs balises <dd> et </dd> qui peuvent être mélangées, mais évidemment une seule balise <dl> et </dl>.

Par exemple, pour définir les mois de janvier et de février, on écrira…

<dl>
  <dt>Janvier</dt>
  <dd>Premier mois de l'année.</dd>
  <dt>Février</dt>
  <dd>Deuxième mois de l'année.</dd>
</dl>

Qui affichera…

Janvier

Premier mois de l’année.

Février

Deuxième mois de l’année.

L’affichage des listes de définition est différent entre Firefox et Msie. Le premier navigateur reconnaît notamment la propriété dd:before dans une feuille de style.

Les listes de définition peuvent avoir un usage varié. Imaginons que nous soyons écrivain ; nous voulons informer les lecteurs de nos séances de dédicace. Nous pourrions écrire au kilomètre…

Jeudi 21 août 2008, de 17 h 00 à 18 h 30, présentation puis dédicace d’« En quête » de lecteurs à la Bibliothèque Municipale et, à partir de 18 h 30, à la Librairie Alphabétique de Bordeaux (Gironde).

En réorganisant et en factorisant l’information (c’est l’un des défis les plus intéressants d’Xhtml selon nous !), nous pourrions recourir à la présentation suivante…

<dl>
  <dt>Jeudi 21 août 2008</dt>
  <dd>Bordeaux (Gironde)</dd>
  <dt>de 17 h 00 à 18 h 30</dt>
  <dd>Bibliothèque Municipale</dd>
  <dt>de 18 h 30 à 19 h 00</dt>
  <dd>Librairie Alphabétique</dd>
  <dd>Présentation puis dédicace d<strong><em>« En Quête » de lecteurs</em></strong>.</dd>
</dl>

Qui affichera…

Jeudi 21 août 2008

Bordeaux (Gironde)

de 17 h 00 à 18 h 30

Bibliothèque Municipale

de 18 h 30 à 19 h 00

Librairie Alphabétique

Présentation puis dédicace d’« En Quête » de lecteurs.

De la même façon, nous pourrions nous servir d’une liste de définition pour présenter les commentaires (forcément élogieux !) de lecteurs sur notre ouvrage. Nous indiquerions comme termes l’identité du lecteur puis la date de l’avis, la description correspondant au libellé du commentaire.

Au-delà d’une présentation plus aérée, les moteurs de recherche référenceront mieux l’information présentée ainsi.

Règles générales de typographie

La présentation sur un écran d’ordinateur doit s’affranchir des standards de mise en page du medium papier : comme chaque utilisateur est doté d’un équipement ou d’un navigateur différent, il est illusoire d’espérer obtenir un affichage au pixel près avec le couple Xhtml-Css. En revanche, la conception multimedia doit respecter la typographie, héritage du support imprimé, qui participe d’un usage correct de la langue française au même titre que l’orthographe ou la grammaire. Il n’existe pas une norme typographique stricto sensu (il suffit de comparer la composition du quotidien Le Monde à celle de Libération pour s’en convaincre), mais quelques règles se dégagent.

Les signes de ponctuation

La ponctuation d’un texte dépend étroitement du style de l’auteur. Notre propos se limitera au rappel didactique des règles sans évoquer la syntaxe (nous aimerions pourtant militer pour la réhabilitation du point-virgule, pause ô combien subtile entre la virgule et le point !).

Les signes de ponctuation doivent être précédés ou suivis d’espace pour rendre le texte intelligible. Les règles décrites ici ne s’appliquent qu’à la composition en français. Chaque langue a son usage typographique qu’il convient de respecter (par exemple, en anglais, il n’y a pas d’espace entre le point d’exclamation et le mot qui précède). Notons à ce propos que certaines polices de caractères (ou fontes) s’accordent mieux avec certaines langues. Ainsi en est-il pour l’expression française du garamond — les noms des fontes ne prennent pas de majuscule et s’écrivent en italique —, qui permet en outre le choix des glyphes (c’est-à-dire la forme des caractères).

Le susbtantif espace est de genre féminin dans les techniques de l’imprimerie. Les termes majuscules et capitales sont synonymes.

Une espace normale, dite aussi demi-cadratin, est de la même taille que le texte ; elle est obtenue par pression de la barre du clavier. Une espace insécable est une espace obtenue par combinaison de touches ou par l’insertion de caractères spéciaux ; elle est utilisée pour éviter le renvoi à la ligne d’un signe de ponctuation isolé ou la coupure incongrue entre deux mots.

Point et point de suspension

Le point est suivi d’une lettre majuscule. Il n’apparaît pas après trois points de suspension, une virgule, un point d’exclamation ou un point d’interrogation. Les points de suspension ont la valeur d’un point final à la fin d’une phrase. Ils ne doivent pas suivre l’abréviation etc.. Lorsqu’ils remplacent le passage d’un texte, ils doivent être placés entre crochets ou entre parenthèses. Leur composition ne doit pas s’effectuer en tapant trois points sur la clavier : il faut recourir aux caractères spéciaux. La virgule, suivie d’une espace insécable, précède toujours l’abréviation etc..

Point-virgule, point d’interrogation, point d’exclamation

Le point-virgule, le point d’interrogation, le point d’exclamation devraient être précédés d’une espace fine, qui vaut une espace insécable réduite de la moitié de l’espace normale. Comme la plupart des logiciels de traitement de texte usuels ne prend pas en charge cette fonctionnalité, on la remplace par une espace insécable. Lorsque le point d’interogation ou le point d’exclamation introduit une pause dans la phrase, le mot suivant ne doit pas commencer par une capitale.

Deux-points, parenthèses

Le deux-points marque le début d’un commentaire, d’une énumération ou d’une explication. Il est suivi d’une lettre minuscule, sauf lorsqu’il annonce une citation. Les parenthèses ouvrante ou fermante ne contenant qu’un fragment de phrase ne sont jamais précédées d’une virgule, du point-virgule ou du deux-points.

Guillemets, tirets et apostrophe

Les guillemets, ouvrant ou fermant, sont utilisés pour rapporter une citation ou pour isoler un mot. Ils ne doivent pas être tapés en utilisant les guillemets simples proposés par le clavier qui correspondent à la langue anglaise, mais composés avec des doubles chevrons grâce aux caractères spéciaux. En revanche, les guillemets simples peuvent être utilisés à l’intérieur d’un texte lui-même entre guillemets. Une variante peut consister, selon nous, à recourir à l’emploi de l’italique, hormis lorsque la citation est précédée de dit, dite, et cetera. Lorsqu’une citation s’étend sur plusieurs lignes, chaque ligne doit commencer par un guillemet ouvrant et la dernière ligne doit être achevée par un guillemet fermant. Le trait d’union ne doit pas être confondu avec le tiret en début de liste et les tirets ouvrant (—) ou fermant une incise (—), car leurs longueurs ne sont pas identiques. Seul le trait d’union est accessible au clavier. De même, la composition de l’opérateur arithmétique de soutraction est différente. Le signe de l’apostrophe ne doit pas être saisi au clavier, car il n’est pas droit en français, mais culbuté. Il doit être composé avec son caractère spécial. (Nota. Sous WordPress, les guillemets doivent être saisis droits, ils sont convertis avant affichage.)

La réponse fut facile à trouver avec Wp-Print.

Il faut télécharger le répertoire print de l’archive décompressée, sans convertir son intitulé. Après l’installation, Wp-Print s’administre depuis le menu Options, onglet Print, et ne présente pas de difficulté particulière.

En revanche, il faut modifier les modèles single.php, post.php, page.php ou theloop.php selon les caractéristiques du thème WordPress.

Il faut chercher la ligne…

<?php while (have_posts()) : the_post(); ?>

… et ajouter dessous, où l’on veut que soit placé l’icône ou le texte Imprimer…, le code suivant :

<?php if(function_exists('wp_print')) { print_link(); } ?>

Si l’on souhaite que le lien imprimer ne s’affiche qu’à la fin des articles et pas à la fin des pages, il suffit de ne pas modifier le modèle page.php. Pour affiche le lien imprimer sur une page spécifique, il faut saisir le code suivant :

[print_link]

Enfin, il faut aller dans le menu options, onglet permaliens et cliquer sur le bouton mise à jour de la structure des permaliens. Le lien Imprimer… sur les anciens articles est automatiquement créé.

Maladresse de débutant, nous avions francisé avec ardeur (et en « dur » !) Wp-Print via les fichiers print.php et wp-print… en pure perte !

En effet, en retournant sur le site du plugiciel, nous nous sommes aperçu que le fichier .mo en français était disponible en téléchargement. Consciencieux, nous avons aussi récupéré le fichier .po afin d’affiner la traduction.

À l’usage, l’efficacité de Wp-Print est impressionnante : les liens, numérotés dynamiquement, sont imprimés dans le pied de l’article ou de la page.

Depuis notre passage à la version 2.6 de WordPress, nous avons dû mettre à jour ce plugiciel. Pour respecter l’usage du français, nous avons ajouté des espaces devant les : dans :

• les lignes 274, 276, 342 et 344 de wp-print.php,
• les lignes 57 et 58 de print-posts.php.

Pour respecter les droits d’auteurs de Lester, l’auteur du Plugin, nous ne proposons en téléchargement que ces deux fichiers francisés : il suffit de les remplacer dans le dossier original. Voici, à toutes fins utiles, le lien direct vers le fichier .mo de traduction française : version française de Wp-Print. Les intrépides ou les perfectionnistes d’entre vous joueront avec le fichier .po !

Lorsqu’on utilise WordPress sans les commentaires, on peut souhaiter supprimer la mention Commentaires désactivés. Il faut enlever la fonction print_comments_number() dans wp-print.php et, partant, son appel dans le fichier print-posts.php.

Or, la typographie nous paraît essentielle : nous nous exprimons en français, nous entendons respecter les règles de composition, fluctuantes selon les langues. Certes, les navigateurs ne permettent pas encore de gérer les espaces fines ou semi-quadratines, mais nous saurions nous contenter des espaces insécables ! Voilà quelque temps, nous avions écrit un long memorandum sur la typographie, que nous essaierons de mettre en ligne prochainement sur ce weblogue. Après moultes recherches, nous avons fini par dénicher le Plugin Typographer. Nous n’avons pas compris les explications pour modifier le fichier Php, mais nous pouvons désormais ne plus nous préoccuper des espaces insécables, y compris pour les guillemets ouvrants et fermants : Typographer travaille pour nous ! jusqu’à un éventuel dysfonctionnement… (Pour vous en convaincre, vous pouvez regarder la source de cet article.)