Article type

L’exemple de la page type est donné pour mettre en évidence la charte graphique d’un article.
Par son exemple, il montre ce qui est faisable de faire, et seulement ce qui est faisable. En effet, c’est l’intégrité de cette charte qui fera le confort de l’utilisateur dans la navigation au travers le site et ses capacités à s’y retrouver.

Les éléments importants d’un article

Se sont :

• Les titres
  • H1 : automatiquement géré par SPIP, c’est le titre ou le sous-titre de l’article.
  • H2 : Utilisé automatiquement par SPIP pour gérer les INFORMATIONS, TELECHARGEMENT et CONNEXION
  • H3 : niveau 3 de paragraphe
  • H4 : niveau 4 de paragraphe
  • sous-titre : pour les paragraphes au-delà
• Le contenu
  • Le CHAPEAU ou CHAPO  : présentation de l’article. Est cadré à droite de l’image, en son centre, si elle existe (LOGO de l’article).
  • DESCRIPTIF  : contenu du texte
  • PS  : Boite d’INFORMATION dans la colonne de droite. Sert à mettre en avant du contenu court. Peut-être mis en forme.
• Pièces à télécharger
  • Article  : systématiquement, SPIP ira chercher des documents associés à l’article. Ces documents sont seulement du type PDF, WORD, EXCEL
  • Rubrique  : dans le cas où des documents seraient disponibles au niveau de la rubrique, ceux-ci sont proposés au téléchargement.

Il y a aussi possibilité de lister par numéro :

1. Phasellus molestie vulputate nibh, vehicula ornare elit tristique sit amet.
   1. Donec lacus justo, fermentum id faucibus nec, rutrum sit amet eros.
   2. Sed egestas laoreet lectus in pulvinar.
   3. Curabitur laoreet euismod hendrerit. Curabitur ullamcorper congue ligula id lobortis.
2. Donec lacus justo, fermentum id faucibus nec, rutrum sit amet eros.
3. Sed egestas laoreet lectus in pulvinar.
4. Curabitur laoreet euismod hendrerit. Curabitur ullamcorper congue ligula id lobortis.

h3 : image à droite

Duis vel massa nec risus venenatis rutrum vel ac magna. Vestibulum suscipit, nisl eget pharetra sagittis, nisi velit vehicula mi, ac hendrerit nisi felis vitae leo. Sed sed dolor dolor, sit amet rutrum enim. Vivamus adipiscing tempus aliquet. Phasellus vel magna at felis dignissim mollis nec ut libero.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce eu elit sit amet massa rutrum dictum eget non neque. Aliquam erat volutpat.

h3 : image à gauche

Vivamus ornare condimentum semper. Praesent in mattis erat. Cras sit amet aliquet enim. Curabitur odio mi, commodo id auctor sit amet, lacinia non erat. Nullam a felis nunc, non luctus nunc. Aenean suscipit quam velit. Aliquam erat volutpat. Vestibulum lectus ipsum, vehicula quis iaculis vitae, egestas sed arcu. Maecenas pharetra, tortor id molestie aliquet, turpis est porta diam, rutrum laoreet lorem ipsum quis augue. Maecenas hendrerit leo nec turpis pretium ut tincidunt enim volutpat.

Le tableau en sous-titre

colonne 1	colonne 2
Vestibulum lectus ipsum	Maecenas pharetra, tortor id molestie aliquet, turpis est porta diam
Vestibulum lectus ipsum	Maecenas pharetra, tortor id molestie aliquet, turpis est porta diam
Vestibulum lectus ipsum	Maecenas pharetra, tortor id molestie aliquet, turpis est porta diam

H4 voici encore titre

Nullam eu quam ligula, eget ultricies eros. Ut nunc nulla, rhoncus ac feugiat at, sagittis vitae erat. Ceci est le lien vers un autre article nec pharetra ligula mollis. Nullam non eros tortor, scelerisque feugiat est. Donec dapibus nulla sit amet nisl semper venenatis. Aliquam sed ornare neque.

H3 et focus

Il faut connaître l’ID de l’article pour faire un lien interne et non le nom écrit dans l’URL du navigateur. Si l’on ne donne pas de texte, c’est le titre qui est écrit en lien Mon article 1-2.

On peut faire aussi des lien externes, comme pour Le site des Anciens. [1].

H3 et enacadre

Cras ut facilisis lacus. En petite capitale. Nulla facilisi. Praesent nec diam magna, eget vulputate nunc. Aliquam adipiscing porttitor mauris, ac semper eros ultricies a. Ceci est en surgris iaculis ipsum. Sed facilisis placerat dolor in vulputate. Phasellus risus libero, Ceci est en fluo, dapibus id velit.

« Ceci est une citation ! Elle est proposée de base »

Pommier - 20 août 2013