Cette documentation a pour but de vous apporter des informations concernant la mise en forme du texte dans Drupal. Elle vous permettra d'éviter les erreurs liées au copier-coller depuis les logiciels de traitement de texte. Vous vous familiariserez aussi avec certaines particularités du CMS Drupal en matière de mise en forme.

En bref

Les caractéristiques du texte des pages web sont les suivantes :

  • Police : verdana
  • Taille : 1em soit environ 11.5 pixels
  • Hauteur de ligne : 1.8em soit environ 20.7 pixels
  • Couleur : gris foncé (#333333)

Ces caractéristiques s’appliquent aux textes des paragraphes et listes à puces du contenu principal d’une page. Les styles des textes des blocs ou des titres sont sensiblement différents.

Les outils de mise en forme de base proposés sont le gras, l’italique et les alignements standards (gauche – droite – centré et justifié). L'usage sur le Web est plutôt de NE PAS justifier les textes.

Copier-coller

Afin de supprimer la mise en forme d’origine, un filtre intégré au CMS est appliqué par défaut à tout contenu collé dans la zone d’édition.

Afin de supprimer toute la mise en forme avant de coller, vous pouvez utiliser l'outil Coller depuis Word

Afin de supprimer toute la mise en forme après avoir collé, vous pouvez utiliser l'outil Suppression de la mise en forme (outil Tx)

Les paragraphes

Le paragraphe constitue l’élément de base permettant de structurer le contenu d’une page web.

Dans la zone d’édition, un retour chariot (touche entrée) permet de créer un paragraphe. 

Un simple retour à la ligne (break line) s’obtient avec la combinaison de touche shift (Touche majuscule) + Entrée

Les lignes horizontales

ligne horizontale

Les lignes horizontales (Horizontal Rules) constituent des éléments de structuration de vos contenus. Elles doivent être utilisées comme séparateurs entre les paragraphes.
Les lignes horizontales sont grises, d'une épaissuer de 1px pour une largeur de 100% . Elles possèdent un espacement supérieur et inférieur de 1.5em

 

Les listes

Les listes permettent de présenter du contenu organisé sous forme de listes

2 types de listes existent : les listes à puces et les listes numérotées

Les listes à puces:

  • item 1
  • item 2
  • item 3

Les listes numérotées

  1. item 1
  2. item 2
  3. item 3

Voir documentation sur les listes

Les tableaux

Les tableaux servent à présenter des données tabulaires c'est à dire des données dont vous pouvez nommer les colonnes. Un tableau ne doit pas servir à organiser graphiquement votre contenu.

Bonne utilisation d'un tableau : présentation de données tabulaires avec des colonnes nommées et bien définies

Family name

Middle name

First Name

Date of birth

Place of birth

Dupuis Emilie10/01/1984Agen
Dupont Jean23/09/1986Marseille
Ben Sayeb Fatima21/04/1990Marseille
 

Mauvaise utilisation d'un tableau : utilisation du tableau (dont on masque les contours) pour présenter le contenu sur 2 colonnes

 

Voir documentation sur les tableaux

Les Citations

Si vous êtes amené à publier des textes longs de type citation, un outil spécifique de mise en forme est disponible depuis la barre d’outil de l’éditeur.

Apparence d'une citationBouton citation

 

 

 

 

 


Lisez aussi

Les 5 grands principes de la rédaction web
Les titres
Les listes
Sur le site de l'agence web Studio Vitamine, l'article Mettre en forme le texte pour plus de lisibilité