Aller au contenu
Parcourir la documentation

Les blocs

Encadrés, dépliants, boutons, fiches techniques, galeries : ce que l'éditeur sait poser.

Un article est une suite de blocs. La plupart sont du texte ; quelques-uns font autre chose, et cette page les décrit.

Insérer un bloc

Tapez / sur une ligne vide. Un menu s'ouvre, et continuer à taper le filtre. Sur téléphone, c'est la barre d'outils au-dessus du clavier.

Chaque bloc porte une poignée à sa gauche : glisser pour déplacer, dupliquer, supprimer.

Les blocs de structure

Ceux-ci ont tous un équivalent à la frappe — voir Les raccourcis clavier.

Le bloc
Ce qu'il fait
Paragraphe
Le bloc par défaut
Titre, Sous-titre, Sous-sous-titre
Trois niveaux, qui alimentent le sommaire
Liste à puces, Liste numérotée
Imbricables
Liste de tâches
Des cases à cocher, affichées telles quelles chez le lecteur
Citation
Un retrait, un filet
Bloc de code
Coloré à la publication — voir Le code
Séparateur
Un filet horizontal

Les blocs de mise en avant

L'encadré

Un bloc coloré pour ce qui mérite d'être vu séparément. Quatre tons : Info, Astuce, Attention, Danger.

Le ton n'est pas décoratif : il dit au lecteur s'il peut sauter le paragraphe. Réservez « Danger » à ce qui fait perdre des données.

Le bouton

Un libellé et un lien. Trois styles : Plein, Contour, Discret.

Le contenu masqué

Un dépliant : un titre visible, un contenu replié que le lecteur ouvre. Le titre par défaut est « Cliquez pour révéler », et il gagne à être remplacé par ce qu'on trouvera dedans.

Utile pour une digression, une démonstration longue, un exemple complet. À ne pas employer pour cacher ce qui est important : un lecteur pressé ne déplie rien.

Les blocs d'images

L'image

Une image de la médiathèque, avec deux largeurs — Largeur normale ou Pleine largeur — une légende, et un texte alternatif.

La légende se lit sous l'image ; le texte alternatif se lit à sa place, par ceux qui ne la voient pas. Ce ne sont pas les mêmes mots. Voir Les images.

La galerie

De deux à quatre images. En dessous de deux, l'éditeur le dit — « Ajoutez une deuxième image pour former une galerie » — et au-dessus de quatre, il refuse.

Quatre est une borne assumée : au-delà, une galerie dans un article devient une page de médiathèque, et ce n'est plus la même chose.

Les blocs de données

La fiche technique

Deux colonnes : Caractéristique et Valeur. « Poids », « 1,2 kg ».

C'est la forme à prendre pour une table de référence — un comparatif, des spécifications, une liste de réglages. L'éditeur n'a pas de bloc « tableau » à trois colonnes, et la fiche technique est ce qui répond à la plupart des besoins qui en réclament un.

Le contenu intégré

Collez une adresse — une vidéo, un morceau, une carte — et Récupérer. Typoza interroge le site d'origine et pose son lecteur.

Deux comportements à connaître :

  • Si le site ne propose pas de lecteur intégrable, un lien est affiché à la place. L'éditeur le dit avant publication.

  • Rien n'est chargé chez le site d'origine avant que le lecteur ne clique. Le bloc affiche un aperçu inerte et un bouton « Afficher le contenu ».

Ce second point est le seul moyen d'intégrer une vidéo sans déposer les cookies du site d'origine chez tous vos lecteurs, y compris ceux qui ne regarderont jamais la vidéo.

Ce qu'aucun bloc ne fait

  • Pas de colonnes, pas de grille, pas de positionnement libre. Un article est une colonne de texte, et c'est ce qui le rend lisible sur un téléphone sans y penser.

  • Pas de HTML brut. Ce qui entre dans un article est ce que l'éditeur sait produire — c'est ce qui garantit qu'un texte publié aujourd'hui s'affichera encore dans cinq ans.

  • Pas de tableau à plus de deux colonnes. La fiche technique en tient lieu.